ЛАБОРАТОРНАЯ
РАБОТА 1
«ФАБРИКА BLOCKLY»
ВЫПОЛНИЛ СТУДЕНТ ГРУППЫ ПОС-10А
ШЕПЛЯКОВ Д. В.
Работа с
файлами
SVG
ИСХОДНЫЙ КОД ИЗОБРАЖЕНИЯ
<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg"><!-- Created with SVG-edit - http://svg-
edit.googlecode.com/ --> <g><title>Layer 1</title><line fill="none" stroke="#000000" stroke-width="1" stroke-
dasharray="null" stroke-linejoin="null" stroke-linecap="null" x1="25.25" y1="3.25" x2="25.25" y2="25.75" id="svg_4"/>
<line fill="none" stroke="#000000" stroke-width="1" stroke-dasharray="null" stroke-linejoin="null" stroke-
linecap="null" x1="29.5" y1="34" x2="29.5" y2="34.25" id="svg_5"/><line fill="none" stroke="#000000" stroke-
width="1" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x1="25.25" y1="25.75" x2="58.75"
y2="25.75" id="svg_6"/><line fill="none" stroke="#000000" stroke-width="1" stroke-dasharray="null" stroke-
linejoin="null" stroke-linecap="null" x1="25.5" y1="25.75" x2="6" y2="48.25" id="svg_7"/> <text fill="#000000"
stroke="#000000" stroke-width="0" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="60.75"
y="27.75" id="svg_10" font-size="7.024" font-family="serif" text-anchor="middle" xml:space="preserve">x</text><text
fill="#000000" stroke="#000000" stroke-width="0" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null"
x="21.75" y="5.875" font-size="7.024" font-family="serif" text-anchor="middle" xml:space="preserve"
id="svg_11">y</text><text fill="#000000" stroke="#000000" stroke-width="0" stroke-dasharray="null" stroke-
linejoin="null" stroke-linecap="null" x="4.25" y="51.875" font-size="7.024" font-family="serif" text-anchor="middle"
xml:space="preserve" id="svg_12">z</text><text fill="#000000" stroke="#000000" stroke-width="0" stroke-
dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="18.25" y="26.75" id="svg_13" font-size="4.024" font-
family="serif" text-anchor="middle" xml:space="preserve">O(0,0,0)</text></g></svg>
МАСШТАБИРОВАНИЕ SVG ФАЙЛА
ПРЕДСТАВЛЕНИЕ BLOCKLY
СГЕНЕРИРОВАННЫЙ КОД
РЕЗУЛЬТАТ
ЗАГОЛОВОК
Blockly.Language.webgl_a25_1html = {
category: 'WebGL',
helpUrl:"../../media/webgl_a25_header.help.html",
init: function() {
this.setColour(290);
this.appendStatementInput("NAME")
// .appendTitle(new Blockly.FieldImage("../../media/1.svg", 64, 64))
.appendTitle("HTML");
this.setNextStatement(true);
this.setTooltip(''); } };
Blockly.JavaScript.webgl_a25_1html = function() {
var statements_name = Blockly.JavaScript.statementToCode(this, 'NAME');
// TODO: Assemble JavaScript into code variable.
var code = '&lt;html&gt;n&lt;head&gt;n&lt;title&gt;' + statements_name.toString()
+ '&lt;/title&gt;n&lt;/head&gt;'
return code; };
НАЗВАНИЕ СТРАНИЦЫ
Blockly.Language.webgl_a25_2html = {
category: 'WebGL',
helpUrl:"../../media/title.html",
init: function() {
this.setColour(230);
this.appendDummyInput()
.appendTitle("Title")
.appendTitle(new Blockly.FieldTextInput("Лабораторная работа № 1"), "NAME");
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip('');
}
};
Blockly.JavaScript.webgl_a25_2html = function() {
var text_name = this.getTitleValue('NAME');
var code = text_name.toString();
return code;
};
ТЕЛО СТРАНИЦЫ
Blockly.Language.webgl_a25_3html = {
category: 'WebGL',
helpUrl: "../../media/Body.html",
init: function() {
this.setColour(120);
this.appendStatementInput("NAME")
.appendTitle("Body");
this.setPreviousStatement(true);
this.setNextStatement(true);
this.setTooltip(''); } };
Blockly.JavaScript.webgl_a25_3html = function() {
var statements_name = Blockly.JavaScript.statementToCode(this,
'NAME');
var code = 'n&lt;body&gt;n' + statements_name.toString() +
'n&lt;/body&gt;'
return code;
};
СОЗДАНИЕ СПИСКА
Blockly.Language.canvas_a25_lists_3d_points = { category: 'Canvas',helpUrl:
"../../media/lists.html", init: function() { this.setColour(350);
this.appendDummyInput() .appendTitle(new
Blockly.FieldImage("../../media/1.svg", 64, 64))
.appendTitle("lists_3D_points"); this.appendValueInput("x") .setCheck(Number)
.setAlign(Blockly.ALIGN_RIGHT) .appendTitle("X1 Y1 Z1");
this.appendValueInput("x1")
.setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT)
.appendTitle("X2 Y2 Z2"); this.appendValueInput("x2")
.setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT)
.appendTitle("X3 Y3 Z3"); this.appendValueInput("x3") .setCheck(Number)
.setAlign(Blockly.ALIGN_RIGHT) .appendTitle("X4 Y4 Z4");
this.setPreviousStatement(true); this.setNextStatement(true);
this.setTooltip(''); }};Blockly.JavaScript.canvas_a25_lists_3d_points = function() {
var value_x = Blockly.JavaScript.valueToCode(this, 'x',
Blockly.JavaScript.ORDER_ATOMIC); var value_x1 =
Blockly.JavaScript.valueToCode(this, 'x1', Blockly.JavaScript.ORDER_ATOMIC); var
value_x2 = Blockly.JavaScript.valueToCode(this, 'x2',
Blockly.JavaScript.ORDER_ATOMIC); var value_x3 =
Blockly.JavaScript.valueToCode(this, 'x3', Blockly.JavaScript.ORDER_ATOMIC); //
TODO: Assemble JavaScript into code variable. var code= 'Список трехмерных
координат {'+value_x+','; code += ' '+value_x1+','; code += ' '+value_x2+','; code
+= ' '+value_x3+' '; code += '}'; return code;
};
КОНЕЦ ДОКУМЕНТА
Blockly.Language.webgl_a25_6html = {
category: 'WebGL',
helpUrl:"../../media/Footer.html",
init: function() {
this.setColour(290);
this.appendDummyInput()
.appendTitle("Footer");
this.setPreviousStatement(true);
this.setTooltip('');
}};
Blockly.JavaScript.webgl_a25_6html = function() {
var code = 'n&lt;/html&gt;'
return code;
};
ФАЙЛ СПРАВКИ HTML
ФАЙЛ СПРАВКИ TITLE
ФАЙЛ СПРАВКИ BODY
ФАЙЛ СПРАВКИ LISTS_3D_POINTS
ФАЙЛ СПРАВКИ ВВЕДЕНИЯ ЧИСЛА
ФАЙЛ СПРАВКИ FOOTER
СПАСИБО ЗА ВНИМАНИЕ

More Related Content

PDF
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)
PDF
Prototype UI
PPTX
Александр Кашеверов «Пара слов о веб - приложениях и что такое Gulp»
PPT
Praktik Pengembangan Konten HTML5 untuk E-Learning (Extended)
TXT
">&lt;img src="x">
PPTX
Jquery ui, ajax
PDF
Java script.trend(spec)
Классические архитектуры во фронтенде / Александра Шинкевич (LOVATA)
Prototype UI
Александр Кашеверов «Пара слов о веб - приложениях и что такое Gulp»
Praktik Pengembangan Konten HTML5 untuk E-Learning (Extended)
">&lt;img src="x">
Jquery ui, ajax
Java script.trend(spec)

What's hot (20)

PDF
Bookmarklets and you!
PPTX
EWD 3トレーニングコース#13 全てをひとつにまとめてewd-xpressで稼働させてみる
PDF
第二节课:html5 – web开发步入新阶段
PDF
Javascript and jQuery for Mobile
PDF
Meteor로 만드는 modern web application
PDF
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
PDF
Zamyakin
PDF
Working With Ajax Frameworks
PPT
Web App Mvc
KEY
HTML5を使ったウェブアプリケーションの高速化
PDF
aggregation and indexing with suitable example using MongoDB.
PDF
PDF
Jquery Framework
PDF
twMVC#20 | 前端視覺化實戰 - D3.js
PDF
Actividad 1 pago de factura al proveedor
PDF
GruntJs Installation and popular plugins. MoscowJS
PDF
KEY
消费导航项目小结
PDF
Testing in JavaScript
PPTX
Bookmarklets and you!
EWD 3トレーニングコース#13 全てをひとつにまとめてewd-xpressで稼働させてみる
第二节课:html5 – web开发步入新阶段
Javascript and jQuery for Mobile
Meteor로 만드는 modern web application
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
Zamyakin
Working With Ajax Frameworks
Web App Mvc
HTML5を使ったウェブアプリケーションの高速化
aggregation and indexing with suitable example using MongoDB.
Jquery Framework
twMVC#20 | 前端視覺化實戰 - D3.js
Actividad 1 pago de factura al proveedor
GruntJs Installation and popular plugins. MoscowJS
消费导航项目小结
Testing in JavaScript
Ad

Viewers also liked (18)

PDF
Punto de equilibrio ciclo i 2016
PPTX
лабораторная работа 1
PPTX
менеджмент проектов по
PPT
Как правильно распорядиться финансами на старте?
PPTX
менеджмент проектов по
PPTX
Lamps and lenses
PPTX
Electricity
PPT
Венчурные инвесторы: повадки, виды, места обитания.
PDF
Инвестиции в стартап: оформляем сделку.
PPTX
цифровой коллаж
PPTX
Understanding the funds
PDF
шепляков дмитрий владимирович гр. пос 10а
PPT
Инновационное предпринимательство: рынок которого (еще) нет. Татьяна Комиссар...
PPT
Продукт: с нуля до вывода на рынок.
PPT
Успеть за 3 минуты: секрет успешной презентации.
PPTX
Посевные инвестиции: инструкция по привлечению.
PPTX
Расчетная работа Цифровой коллаж
PPSX
Дрим-тим для стартапа
Punto de equilibrio ciclo i 2016
лабораторная работа 1
менеджмент проектов по
Как правильно распорядиться финансами на старте?
менеджмент проектов по
Lamps and lenses
Electricity
Венчурные инвесторы: повадки, виды, места обитания.
Инвестиции в стартап: оформляем сделку.
цифровой коллаж
Understanding the funds
шепляков дмитрий владимирович гр. пос 10а
Инновационное предпринимательство: рынок которого (еще) нет. Татьяна Комиссар...
Продукт: с нуля до вывода на рынок.
Успеть за 3 минуты: секрет успешной презентации.
Посевные инвестиции: инструкция по привлечению.
Расчетная работа Цифровой коллаж
Дрим-тим для стартапа
Ad

лабораторная работа 1 Исправленная

  • 1. ЛАБОРАТОРНАЯ РАБОТА 1 «ФАБРИКА BLOCKLY» ВЫПОЛНИЛ СТУДЕНТ ГРУППЫ ПОС-10А ШЕПЛЯКОВ Д. В.
  • 3. ИСХОДНЫЙ КОД ИЗОБРАЖЕНИЯ <svg width="64" height="64" xmlns="http://www.w3.org/2000/svg"><!-- Created with SVG-edit - http://svg- edit.googlecode.com/ --> <g><title>Layer 1</title><line fill="none" stroke="#000000" stroke-width="1" stroke- dasharray="null" stroke-linejoin="null" stroke-linecap="null" x1="25.25" y1="3.25" x2="25.25" y2="25.75" id="svg_4"/> <line fill="none" stroke="#000000" stroke-width="1" stroke-dasharray="null" stroke-linejoin="null" stroke- linecap="null" x1="29.5" y1="34" x2="29.5" y2="34.25" id="svg_5"/><line fill="none" stroke="#000000" stroke- width="1" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x1="25.25" y1="25.75" x2="58.75" y2="25.75" id="svg_6"/><line fill="none" stroke="#000000" stroke-width="1" stroke-dasharray="null" stroke- linejoin="null" stroke-linecap="null" x1="25.5" y1="25.75" x2="6" y2="48.25" id="svg_7"/> <text fill="#000000" stroke="#000000" stroke-width="0" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="60.75" y="27.75" id="svg_10" font-size="7.024" font-family="serif" text-anchor="middle" xml:space="preserve">x</text><text fill="#000000" stroke="#000000" stroke-width="0" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="21.75" y="5.875" font-size="7.024" font-family="serif" text-anchor="middle" xml:space="preserve" id="svg_11">y</text><text fill="#000000" stroke="#000000" stroke-width="0" stroke-dasharray="null" stroke- linejoin="null" stroke-linecap="null" x="4.25" y="51.875" font-size="7.024" font-family="serif" text-anchor="middle" xml:space="preserve" id="svg_12">z</text><text fill="#000000" stroke="#000000" stroke-width="0" stroke- dasharray="null" stroke-linejoin="null" stroke-linecap="null" x="18.25" y="26.75" id="svg_13" font-size="4.024" font- family="serif" text-anchor="middle" xml:space="preserve">O(0,0,0)</text></g></svg>
  • 7. ЗАГОЛОВОК Blockly.Language.webgl_a25_1html = { category: 'WebGL', helpUrl:"../../media/webgl_a25_header.help.html", init: function() { this.setColour(290); this.appendStatementInput("NAME") // .appendTitle(new Blockly.FieldImage("../../media/1.svg", 64, 64)) .appendTitle("HTML"); this.setNextStatement(true); this.setTooltip(''); } }; Blockly.JavaScript.webgl_a25_1html = function() { var statements_name = Blockly.JavaScript.statementToCode(this, 'NAME'); // TODO: Assemble JavaScript into code variable. var code = '&lt;html&gt;n&lt;head&gt;n&lt;title&gt;' + statements_name.toString() + '&lt;/title&gt;n&lt;/head&gt;' return code; };
  • 8. НАЗВАНИЕ СТРАНИЦЫ Blockly.Language.webgl_a25_2html = { category: 'WebGL', helpUrl:"../../media/title.html", init: function() { this.setColour(230); this.appendDummyInput() .appendTitle("Title") .appendTitle(new Blockly.FieldTextInput("Лабораторная работа № 1"), "NAME"); this.setPreviousStatement(true); this.setNextStatement(true); this.setTooltip(''); } }; Blockly.JavaScript.webgl_a25_2html = function() { var text_name = this.getTitleValue('NAME'); var code = text_name.toString(); return code; };
  • 9. ТЕЛО СТРАНИЦЫ Blockly.Language.webgl_a25_3html = { category: 'WebGL', helpUrl: "../../media/Body.html", init: function() { this.setColour(120); this.appendStatementInput("NAME") .appendTitle("Body"); this.setPreviousStatement(true); this.setNextStatement(true); this.setTooltip(''); } }; Blockly.JavaScript.webgl_a25_3html = function() { var statements_name = Blockly.JavaScript.statementToCode(this, 'NAME'); var code = 'n&lt;body&gt;n' + statements_name.toString() + 'n&lt;/body&gt;' return code; };
  • 10. СОЗДАНИЕ СПИСКА Blockly.Language.canvas_a25_lists_3d_points = { category: 'Canvas',helpUrl: "../../media/lists.html", init: function() { this.setColour(350); this.appendDummyInput() .appendTitle(new Blockly.FieldImage("../../media/1.svg", 64, 64)) .appendTitle("lists_3D_points"); this.appendValueInput("x") .setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT) .appendTitle("X1 Y1 Z1"); this.appendValueInput("x1") .setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT) .appendTitle("X2 Y2 Z2"); this.appendValueInput("x2") .setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT) .appendTitle("X3 Y3 Z3"); this.appendValueInput("x3") .setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT) .appendTitle("X4 Y4 Z4"); this.setPreviousStatement(true); this.setNextStatement(true); this.setTooltip(''); }};Blockly.JavaScript.canvas_a25_lists_3d_points = function() { var value_x = Blockly.JavaScript.valueToCode(this, 'x', Blockly.JavaScript.ORDER_ATOMIC); var value_x1 = Blockly.JavaScript.valueToCode(this, 'x1', Blockly.JavaScript.ORDER_ATOMIC); var value_x2 = Blockly.JavaScript.valueToCode(this, 'x2', Blockly.JavaScript.ORDER_ATOMIC); var value_x3 = Blockly.JavaScript.valueToCode(this, 'x3', Blockly.JavaScript.ORDER_ATOMIC); // TODO: Assemble JavaScript into code variable. var code= 'Список трехмерных координат {'+value_x+','; code += ' '+value_x1+','; code += ' '+value_x2+','; code += ' '+value_x3+' '; code += '}'; return code; };
  • 11. КОНЕЦ ДОКУМЕНТА Blockly.Language.webgl_a25_6html = { category: 'WebGL', helpUrl:"../../media/Footer.html", init: function() { this.setColour(290); this.appendDummyInput() .appendTitle("Footer"); this.setPreviousStatement(true); this.setTooltip(''); }}; Blockly.JavaScript.webgl_a25_6html = function() { var code = 'n&lt;/html&gt;' return code; };