Методика обучения web-программированию с применением проблемного подхода в рамках элективного курса
Теоретические основы изучения курса "Web-программирование". Сущность понятия "элективный курс" относительно других школьных курсов. PHP, CSS, MySQL и JavaScript. Структура web-приложения, разработка базы данных и проектирование администраторской части.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 12.05.2015 |
| Размер файла | 2,3 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
В таблице «settings» содержится 6 полей, которые отвечают за текстовую информацию на основных страницах. Структура таблицы представлена в соответствии с рисунком 2.2.
Рисунок 2.2. Структура таблицы «settings»
Таблица «lessons» включает в себя 7 полей. В таблице хранится основной текст уроков, статей и дополнительная информации, такая как автор, дата, категория, ключевые слова. Структура таблицы представлена в соответствии с таблицей 2.3.
Рисунок 2.3. Структура таблицы «lessons»
Таблицы «articles» и «lessons» имеют одинаковую структуру, содержат 7 полей, отвечающих за содержание статей и уроков. Структура таблиц представлена в соответствии с таблицей 2.4.
Рисунок 2.4. Структура таблицы «articles»
Таблица «options» содержит 2 поля, отвечающие за количество записей в списке уроков и статей. Структура таблицы представлена в соответствии с таблицей 2.5.
Рисунок 2.5. Структура таблицы «options»
Структура таблицы «tests1» включает 3 поля. В таблице находятся вопросы для системы тестирования. Структура таблицы представлена в соответствии с таблицей 2.6.
Рисунок 2.6. Структура таблицы «test1»
Таблица «userlist» содержит 3 поля, отвечающие за профиль администратора сайта. Структура таблицы представлена в соответствии с таблицей 2.7.
Рисунок 2.7. Структура таблицы «userlist»
В базе данных хранится только текстовая информация и ссылки на графические изображения. Графика хранится в отдельных папках.
2.3 Интерфейсное проектирование
Интерфейсное проектирование определяется дизайном страницы, а также разработкой удобного интерфейса. Каждая страница приложения состоит из заголовка, блока навигации, текстовой области.
Цветовое сочетание подобрано с учетом психологии восприятия человеком информации. Основной текст - белый, на синем фоне. Ссылки - красные, на синем фоне.
Основные блоки страницы расположены слева. Так как система навигации располагается прямо на пути взгляда пользователя.
Главная страница разработанного web-приложения представлено в соответствии с рисунком 2.12.
Рисунок 2.12. Главная страница web-приложения
Наряду с главной страницей в web-приложении имеется переход на другие разделы, такие как: «Статьи», «Уроки», «Тесты», «О нас».
Страница «Статьи» представлена в соответствии с рисунком 2.13.
Рисунок 2.13. Страница «Статьи»
На странице «Статьи» отображен список имеющихся статей.
При переходе на раздел «Уроки» открывается страница на которой представлен перечень имеющихся уроков разработанных с помощью технологий модульного обучения. Страница «Уроки» представлена в соответствии с рисунком 2.14.
Рисунок 2.14. Страница «Уроки»
При переходе на раздел «О нас» открывается страница, на которой представлена информация о разработчике данного web-приложения. Страница «О нас» представлена в соответствии с рисунком 3.15.
Рисунок 2.15. Страница «Об авторе»
Интерфейс разработанного web-приложения является интуитивно понятным и однозначным.
При переходе на раздел «Тест» открывается страница, на которой представлено тестирование по HTML. Страница «Тест» представлена в соответствии с рисунком 2.16.
Рисунок 2.16. Страница «Тест»
2.4 Проектирование администраторской части
В администраторской части разработанного web-приложения происходит деление на 3 раздела:
уроки;
статьи;
страницы.
Администратор имеет возможность редактирования, добавления и удаления уроков с помощью кнопок «Добавить», «Редактировать» и «Удалить». Наряду с этим имеется возможность добавления и удаления статей с помощью кнопок «Добавить», «Редактировать» и «Удалить» соответственно. Кроме того администратор может отредактировать тексты имеющиеся в данном приложении с помощью кнопок «Редактировать».
При переходе в администраторскую часть открывается ее главная страница, на которой представлены все кнопки, посредством которых можно производить какие-либо изменения в данном web-приложении.
Страница администраторского блока представлена в соответствии с рисунком 2.17.
Рисунок 2.17. Блок администратора
Перед тем как внести какие-либо изменения в содержание web-приложения администратору необходимо авторизоваться. Для этого открывается окно авторизации после того как администратор кликнул по какой-либо кнопке. После того как администратор авторизовался один раз, система больше не запрашивает пароля.
Окно авторизации администратора представлено в соответствии с рисунком 2.18.
Рисунок 2.18. Авторизация администратора
После авторизации администратор может производить изменения в содержании web-приложения. Например, кликнув по кнопке «Добавить» в разделе «Уроки» откроется страница добавления нового урока. Страница добавления нового урока представлена в соответствии с рисунком 3.19.
Рисунок 2.19. Страница добавления нового урока
После того как все поля будут заполнены урок автоматически заносится в базу данных и на странице выводится сообщение о том что новый урок успешно добавлен.
Сообщение о добавлении урока в базу данных представлено в соответствии с рисунком 2.20.
Рисунок 2.20. Сообщение о добавлении нового урока
При редактировании и удалении уроков, а так же добавлении и удалении теоретического материала и редактировании текстов в данном web-приложении выводятся подобные сообщения.
После нажатия на кнопку «Редактировать» в разделе «Уроки» загрузится страница, на которой отображен весь список уроков имеющихся в данном web-приложении. Затем администратору необходимо выбрать из списка урок который нужно отредактировать и кликнуть по нему. После этого отобразится страница редактирования урока. На данной странице администратор может производить все необходимые изменения. Процесс редактирования урока представлен в соответствии с рисунком 2.21.
Рисунок 2.21. Процесс редактирования урока
Если администратору необходимо удалить какой-либо урок, ему нужно кликнуть по кнопке «Удалить» в разделе «Уроки» после чего загрузится страница со списком имеющихся в данном web-приложении уроков. Затем ему нужно выбрать из списка урок, который он хочет удалить и нажать на кнопку «Удалить урок» в этой же странице. Страница удаления урока представлена в соответствии с рисунком 3.22.
Рисунок 2.22. Страница удаления урока
После нажатия на кнопку «Добавить» в разделе «Статьи» открывается страница добавления новой информации. После того как все поля будут заполнены выводится сообщение о том что статья успешно добавлена в базу данных.
Страница добавления новой статьи в раздел «Статьи» представлена в соответствии с рисунком 2.23.
Рисунок 2.23. Страница добавления новой статьи
После нажатия по кнопке «Удалить» в разделе «Статьи» открывается страница удаления имеющихся в web-приложении статей. На ней отображается список всех статей. Администратору необходимо выбрать статью для удаления и нажать на кнопку «Удалить статью». Страница удаления статей представлена в соответствии с рисунком 2.24.
Рисунок 2.24. Страница удаления статей
Если перед администратором встает необходимость отредактировать тексты, имеющиеся в данном web-приложении ему просто нужно кликнуть по кнопке «Редактировать» в разделе «Страницы». После этого загрузится страница, на которой представлен список имеющихся текстов. Из этого списка нужно выбрать тот, который необходимо отредактировать и кликнуть по нему, после чего загрузится страница редактирования текстов.
После выполнения выше указанных действий обновленная страница будет отображаться в браузере со всеми изменениями.
Данное разработанное web-приложение могут использовать учителя информатики при планировании своих уроков.
В соответствии с этим определен состав пользователей - класс «Пользователь» и класс «Администратор».
Для класса «Пользователь» определены функции:
просмотр главной страницы;
просмотр раздела «Статьи»;
просмотр раздела «Уроки»;
просмотр раздела «О нас»;
просмотр раздела «Тест».
Для класса «Администратор» определены функции:
просмотр web-приложения;
все действия при работе с базой данных MySQL - «phpsite»;
редактирование интерфейса web-приложения;
добавление, редактирование и удаление уроков в разделе «Уроки»;
добавление и удаление различных статей в разделе «Статьи»;
редактирование содержимого текстов главной страницы в разделе «Страницы».
Размещено на Allbest.ru
...Подобные документы
Исторические аспекты развития линии "Алгоритмизация и программирование" в старшей школе. Изучение языка программирования Python с применением дистанционных курсов Coursera. Методическая система обучения программированию с использованием Coursera.
дипломная работа [808,8 K], добавлен 13.12.2017Понятие процесса и потока, характеристика их свойств и особенности создания. Требования к алгоритмам синхронизации, суть взаимного исключения на примере монитора и семафора. Методика изучения элективного курса "Процессы в операционной системе Windows".
дипломная работа [1,7 M], добавлен 03.06.2012Разработка и практическое внедрение мультимедийного обучающего курса по дисциплине "НЭК АСОИУ". Анализ свойств модифицированной LMS MOODLE и ее возможности по оказанию поддержки и структурированию контента. Эффективность подхода к формированию курса.
дипломная работа [3,2 M], добавлен 21.05.2009Сравнительная характеристика, возможности и функции языков программирования JavaScript и PHP. Основные области их использования. Разработка интерактивного Web-приложения с применением JavaScript на примере теста по теме "Программирование на языке Delphi".
курсовая работа [19,3 K], добавлен 01.07.2014Обзор образовательных ресурсов для реализации дистанционного обучения. Разработка рабочей программы курса видеолекций "Основы программирования на языке C+". Подбор контента, аппаратных средств. Проведение чат-занятий, использование сетевой технологии.
дипломная работа [155,0 K], добавлен 28.06.2014Рассмотрение методических особенностей изучения курса "Macromedia Flash" и создание электронного учебника для изучения этого курса учащимися. Достоинства и недостатки, структура учебного пособия. Принципы подготовки к созданию электронных учебников.
дипломная работа [1,9 M], добавлен 23.04.2015Основные технологии веб-программирования. Методы отправки данных на сервер с помощью HTML-формы. PHP - Препроцессор Гипертекста. Сохранение данных в базе данных MySQL. Клиент-Сервер и технология CGI. Примеры использования PHP совместно с MySQL.
лекция [2,9 M], добавлен 27.04.2009Обучение через Интернет. Обзор систем дистанционного обучения. Система дистанционного обучения Learning Space 5.0. Создание базы данных. Запуск установочного файла для создания файла config.php. Структура каталога CMS Moodle. Создание нового курса.
курсовая работа [1,3 M], добавлен 27.04.2009Характеристика и технические возможности СУБД MySQL. Трехуровневая структура MySQL. Требования к аппаратному обеспечению. Создание таблицы, триггеров, генераторов, хранимых процедур в MySQL. Разработка приложения для базы данных с помощью Borland Delphi.
курсовая работа [940,7 K], добавлен 20.12.2011Основные понятия и структура обработчика на языке Pascal. Элективные курсы по информатике в системе профильного обучения. Элективный курс "Программирование в среде Delphi". Методические материалы по изучению программирования на языке Object Pascal.
методичка [55,4 K], добавлен 08.12.2010Проектирование электронного учебного курса (ЭУК): сущность, этапы, содержание, структура. Требования к техническому исполнению ЭУК. Анализ предметной области дисциплины. Возможности программы Teach Book Lite. Результаты итогового тестирования программы.
дипломная работа [6,7 M], добавлен 08.09.2010Главные составные части среды программирования. Требование к надежности, к составу и параметрам технических средств. Табличные базы данных. Выбор и обоснование выбора системы управления базами данных. Высокопроизводительный компилятор в машинный код.
курсовая работа [793,5 K], добавлен 31.01.2016Системы управления базами данных. Состав СУБД. Языки программирования. Проектирование базы данных на СУБД MySQL. Работа с XAMPP Control Panel. База данных " Детский сад". Вывод данных из таблицы "Ребенок", "Группы", "Классы" и "Направление занятий".
курсовая работа [1,9 M], добавлен 13.12.2016Проектирование базы данных "Спортивные соревнования" для автоматизации процесса контроля спортивных соревнований, используя систему управления базами данных MySQL. Разработка клиентского приложения. Диалог с пользователем и функциональные возможности.
курсовая работа [945,4 K], добавлен 03.01.2022Разработка приложения для работы с базой данных с использованием объектно-ориентированного и визуального программирования. Обзор языка элементов языка программирования Delphi. Проектирование базы данных автозаправки. Клиентская система приложения.
курсовая работа [2,3 M], добавлен 31.01.2016Отличительные особенности языков программирования PHP и CSS. Возможности компактного многопоточного сервера баз данных MySQL. Системный анализ предметной области, проектирование ее инфологической модели. Создание базы данных и web-страниц сайта магазина.
курсовая работа [1,0 M], добавлен 15.01.2013Обзор литературы по темам "JavaScript", "PHP" и "Java". Методические разработки лабораторных работ: документы HTML, фреймы, строка состояния и таймер. Основы синтаксиса и обработка запросов с помощью PHP. Объектно-ориентированное программирование в Java.
дипломная работа [106,2 K], добавлен 14.10.2012Кластерные системы, структура и параметры Beowulf. Анализ целесообразности обучения будущих учителей сетевому администрированию и выбор виртуальной машины для обучения. Инструкции по работе с программным обеспечением. Контрольно-измерительные материалы.
дипломная работа [875,8 K], добавлен 06.01.2009"Moodle" - модульная объектно-ориентированная динамическая среда обучения, ее использование для разработки систем дистанционного обучения. Общее представление о дистанционном практикуме по программированию. Разработка структуры данных и алгоритмов.
дипломная работа [1,2 M], добавлен 09.11.2016Определения знаний и приобретения знаний человеком. Виды знаний и способы их представления. Приобретение и извлечение знаний. Визуальное проектирование баз знаний как инструмент обучения. Программное обеспечение для проведения лабораторных работ.
дипломная работа [960,9 K], добавлен 12.12.2008
