Создание Web-интерфейса для информационной системы «Спортивные нормативы» в СУБД MySQL
Заказать уникальную дипломную работу- 69 69 страниц
- 44 + 44 источника
- Добавлена 07.06.2015
- Содержание
- Часть работы
- Список литературы
- Вопросы/Ответы
ВВЕДЕНИЕ 7
1. ТЕОРЕТИЧЕСКИЙ АНАЛИЗ СОВРЕМЕННЫХ ТЕХНОЛОГИЙ РАЗРАБОТКИ ВЕБ-ИНТЕРФЕЙСОВ ДЛЯ ИНФОРМАЦИОННЫХ СИСТЕМ 10
1.1. Современные требования к веб-интерфейсу 10
1.2. Технологии проектирования веб-интерфейсов 12
1.2.1. Проектирование структуры веб-интерфейса (Карты мозга) 12
1.2.2. Проектирование дизайна веб-интерфейса 16
1.2.3. Технологии прототипирования веб-интерфейсов 18
1.3. Технологии front-end разработки веб-интерфейсов 18
1.3.2. Технологии программирования (JavaScript + jQuery + JQueryUI + Ajax) 21
1.4. Технологии back-end разработки 23
1.4.1. Наиболее распространенные средства серверной разработки (PHP + MySQL) 23
1.4.2. Набор веб инструментов разработчика (CASE, IDE, проектировщики баз данных) 24
1.5. Проектирование информационных систем 24
1.5.1. Методологии проектирования 25
1.5.2. Инструменты проектирования 27
1.5.3. Проектирование баз данных 30
1.6. Выводы к первому разделу. 34
2. РАЗРАБОТКА ВЕБ-ИНТЕРФЕЙСА ИНФОРМАЦИОННОЙ СИСТЕМЫ 35
2.1. Разработка информационной системы 36
2.1.1. Логическое моделирование базы данных для системы учета 36
2.1.2. Физическое моделирование базы данных для ИС 36
2.1.3. Требования к техническому и программному обеспечению ИС 38
2.1.4. Разработка системы 38
2.2. Разработка проекта сайта 44
2.2.1. Анализ требований (цели, задачи, функции). 44
2.2.2. Разработка структуры сайта (карта, навигация, элементы). 44
2.2.3. Разработка дизайна сайта (главная страница, внутренние блоки, виды навигации, элементы интерфейса) 46
2.3. Техническое задание на разработку веб-интерфейса информационной системы. 48
2.4. Разработка веб-интерфейса 56
2.6. Выводы ко второму разделу 57
ЗАКЛЮЧЕНИЕ 58
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ 59
ПРИЛОЖЕНИЯ 62
Приложение 1. Файл connectbd.php 62
Приложение 2. Файл avatar_img.php 62
Приложение 3. Файл avatar_in.php 64
Приложение 4. Файл avatar_out.php 64
Приложение 5. Файл student_out.php 66
Приложение 6. Файл student_in.php 67
Приложение 7. Файл journal_out.php 69
Приложение 8. Файл index.html 70
В каждой директории размещается набор документов в формате MS Word – по одному документу на каждый информационный модуль, информационные блоки которого опубликованы в соответствующем разделе. Не допускается размещение текста в виде графических изображений или иных нетекстовых элементов.Изображения могут быть размещены как в тексте внутри файла, так и в виде отдельного изображения. Однако, в последнем случае текст должен содержать ссылку на изображение в виде указания пути и названия файла изображения.Для каждого информационного модуля структура документа должна соответствовать шаблонам, предоставляемым Исполнителем до начала этапа предоставления материалов.Материалы для первоначального наполнения разделов должны быть полностью представлены Исполнителю в сроки, установленные планом-графиком работ. Допускается передача материалов частями, в нескольких zip-файлах, соответствующих приведенным требованиям.Передача материалов в объеме и формате, соответствующем настоящему ТЗ закрепляется подписанием Акта о передаче информационного наполнения.Любые изменения информационного наполнения силами Исполнителя после подписания данного Акта допускаются только на основании отдельного соглашения за дополнительную плату.Информационные материалы, не предоставленные Заказчиком в сроки, установленные планом-графиком работ, размещаются Исполнителем по гарантийному письму Исполнителя в течение 2-х недель после сдачи-приемки проекта. На эту часть информационных материалов также накладываются требования к формату предоставления, изложенные выше. Требования к персоналуДля эксплуатации веб-интерфейса системы динамического управления наполнением от администратора не должно требоваться специальных технических навыков, знания технологий или программных продуктов, за исключением общих навыков работы с персональным компьютером и стандартным веб-браузером (например, MS IE 6.0 или выше). Порядок предоставления дистрибутиваПо окончании разработки Исполнитель должен предоставить Заказчику дистрибутив системы в составе:-архив с исходными кодами всех программных модулей и разделов сайта;- дамп проектной базы данных с актуальной информацией.Дистрибутив предоставляется на CD-диске в виде файлового архива. Порядок переноса сайта на технические средства заказчикаПосле завершения сдачи-приемки сайта, в рамках гарантийной поддержки Исполнителем производится однократный перенос разработанного программного обеспечения на аппаратные средства Заказчика. Соответствие программно-аппаратной платформы требованиям настоящего документа обеспечивает Заказчик.Перед осуществлением переноса Заказчик обеспечивает удаленный shell-доступ к веб-серверу и доступ к базе данных сайта. 2.4. Разработка веб-интерфейсаВеб-интерфейс – это организованная рабочая зона с подключением к удаленному компьютеру (серверу), которая предоставляет пользователю доступ к информации в структурированном виде. Помимо получения информации в целевых разделах интерфейса, пользователю предоставляется возможность совершать какие-либо действия для управления данными.Веб-интерфейсом можно назвать систему управления сайтом, личный кабинет пользователя, внутреннюю систему организации, которая разработана с конкретными целями для взаимодействия сотрудников и их доступа к данным общей сети.Чаще всего разработка веб-интерфейса затрагивает раздел крупного сайта или портала. Но помимо создания веб-интерфейса входящего в состав сайта, можно разработать веб-интерфейс для управления данными предприятия в связке с 1С. Такие задачи часто необходимы для предприятий с разными отделами, например, поступление информации о платежах из бухгалтерии в отдел производства, а из производственного отдела передача данных в отдел логистики для оповещения о готовности заказа и необходимости его отгрузки.Веб-интерфейсы разрабатываются на разных языках программирования, а в качестве базы данных может использоваться любая серверная база данных.Самыми популярными связками в разработке веб-интерфейсов являются связки PHP+ MySQL и ASP+MsSQL (выбор языка зависит от сервера).Для разработки веб-интерфейса понадобится хостинговая площадка имеющая все необходимое программное обеспечение, или выделенный сервер, которые можно приобрести у компании хостинг-провайдера.2.5. Выводы ко второму разделуВо втором разделе разрабатывалась информационная система и веб-интерфейс к ней. На начальном этапе рассматривалась информационная система, которая базируется на базе данныхMySQL. Для реализации были рассмотрены концептуальное проектирование, логическое и физическое проектирование. На следующем этапе разрабатывался функционал приложения. Рассматривались и реализовывались функции обработки информации средствами языка серверного программирования.На последних этапах проводилась разработка веб интерфейса на базе клиентских технологий программирования.ЗАКЛЮЧЕНИЕВ процессе реализации заданий на дипломное проектирование были проанализированы современные технологии разработки веб-интерфейсов для информационных систем. Для определения требований к практической разработке необходимо определить современные требования к веб-интерфейсам.Были изучены существующие технологии разработки веб-интерфейсов и мотивировать выбор технологии разработки, определены требования к дизайну программного продукта и описаны основные элементы клиент-серверной разработки. На последнем этапе теоретической подготовки к разработке программного продукта были изучены методики разработки программных продуктов, определены технологии и методологии разработки, выбраны инструменты разработкиНа этапе проектирования была определена структура программного продукта и выполнено его прототипирование с использованием современных инструментов веб-разработки.На последнем этапе был разработан программный продукт и описаны основные этапы процесса разработки.После разработки был протестирован программный продукт и определены требования к нему.Все задачи исследования были выполнены, цель достигнута, веб-интерфейс информационной системы разработан.СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫТереза Нейл, Билл Скотт.Проектирование веб-интерфейсов = Designing Web Interfaces.М.:Символ-Плюс, 2010.352 c.Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. — М. : Издательский дом "Вильяме", 2006. 752 с.: ил. — Парал. тит. англ.Томсон Лаура,ВеллингЛюк. Разработка Web-приложений на РНР и MySQL: Пер. с англ. — 2-е изд., испр. СПб: ООО ДиаСофтЮП, 2003. 672 с. Петров В.И. Информационные системы. СПб. : Питер, 2002. 688 с.Вендров А.М. CASE-технологии. Современные методы и средства проектирования информационных систем. М. : Финансы и статистика, 1998. 176 с.Калянов Г.Н. CASE. Структурный системный анализ (автоматизация и применение). М. : Лори, 1996. – 457с.Гагин А. Технология работи в глобальних в общедоступных сетях. М: Jet Infosystems, 2006. - 235с.ВайкАллен. JavaScript. Энциклопедия пользователя: Пер.з англ. К.: ТОВ "ТИД" ДС", 2001.- 480с.Вильямсон X. Универсальный Dynamic HTML. Иблиотека программиста. СПб.: Питер, 2001. - 304 с.: рис.Гудман Д. JavaScript.Библия пользователя, 4-е изд.: Пер. з англ. М.: Изд.дом "Вильямс", 2003. -960с.Коггзолл Джон. РНР 5. Полное руководство.: Пер. з англ. М.: Издательский дом "Вильямс", 2006. - 752 с.: рис. - Парал. тит. англ.Ратбон Э. JavaScript для чайников.К.: Диалектика, 1995. - 236с.Бардзелл Д. MacromediaDreamweaverMX 2004 с ASP, ColdFusion и PHP. Из первых рук.М.: ЭКОМ, 2006. – 235c.Бурлаков М.Macromedia|Dreamweaver. СПб., БХВ-Петербург, 2004. – 688с.Вуд Л. Web-графика. Справочник. СПб.: Питер, 1998. – 246с.Граймес Г. 10 минут на урок InternetWorldWideWeb: Пер с англ. 3-е изд. К., М., СПб.: Издательский дом «Вильямс», 1998. 260с.ГрызловВ. Java Script. Изд. 3-е.М.: ДМК Пресс, 2005. 416 с.Дарахвелидзе П. Г.Программирование.СПб.: БХВ-Петербург, 2003. 784 с.Кассер Д. Использование Macromedia| Dreamweaver. М., СПб., К.: Издательский дом «Вильямс», 2005. 720 с.Келли Д. Самоучитель Macromedia| Dreamweaver. СПб: Питер, 2002. 336с.Культин Н. Основы программирования. СПб.: БХВ -Петербург, 2003. 608с.Мак Т., Dreamweaver MX 2004. Шаг за шагом. Самоучитель. М.: ЭКОМ, 2006. 312с.Миллер М. Использование Windows: Пер. с англ. К.; М.; СПб.: Издательский дом "Вильямс", 2008.336с.Молер Дж.Dreamweaver MX 2004. Руководство Web-дизайнера. М.: ЭКСМО, 2005. 67с.Морис Б. HTML в действии: Пер. с англ.СПб.: Питер, 1997. 356 с.Негус К. Internet Explorer. Библия пользователя. Пер с англ.К., М., СПб.: Диалектика, 1998. 160 с.ПаськоВ. MacromediaDreamweaver. К.: BHV, 2006. 384с.УоллД. Использование WWW: Пер с англ. 2-е изд.К.: Диалектика, 1997. 432с.Фленов М. Е. Программирование глазами хакера.СПб.: БХВ-Петербург, 2003. 368с.Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2005. – 104с.Ашманов И. С., Иванов А. А. Продвижение сайта в поисковых системах. — М.: Вильямс, 2007. 304 с.Колисниченко Д. Н. Поисковые системы и продвижение сайтов в Интернете. М.: Диалектика, 2007. 272с.Ландэ Д. В. Поиск знаний в Internet. – М.: Диалектика, 2005. 272 с.Гусев В.С. Google: эффективный поиск. Краткое руководство. М., 2006.296с.Гудман Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов, Питер, 2004 г.Дэвис С. Языки JavaScript и VBScript. – К.: Диалектика, 1996. 654с.Лещев.Д.Создание интерактивного web-сайта: учебный курс.СПб.:Питер, 2003. 544 с.: ил.Николаенко Д.В. Практические занятия по JavaScript для начинающих. СПБ: Наука и техника, 2000. 130 с.Матросов А., Сергеев А., Чаунин М. HTML 4.0. СПб: Издательство "BHV", 1999. 670 с. Микляев А. Основы HTML. М.: Солон, 1998. 364c.Мэрдок, Келли, Л. JavaScript: наглядный курс создания динамических Web-страниц. : Пер. с англ. :Уч. пос. М. : Издательский дом "Вильяме", 2001. 288 с. : ил. — Парал. тит. англ.Патерсон Л. Использование HTML 4. К.; М.; СПб.: Вильямс, 1998. 512 с. Сергеев А.О.HTML 4.0. БХВ Санкт- Петербург, 1999.Шапошников И. Web-сайт своими руками. БХВ – Санкт-Петербург, 2000.ПРИЛОЖЕНИЯПриложение 1 Файл inc/classes.php
1. Тереза Нейл, Билл Скотт.Проектирование веб-интерфейсов = Designing Web Interfaces.М.:Символ-Плюс, 2010.352 c.
2. Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. — М. : Издательский дом "Вильяме", 2006. 752 с.: ил. — Парал. тит. англ.
3. Томсон Лаура,ВеллингЛюк. Разработка Web-приложений на РНР и MySQL: Пер. с англ. — 2-е изд., испр. СПб: ООО ДиаСофтЮП, 2003. 672 с.
4. Петров В.И. Информационные системы. СПб. : Питер, 2002. 688 с.
5. Вендров А.М. CASE-технологии. Современные методы и средства проектирования информационных систем. М. : Финансы и статистика, 1998. 176 с.
6. Калянов Г.Н. CASE. Структурный системный анализ (автоматизация и применение). М. : Лори, 1996. – 457с.
7. Гагин А. Технология работи в глобальних в общедоступных сетях. М: Jet Infosystems, 2006. - 235с.
8. ВайкАллен. JavaScript. Энциклопедия пользователя: Пер.з англ. К.: ТОВ "ТИД" ДС", 2001.- 480с.
9. Вильямсон X. Универсальный Dynamic HTML. Иблиотека программиста. СПб.: Питер, 2001. - 304 с.: рис.
10. Гудман Д. JavaScript.Библия пользователя, 4-е изд.: Пер. з англ. М.: Изд.дом "Вильямс", 2003. -960с.
11. Коггзолл Джон. РНР 5. Полное руководство.: Пер. з англ. М.: Издательский дом "Вильямс", 2006. - 752 с.: рис. - Парал. тит. англ.
12. Ратбон Э. JavaScript для чайников.К.: Диалектика, 1995. - 236с.
13. Бардзелл Д. MacromediaDreamweaverMX 2004 с ASP, ColdFusion и PHP. Из первых рук.М.: ЭКОМ, 2006. – 235c.
14. Бурлаков М.MacromediaDreamweaver. СПб., БХВ-Петербург, 2004. – 688с.
15. Вуд Л. Web-графика. Справочник. СПб.: Питер, 1998. – 246с.
16. Граймес Г. 10 минут на урок InternetWorldWideWeb: Пер с англ. 3-е изд. К., М., СПб.: Издательский дом «Вильямс», 1998. 260с.
17. ГрызловВ. Java Script. Изд. 3-е.М.: ДМК Пресс, 2005. 416 с.
18. Дарахвелидзе П. Г.Программирование.СПб.: БХВ-Петербург, 2003. 784 с.
19. Кассер Д. Использование Macromedia Dreamweaver. М., СПб., К.: Издательский дом «Вильямс», 2005. 720 с.
20. Келли Д. Самоучитель Macromedia| Dreamweaver. СПб: Питер, 2002. 336с.
21. Культин Н. Основы программирования. СПб.: БХВ -Петербург, 2003. 608с.
22. Мак Т., Dreamweaver MX 2004. Шаг за шагом. Самоучитель. М.: ЭКОМ, 2006. 312с.
23. Миллер М. Использование Windows: Пер. с англ. К.; М.; СПб.: Издательский дом "Вильямс", 2008.336с.
24. Молер Дж.Dreamweaver MX 2004. Руководство Web-дизайнера. М.: ЭКСМО, 2005. 67с.
25. Морис Б. HTML в действии: Пер. с англ.СПб.: Питер, 1997. 356 с.
26. Негус К. Internet Explorer. Библия пользователя. Пер с англ.К., М., СПб.: Диалектика, 1998. 160 с.
27. ПаськоВ. MacromediaDreamweaver. К.: BHV, 2006. 384с.
28. УоллД. Использование WWW: Пер с англ. 2-е изд.К.: Диалектика, 1997. 432с.
29. Фленов М. Е. Программирование глазами хакера.СПб.: БХВ-Петербург, 2003. 368с.
30. Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2005. – 104с.
31. Ашманов И. С., Иванов А. А. Продвижение сайта в поисковых системах. — М.: Вильямс, 2007. 304 с.
32. Колисниченко Д. Н. Поисковые системы и продвижение сайтов в Интернете. М.: Диалектика, 2007. 272с.
33. Ландэ Д. В. Поиск знаний в Internet. – М.: Диалектика, 2005. 272 с.
34. Гусев В.С. Google: эффективный поиск. Краткое руководство. М., 2006.296с.
35. Гудман Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов, Питер, 2004 г.
36. Дэвис С. Языки JavaScript и VBScript. – К.: Диалектика, 1996. 654с.
37. Лещев.Д.Создание интерактивного web-сайта: учебный курс.СПб.:Питер, 2003. 544 с.: ил.
38. Николаенко Д.В. Практические занятия по JavaScript для начинающих. СПБ: Наука и техника, 2000. 130 с.
39. Матросов А., Сергеев А., Чаунин М. HTML 4.0. СПб: Издательство "BHV", 1999. 670 с.
40. Микляев А. Основы HTML. М.: Солон, 1998. 364c.
41. Мэрдок, Келли, Л. JavaScript: наглядный курс создания динамических Web-страниц. : Пер. с англ. :Уч. пос. М. : Издательский дом "Вильяме", 2001. 288 с. : ил. — Парал. тит. англ.
42. Патерсон Л. Использование HTML 4. К.; М.; СПб.: Вильямс, 1998. 512 с.
43. Сергеев А.О.HTML 4.0. БХВ Санкт- Петербург, 1999.
44. Шапошников И. Web-сайт своими руками. БХВ – Санкт-Петербург, 2000.
Вопрос-ответ:
Какие требования предъявляются к веб-интерфейсу в современных информационных системах?
В современных информационных системах требуется, чтобы веб-интерфейс был интуитивно понятным, удобным для использования и эстетичным. Он должен быть отзывчивым и адаптивным, чтобы корректно отображаться на различных устройствах и экранах. Также важно, чтобы интерфейс был безопасным и защищенным от взлома.
Какие технологии используются при проектировании веб-интерфейсов?
При проектировании веб-интерфейсов используются различные технологии, такие как HTML, CSS, JavaScript, а также фреймворки, библиотеки и инструменты разработки. HTML используется для создания структуры и разметки страницы, CSS - для оформления и стилизации, а JavaScript - для добавления интерактивности и функциональности.
Что такое прототипирование веб-интерфейсов и какие технологии применяются для этой цели?
Прототипирование веб-интерфейсов - это процесс создания предварительной версии интерфейса, которая позволяет протестировать и оценить его функциональность и внешний вид. Для прототипирования веб-интерфейсов часто используются специальные инструменты, такие как Adobe XD, Sketch, Figma и др., которые позволяют создавать интерактивные прототипы с помощью drag-and-drop интерфейса.
Какие технологии используются при front-end разработке веб-интерфейсов?
При front-end разработке веб-интерфейсов часто используются такие технологии, как HTML, CSS и JavaScript. Также для более эффективной разработки используются различные фреймворки и библиотеки, такие как React, Angular, Vue.js и др. Они позволяют ускорить процесс разработки, повысить переиспользуемость кода и облегчить поддержку интерфейса.
Какие технологии backend разработки могут быть использованы при создании веб-интерфейса для информационной системы?
При создании веб-интерфейса для информационной системы можно использовать различные технологии backend разработки, включая PHP, Python, Java, Ruby и другие. Они позволяют обрабатывать данные, взаимодействовать с базой данных, выполнять бизнес-логику приложения и обеспечивать его работу на серверной стороне.
Какие требования предъявляются к веб-интерфейсу информационной системы?
Современные требования к веб-интерфейсу включают такие аспекты, как удобство использования, интуитивную навигацию, быстродействие, адаптивность под различные устройства, современный и привлекательный дизайн.
Какие технологии используются при проектировании веб-интерфейсов?
При проектировании веб-интерфейсов используются различные технологии, включая проектирование структуры с помощью карты мозга, разработку дизайна, прототипирование. Также используются технологии front-end разработки.
Что такое прототипирование веб-интерфейсов?
Прототипирование веб-интерфейсов - это процесс создания предварительного варианта интерфейса, который позволяет оценить его работу и функционал перед финальным созданием. Прототипы помогают увидеть все возможные трудности и недостатки в интерфейсе до его разработки.
Какие технологии front-end разработки используются для создания веб-интерфейса?
Для создания веб-интерфейса используются такие технологии, как HTML, CSS и JavaScript. HTML используется для разметки структуры страницы, CSS - для задания стилей и внешнего вида, а JavaScript позволяет реализовывать интерактивность и динамическое поведение интерфейса.