Разработка электронного конструктора по созданию программного-методического обеспечения учебно-производственного процесса

Стив Джобс отказал в использовании Flash для iOS из-за множества багов и его нестабильности, поэтому изучение того, как использовать наиболее сложные функции HTML5 должно быть обязательным для тех, кто хочет разрабатывать приложения и iOS-дружественные веб-Программный тренажеры. С Google и его версией YouTube дружественной к HTML5, много разработчиков и дизайнеров увидели, насколько важным станет новый язык в ближайшем будущем. Тем не менее, не смотря на Firefox, который немного сопротивляется пришествию HTML5, дизайнеры и разработчики все же чувствуют необходимость подстраивать свои базы, когда внедряют новые возможности на веб-Программный тренажеры. Основная идея, которую несет в себе HTML5 — это не один сплошной объект, а скорее сборник небольших составляющих, которые, взаимодействуя, создают нечто новаторское и продвинутое. Каждый браузер может поддерживать разные свойства HTML5. И очень важно для тех, кто кодирует Программный тренажер, знать какие функции можно использовать для данного браузера, а какие поддерживаются другим. HTML5 возник в виде надстройки над широко-популярным HTML4. Это значит, что веб-дизайнеру нет необходимости полностью переделывать существующий код, а надо всего лишь усовершенствовать старый. Рисунок 11. Фрагмент разработки элемента системы в редакторе2.

5. Экранные формы тестированияпрограммного тренажера.

Рисунок 12. Тестирование системы тестирования.

Рисунок 13. Тестирование системы практических заданий.

ЗАКЛЮЧЕНИЕ

Курсовая работа была посвящена исследованию информационно-методического сопровождения формирования готовности создавать программно-методического обеспечение учебно-производственного процесса и связанным с данной темой понятиям электронного обучения, тестирования и учебно-методического комплекса в целом, его структуре, содержанию, отдельным модулям, и возможности с одной стороны и необходимости с другой стороны создания дистанционного курса как современного электронного средства предъявления учебно-методических материалов. Для реализации электронного тренажера был подобран материал и разработаны различного типа методические материалы теоретического и практического типа. Для создания электронного тренажера материал был специально отформатирован, определенна и разработана структура программного средства. Для программной реализации информационно-методического сопровождения использовались современные клиентские технологии веб-разработки, базирующиеся на принципах WEB2.

0.Полностью НМК состоит из электронного тренажера, пакета печатных материалов. Была протестирована работа системы.

СПИСОК ЛИТЕРАТУРЫ

Агапова О.И., Кривошеев А. О., Ушаков А. С. О трёх поколениях компьютерных технологий обучения//Информатика и образование. 1994. № 2. С. 34−40 Арзамасцев А. А., Китаевская Т. Ю., Иванов М. А., Зенкова Н. А., Хворов А. П. Компьютерная технология оптимального проектирования учебного процесса // Информатика и образование. 2001. №.

4. С. 79−82. Демушкин А. С., Кириллов А. И., Сливина Н. А. и др. Компьютерные обучающие программы/ Информатика и образование. 1995, № 3, с. 15−22.

Евсеева Е.Н. Учебно-методический комплекс по дисциплине / Е. Н. Евсеева, О. Ю. Шамаева — M: Изд. центр Российского государственного гуманитарного университета. — 74 с. Каларщук В. И. Обучающие программы.

М.: СОЛОН-Р, 2001.

Куприянов М., Околелов О. Дидактический инструментарий новых образовательных технологий // Высшее образование в России. 2001.№ 1. С. 124−126. Машбиц Е. И. Психолого-педагогические проблемы компьютеризации обучения. М., 1988. 254 с.

http://www.asymetrix.com.

http://www.webct.com.

http://www.macromedia.comНоренков И. П. По WWW-страницам учебных серверов. — Информационные технологии, № 3, 1997.

Путилов Г. П. Концепция построения информационно-образовательной среды технического вуза/ М.: МГИЭМ, 1999.

Печников, А. Н. Электронное обучение / А. Печников, Т.

Аванесова, А. Шиков; Военная академия связи им. Маршала Советского Союза С. М. Буденного. — Санкт-Петербург, 2014. -.

73 с. Хортон У. Электронное обучение: инструменты и технологии / У. Хортон, К. Хортон, М: Кудиш-образ, 2006.

Чертополох А. А. Инновационные технологии обучения: проблема электронного учебника//Инновации в образовании, 2001. № 2. С. 89−99. Якушева, Н. М. Электронное обучение: подходы к реализации, примеры средств обучения и учебных заведений / Н.

М. Якушева // Вестник Московского государственного гуманитарного университета им. М. А. Шолохова.

Педагогика и психология. — 2014. — №&# 160;1. — С.

84−88.ПРИЛОЖЕНИЯПриложение 1. Код модуля тестового блока<!DOCTYPE HTML PUBLIC «.

-//W3C//DTD HTML 4.01 Transitional//EN" «.

http://www.w3.org/TR/html4/loose.dtd" ><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8″ > <title>Тестовыезадания</title> <script language="JavaScript" type="text/JavaScript" src="Res/code/shared.js" ></script> <script language="JavaScript" type="text/JavaScript" src="Res/code/boxController.js" ></script> <script language="JavaScript" type="text/JavaScript" src="Res/code/boxSettings.js" ></script> <script language="JavaScript" type="text/JavaScript" src="Res/tree/tree.js" ></script> <script language="JavaScript" type="text/JavaScript" src="Res/tree/tree_items.js" ></script> <script language="JavaScript" type="text/JavaScript" src="Res/tree/tree_tpl.js" ></script> <link href="Res/styles/shared.css" rel="stylesheet" type="text/css" > <link href="Res/styles/DynamicOutline.css" rel="stylesheet" type="text/css" ></head><body id="page" onload="init ()" ><!— BEGIN PAGE HEADER —><table id="pageHeader" > <tr> <td class="left" rowspan="3″ > <a class="noHover" href="index.html" target="_parent" > <imgsrc="Res/images/logo.gif" alt="" ></a> </td> <td class="right" ><!— BEGIN TOOLS UTILITIES—> <div class="utilities" > <span class="command" > <a href="index.html" target="_parent" > <span class="label" >Домой</span> </a> </span><span class="utilities_toc" >

— <span class="command" > <a href="contents.htm" target="_parent" > <span class="label" >Содержание</span> </a> </span></span><!— BEGIN HEADER UTILITIES OVERVIEW SNIPPET —> - <span class="command" > <a href="map.htm" target="_parent" > <span class="label" >Картасайта</span> </a> </span><!— END HEADER UTILITIES OVERVIEW SNIPPET —> <!— BEGIN HEADER UTILITIES LEGEND SNIPPET —> - <span class="command" > <a href="javascript:openPopup ('legend.htm','Legend','scrollbars=yes, resizable=yes, left=20,top=20,width=240,height=450')" > <span class="label" >Картассылок</span> </a> </span> <!— END HEADER UTILITIES LEGEND SNIPPET —> </div><!— END TOOLS UTILITIES—> </td> </tr> <tr> <td class="right" ><divclass="mapName" >Электронное приложение (тренажер) "Фонд оценочных средств сформированности готовности к созданию программно-методического обеспечения учебно-производственного процесса"</div></td> </tr> <tr> <td class="right" ><divclass="contactInformation" >Башкирский государственный педагогический университет  <a href="mailto:info@myprofile.ru" >info@myprofile.ru</a></div></td> </tr></table><!— END PAGE HEADER —><!— BEGIN PAGE BODY—><!— BEGIN SIDE NAVIGATION WRAPPER—><table> <tr> <td class="outlineColumn" ><!— Ensure minimum width of outline—> <img class="emptyImage" src="Res/images/empty.gif" width="190″ height="1″ alt="" > <!— DYNAMIC OUTLINE — START —> <div class="dynamicOutline" ><div class="tree" style="padding: 5px;" ><script language="JavaScript" type="text/JavaScript" >new tree (TREE_ITEMS, TREE_TPL);</script></div> </div><!— DYNAMIC OUTLINE — END —> </td> <td class="bodyColumn" ><!— END SIDE NAVIGATION WRAPPER—><table id="pageBody" > <col class="main" > <col class="right" ><!— BEGIN BREADCRUMBS—><tr id="breadcrumbsAndPageNavigation" > <td class="breadcrumbs" valign="top" > <!— BEGIN NAVIGATION BREADCRUMBS ITEM—><span class="breadcrumb" > <a href="index.html" >Домой</a> <span class="separator" >></span></span><!— END NAVIGATION BREADCRUMBS ITEM—><!— BEGIN NAVIGATION BREADCRUMBS HERE—><span class="breadcrumb" > 2. Тестовыезадания</span><!— END NAVIGATION BREADCRUMBS HERE—> </td> <td class="pageNavigation" valign="top" ><!— START PAGE NAVIGATION NEXT IN SEQUENCE IMAGES —><span class="commands" > <span class="command" > <imgsrc="Res/images/previous_button.gif" alt="" > <a href="Untitled (5).html" > <span class="label" >Предыдущая</span></a> </span>   <span class="command" > <a href=".

-(4).html" > <span class="label" >Следующая</span></a> <imgsrc="Res/images/next_button.gif" alt="" > </span></span><!— END PAGE NAVIGATION NEXT IN SEQUENCE IMAGES —> </td> <td class="right" valign="top" > </td></tr><!— END BREADCRUMBS—><tr class="topic" > <td class="main" valign="top" colspan="2″ > <div class="body" > <div class="topicDivider" > </div> </div> </td> <td class="right" valign="top" ><!—right body column empty—> </td></tr><!—BEGIN PAGE BODY ITEM—><tr class="topic" > <td class="main" valign="top" colspan="2″ > <table> <tr class="topicHeader" > <td class="topicImageColumn" > </td> <td class="topicLineColumn" > <a name="Topic3″ ></a> <span class=outlineNumberFirst>2. </span><span class=topicLineFirst>Тестовыезадания</span> <span class="topicIcons" > </span> </td> </tr> </table> <div class="topicTextNotes" ><h1>Ответьте на вопросы теста</h1> <h2>Тест «Программно-методическое обеспечения учебно-производственного процесса» </h2><script type="text/javascript" >// Заголовокстраницы (h1)vartitle = 'Срез по первому блоку';// Подзаголовок (h2)varsubtitle = «Этот тест позволяет оценить Ваши знания» ;// Это ваши вопросыvarquestions=[{text: «Что из приведенного ниже не относится к трудовым действиям педагога СПО согласно ФГОС», answers: [" Разработка и обновление основных программ профессионального обучения «, „Планирование занятий и (или) учебной практики (практического обучения): разработка и обновление планов, технологических карт, сценариев занятий по освоению профессии рабочего, должности служащего“, „Воспитание морально-психологических качеств будущего члена общества“, „Разработка и обновление учебно-методического обеспечения профессионального обучения „, „Ведение документации, обеспечивающей учебно-производственный процесс“ ], correctAnswer: 2 // нумерация ответов с нуля!},{text: „Какое планирование не обязан осуществлять педагог СПО согласно ФГОС?“, answers: [“ практического обучения“, „занятий“, „учебной практики“, „воспитательной работы“, „воспитательной работы“ ], correctAnswer: 1},{text: „Выбрать неправильный ответ: ФГОС устанавливает, что основная профессиональная образовательная программа (ОПОП) содержит следующую учебно-методическую документацию:“, answers: [» рабочий учебный план;", «рабочие программы учебных дисциплин и профессиональных модулей;», «программы учебной и производственной практик;», «план внеурочной деятельности;», «профессиональные компетенции;», «рабочие программы междисциплинарных курсов» ], correctAnswer: 5},{text: «Чтобы создать таблицу в режиме Конструктора, необходимо:», answers: [" Дважды щелкнуть левой кнопкой мыши на ярлыке Создание таблицы с помощью конструктора", «Открыть область задач Создание файла», «Дважды щелкнуть левой кнопкой мыши на ярлыке Создание таблицы с помощью мастера» ], correctAnswer: 0},{text: «Стратегическая цель государственной политики в области образования — это:», answers: [" повышение доступности качественного образования соответствующего требованиям инновационного развития экономики, современным потребностям общества и каждого гражданина;", «гармоничное развитие всех сущностных физических и духовных сил, способностей и дарований детской личности;», «высоконравственный, творческий, компетентный гражданин России», «усвоение обучающимися общих для всех знаний, умений и навыков, обеспечивающих одновременно умственное развитие и формирующих у них способность активного самостоятельного мышления и творчества в общественной и производственной деятельности» ], correctAnswer: 0},{text: «Стратегическая цель государственной политики в области образования — это:», answers: [" повышение доступности качественного образования соответствующего требованиям инновационного развития экономики, современным потребностям общества и каждого гражданина;", «гармоничное развитие всех сущностных физических и духовных сил, способностей и дарований детской личности;», «высоконравственный, творческий, компетентный гражданин России», «усвоение обучающимися общих для всех знаний, умений и навыков, обеспечивающих одновременно умственное развитие и формирующих у них способность активного самостоятельного мышления и творчества в общественной и производственной деятельности» ], correctAnswer: 0}]; varyourAns = new Array;var score = 0;function Engine (question, answer) {yourAns[question]=answer;}function Score (){varanswerText = «Результаты:n» ;for (vari = 0; i < yourAns. length; ++i){varnum = i+1;answerText=answerText+" n Вопрос №" + num +" «;if (yourAns[i]≠questions[i]. correctAnswer){answerText=answerText+» n Правильныйответ: «+questions[i]. answers[questions[i].correctAnswer] + „n“; }else{answerText=answerText+»: Верно! n"; ++score; } }answerText=answerText+" nВсегоправильныхответов: «+score+» n" ;alert (answerText);yourAns = []; score = 0;clearForm («quiz»);}functionclearForm (name) {var f = document. forms[name]; for (vari = 0; i < f.elements.length; ++i) {if (f.elements[i]. checked) f. elements[i].checked = false;}}</script><style>span.quest {font-weight: bold;}</style><h1><script>document.write (title)</script></h1><h2><script>document.write (subtitle)</script></h2><form name="quiz" ><ol><script>for (var q=0; q<questions.length; ++q) {var question = questions[q]; varidx = 1 + q;document.writeln ('<li><span class="quest" >' + question. text + '</span><br/>');for (vari in question. answers) {document.writeln ('<input type=radio name="q' + idx + '" value="' + i + '" onClick="Engine (' + q + ', this. value)" >' + question. answers[i] + '<br/>');}}</script></ol><input type="button" onClick="Score ()" value="Проверитьрезультаты" /></form> </div> </td> <td class="right" valign="top" ><!—right body column empty—> </td></tr><!—END PAGE BODY ITEM—><!— BEGIN TOP BUTTON —><tr class="topic" > <td class="main" valign="top" colspan="2″ > <div class="body" > <div class="topCommand" > <span class="commands" > <span class="command" > <imgsrc="Res/images/top_button.gif" alt="" > <a href="javascript:scroll (0,0)" > <span class="label" >Вверх</span> </a> </span> </span> </div> </div> </td> <td class="right" valign="top" ><!—right body column empty—> </td></tr><!— END TOP BUTTON —></table><!— BEGIN SIDE NAVIGATION WRAPPER—> </td> </tr></table> <!— END SIDE NAVIGATION WRAPPER—><!— END PAGE BODY—><!—-BEGIN FOOTER—><table id="pageFooter" > <tr><!— reserved for image <td class="left" rowspan="2″ ></td>

—> <td class="center" rowspan="2″ > <div class="footerText" >Практическаячастькурсовойработы</div> </td> <td class="right" > <div class="hyperlink" > <span> <a href=".

http://www.teacher.com/" target="_blank" >Разработановрамкахкурсовойработы</a></span> </div> </td> </tr> <tr> <td class="right" > <div class="lastUpdated" ><span>Создано:

10 октября 2017 г.</span><span>25.

10.2017</span> </div> </td> </tr> <tr> <td></td> </tr></table><!—-END FOOTER—></body></html>