Вход

Разработка информационного портала на тему санитарная охрана территории для ОмГМА

Рекомендуемая категория для самостоятельной подготовки:
Дипломная работа*
Код 228579
Дата создания 12 июля 2016
Страниц 90
Мы сможем обработать ваш заказ (!) 29 марта в 12:00 [мск]
Файлы будут доступны для скачивания только после обработки заказа.
2 880руб.
КУПИТЬ

Описание

Разработка сайта для обучения с использованием скриптов баз данных пхп ...

Содержание

СОДЕРЖАНИЕ
ВВЕДЕНИЕ 6
ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ И СРЕДСТВА СОЗДАНИЯ САЙТОВ 8
1.1. Понятие веб-сайта и обоснование его необходимости 8
1.2. Классификация веб-сайтов 10
1.3. Средства моделирования 14
1.4. Инструменты разработки веб-сайтов 15
1.5. Средства реализациивеб-сайта 19
1.6. Этапы разработки веб-сайта 27
1.7. Средства просмотра веб-сайта пользователем 29
ВЫВОДЫ ПО ПЕРВОЙ ГЛАВЕ 31
ГЛАВА 2. КОНЦЕПТУАЛЬНАЯ МОДЕЛЬ САЙТА 32
2.1. Предмет проектирования 32
2.2. Диаграмма прецедентов 33
2.3. Диаграмма деятельности выполнения теста 39
2.4. Диаграмма потоков данных выполнения теста 43
2.5. Диаграмма классов электронного пособия по отчету IDEF3 моделей 45
2.6. IDEF3-модель выполнения теста 47
2.7. Диаграмма размещения для пособия по отчету IDEF3 моделей 48
2.8. Построение диаграммы FEO на уровне А0 49
2.9. SwimLane 50
2.10. Дерево узлов ИС 52
ВЫВОДЫ ПО ВТОРОЙ ГЛАВЕ 54
ГЛАВА 3. ПРАКТИЧЕСКАЯ РЕАЛИЗАЦИЯ ИНТЕРНЕТ-ПОРТАЛА 55
3.1. Описание предметной области 55
3.2. Разработка сайта 60
3.3. Тестирование сайта на кроссбраузерность 76
ВЫВОДЫ ПО ТРЕТЬЕЙ ГЛАВЕ 79
ЗАКЛЮЧЕНИЕ 80
БИБЛИОГРАФИЧЕСКИЙ СПИСОК 81
ГЛОССАРИЙ 84

Введение

ВВЕДЕНИЕ
Омский государственный медицинский университет является старейшим вузом Сибири. Почти за век работы вуза, появилось большое количество документации и информации, и необходимости, эту информацию хранить и передавать. В современном обществе любая организация пытается оптимизировать свою работу за счет внедрения информационных технологий. Среди таких внедрений выделяются системы электронного документооборота и внутренние информационные порталы. Информационный портал может представлять собой интерфейс обращения к базе данных, где хранится информация или же внутренний веб-ресурс, доступный для сотрудников и позволяющий получить всю необходимую информацию в удобной форме.
Целью данной работы является создание и заполнение информационного портала для кафедры Эпидемиологии ОмГМУ, который может быть использован как инструмент интерактивного онлайн обучения и сборника справочных материалов для студентов. Так же информационный портал может быть использован в качестве площадки для обмена материалами и тестировании студентов.
Задачи, которые следует рассмотреть в работе:
• Теоретические вопросы, связанные с созданием веб-портала, для обмена внутренней информацией;
• Концептуальное проектирование веб-сайта при помощи средств языка UML. Построение различных проектных диаграмм;
• Знакомство с языком гипертекстовой разметки HTML и таблицами стилей CSS. Знакомство с новой спецификацией языка HTML – HTML5;
• Знакомство с языками PHP и SQL;
• Разработка дизайна интерфейса информационного портала и верстка информационного портала на основе разработанного дизайн-макета;
• Создание интерактивного теста;
• Создание блока регистрации и авторизации;
• Заполнение информационного портала предоставленными материалами.
Далее в теоретической части работы будут описаны основные виды веб-сайтов, способы их создания и поддержки. Будут рассмотрены теоретические вопросы, связанные с языками HTML, CSS, JavaScript, PHP, SQL. Так же будут описаны средства разработки, используемые в данной работе и методы доступа к сайту.
Во второй главе данной дипломной работы будет рассмотрено концептуальное проектирование модели веб-сайта. Будут рассмотрены основные концепции проектирования и при помощи UML построены диаграммы прецедентов, классов и размещения. А так же IDEF3 диаграммы, описывающие структурные особенности создаваемого сайта.
В практической части будут рассмотрены основные этапы создания сайта (создание технического задания, дизайн-макета и т.д.) и разработка интерактивного тестирования. Будут описаны основные функции языков, на которых разрабатывается сайт и интерактивный тест.

Фрагмент работы для ознакомления

Ортогональный фрагмент функциональных возможностей (прецеденты могут при выполнении совместно использовать объекты, но выполнение каждого прецедента независимо от других прецедентов).Фрагмент функциональных возможностей, инициируемый субъектом. Будучи инициирован, прецедент может взаимодействовать с другими субъектами. При этом возможно, что субъект окажется только на принимающем конце прецедента, опосредованно инициированного другим субъектом.Фрагмент функциональных возможностей, который предоставляет субъекту ощутимый полезный результат (и этот результат достигается в пределах одного прецедента).Отношение ассоциации (association) – определяет наличие канала связи между экземплярами субъекта и прецедента (или между экземплярами двух субъектов). Обозначается сплошной линией, возможно наличие стрелки и указание мощности связи.Отношение расширения (extend) – определяет взаимосвязь экземпляров отдельного прецедента с более общим прецедентом, свойства которого определяются на основе способа совместного объединения данных экземпляров. Обозначается пунктирной линией со стрелкой, направленной от того прецедента, который является расширением для исходного прецедента, и помечается ключевым словом "extend" ("расширяет").Отношение включения (include) – указывает, что некоторое заданное поведение для одного прецедента включает в качестве составного компонента поведение другого прецедента. Данное отношение является направленным бинарным отношением в том смысле, что пара экземпляров прецедентов всегда упорядочена в отношении включения. Обозначается пунктирной линией со стрелкой, направленной от базового прецедента к включаемому, и помечается ключевым словом "include" ("включает").Отношение обобщения (generalization) – служит для указания того факта, что некоторый прецедент А может быть обобщен до прецедента В. В этом случае прецедент А будет являться специализацией прецедента В. При этом В называется предком или родителем по отношению к А, а прецедент А – потомком по отношению к прецеденту В. Следует подчеркнуть, что потомок наследует все свойства и поведение своего родителя, а также может быть дополнен новыми свойствами и особенностями поведения. Графически данное отношение обозначается сплошной линией со стрелкой в форме незакрашенного треугольника, которая указывает на родительский прецедент.Главная диаграмма прецедентов называется Main и расположена в представлении UseCase. Чтобы начать создание этой диаграммы требуется в навигаторе модели дважды щелкнуть мышью по имени этой диаграммы. Выберем овальный символ прецедента на панели элементов слева от рабочего поля диаграммы (например, Просмотр пособия), а затем укажем то место на рабочем поле диаграммы, куда мы хотим поместить прецедент. На рабочем поле появится изображение прецедента. Также создаем актера. После появления элемента на диаграмме, появляется возможность задать его имя и не которые свойства. В появившемся поле вводим новое имя прецедента или актера[16] (Рис.2.1).Рис.2.1. Диаграмма прецедентов. Начало построенияЧтобы создать отношения между элементами диаграммы щелкнем левой клавишей мыши по изображению соответствующего отношения на панели элементов справа, а затем, удерживая левую кнопку мыши, проведем линию от одного элемента к другому [16] (Рис.2.2). Рис.2.2. Диаграмма прецедентовДля рассмотрения процесса Просмотр пособия в программе BPWin построим диаграмму нулевого уровня IDEF0 (Рис.2.3).IDEF0 – методология функционального моделирования. С помощью наглядного графического языка IDEF0, изучаемая система предстает перед разработчиками и аналитиками в виде набора взаимосвязанных функций (функциональных блоков – в терминах IDEF0). Как правило, моделирование средствами IDEF0 является первым этапом изучения любой системы, поэтому построение всех диаграмм начинаем с этого этапа [16].Рис.2.3. Диаграмма нулевого уровня IDEF0Также проиллюстрировать процесс работы сайта можно при помощи диаграммы IDEF3, которая является декомпозицией диаграммы IDEF0 Просмотр пособия. IDEF3 – методология документирования процессов, происходящих в системе, которая используется, например, при исследовании технологических процессов на предприятиях. С помощью IDEF3 описываются сценарий и последовательность операций для каждого процесса. IDEF3 имеет прямую взаимосвязь с методологией IDEF0 – каждая функция (функциональный блок) может быть представлена в виде отдельного процесса средствами IDEF3[16].На ней отображается последовательность действий, выполняемых пользователем и администратором. Для ее построения используем CASE-средство BPWin (Рис.2.4).Рис.2.4. Диаграмма IDEF3, иллюстрирующая диаграмму прецедентов для электронного пособия 2.3. Диаграмма деятельности выполнения тестаДля моделирования процесса «Подведение итогов» используем диаграмму деятельности. С ее помощью иллюстрируется алгоритм тестирования студента, отражается, какие действия выполняются пользователем, а какие компьютером. Процесс прохождения теста представляет собой совокупность отдельных действий пользователя и системы. Диаграммы деятельности являются средством описания поведения в UML, причем их место в языке допускает некоторые разночтения. С одной стороны, семантика диаграммы деятельности определена через семантику машины состояний и в этом смысле диаграммы деятельности вторичны по отношению к диаграммам состояний [5]. С другой стороны, диаграммы деятельности UML очень близки по своей сути к блок-схемам, являющимся едва ли не старейшим средством описания поведения, и в этом смысле самодостаточны – считать их незначительным частным случаем чего-то было бы неестественно. С третьей стороны, диаграммы деятельности в UML снабжены дополнительными синтаксическими средствами, резко повышающими их выразительность и область применимости, даже по сравнению с машинами состояний UML. С четвертой стороны, диаграммы деятельности в наименьшей степени объектно-ориентированы и содержат наибольшее количество сознательно допущенных недоговоренностей и произвольных элементов (это сделано для гибкости и расширения области применения) [5].Основных сущностей и отношений, применяемых на диаграмме деятельности, в некотором смысле еще меньше, чем на диаграмме состояний (хотя, казалось бы, меньше уже некуда – на диаграмме состояний только состояния и переходы). Дело в том, что основная сущность на диаграмме деятельности является частным случаем простого состояния (состояние деятельности), а основное отношение – частным случаем простого перехода (переход по завершении). В тоже время всевозможных дополнительных обозначений и вариантов нотации на диаграмме деятельности еще больше, чем на диаграмме состояний.Действия используются на переходах и в состояниях машины состояний UML и играют там ключевую роль.Действие в UML может быть одного из следующих типов [3]:присваивание значения;вызов операции;создание объекта;уничтожение объекта;возврат значения;посылка сигнала;останов;не интерпретируемое действие.Приведенный список очень похож на список основных выполняемых операторов в обычном языке программирования. Именно на этот "эффект узнавания" и рассчитывали авторы UML. Действительно, подразумевается, что действие – это примитивная исполняемая конструкция языка программирования. Но UML не является языком программирования, поэтому семантика действий до конца в UML не определяется. Можно было бы взять один из распространенных языков программирования (или придумать еще один) и задать семантику выполнения действий UML через примитивы выбранного языка. UML стал бы визуальным языком программирования. Но именно этого и хотели избежать авторы – оказать предпочтение одному языку в ущерб остальным [3].Для моделирования этих особенностей на диаграммах деятельности используется специальная конструкция, получившая название «дорожка».Дорожка (swimlane) – графическая область диаграммы деятельности, содержащая элементы модели, ответственность за выполнение которых лежит на отдельных подсистемах. Пользователь выполняет последовательность действий (отмечает варианты ответов, нажимает кнопку «Результат»), а программа вычисляет правильность выбранных ответов и выдает итог теста в виде количества правильных ответов и их номеров [16]. Процесс суммирования правильного ответа с уже существующим количеством верных ответов и фиксирование номера правильного ответа происходят параллельно. В диаграммах деятельности с целью представления параллельных процессов используются линейки синхронизации. При этом разделение потока управления (fork) имеет один входящий переход и несколько выходящих, а слияние (join), наоборот, имеет несколько входящих переходов и один выходящий [16].Итогом прохождения теста является представление результатов, т. вывод на экран оценки. Чтобы построить диаграмму деятельности для прецедента Подведение итогов в StarUML, щелкнем правой кнопкой мыши по этому прецеденту, в выпавшем контекстном меню выберем пункт AddDiagram, затем в появившемся списке выберем Activity Diagram. В окне программы появится поле для создания диаграммы деятельности, на панели инструментов слева появятся нужные для построения этой диаграммы кнопки, затем на навигаторе модели отобразится новая диаграмма. Добавив на диаграмму соответствующие элементы, получим следующий результат (Рис.2.5).Рис.2.5. Диаграмма деятельности выполнения теста2.4. Диаграмма потоков данных выполнения тестаСозданные модели потоков данных организации могут быть использованы при решении таких задач, как:определение существующих хранилищ данных (текстовые документы, файлы, Система управления базой данных — СУБД);определение и анализ данных, необходимых для выполнения каждой функции процесса;подготовка к созданию модели структуры данных организации, так называемая ERD-модель (IDEF1X);выделение основных и вспомогательных бизнес-процессов организации.диаграммы потоков данных показывают, как каждый процесс преобразует свои входные данные в выходные, и выявляют отношения между этими процессами. DFD представляет моделируемую систему как сеть связанных работ [5].На данной диаграмме иллюстрируются потоки данных для процесса просмотр пособия, где в качестве хранилищ данных используются материалы сайта, а в качестве объектов – Администратор сайта и Пользователь (Рис.2.6).Рис.2.6. Диаграмма потоков данных нулевого уровняВыполним декомпозицию этой диаграммы (Рис.2.7).Рис.2.7. Декомпозиция диаграммы потоков данных2.5. Диаграмма классов электронного пособия по отчету IDEF3 моделейДля разработки логической структуры классов для пособия создаем Диаграмму классов. Классы для нее будут соответствовать пунктам и подпунктам меню сайта. (Содержание, словарь, контроль и т. д.). Для ее создания выполним следующие шаги: щелкнем правой кнопкой мыши по папке представления Logical View в навигаторе модели, в контекстном меню выберем пункт Add Diagram, в списке выберем диаграмму классов Class Diagram. Создание отношений между классами выполняется аналогично диаграмме прецедентов [16].На главной странице сайта мы можем видеть следующие пункты меню:ГлавнаяСодержаниеСловарьКонтрольИнформацияДанные пункты меню нашли свое отражение в диаграмме классов сайта (Рис.2.8).Рис.2.8. Диаграмма классов. Главное меню сайтаКроме основных некоторые пункты меню имеют подпункты (Рис.2.9), например, в содержании есть несколько тем, а пункт информация включает в себя сведения об Общей информации, Системных требованиях и Структуре пособия. Рис.2.9. Диаграмма классов электронного пособия2.6. IDEF3-модель выполнения тестаТакже алгоритм тестирования можно отобразить при помощи диаграммы IDEF3, которая, благодаря наличию логических элементов представляет наглядную картину данного процесса. Для ее построения используем CASE-средство BPWin [16] (Рис.2.10).Рис.2.10. IDEF3-модель выполнения теста2.7. Диаграмма размещения для пособия по отчету IDEF3 моделейДля иллюстрации физических взаимосвязей между аппаратными и программными компонентами используем диаграмму размещения.Диаграмма размещения (deployment diagram) наряду с отображением состава и связей элементов системы показывает, как они физически размещены на вычислительных ресурсах во время выполнения. На диаграмме размещения, по сравнению с диаграммой компонентов, добавляется два типа сущностей: артефакт, который является реализацией компонента и узел (может быть как классификатор, описывающий тип узла, так и конкретный экземпляр), а также отношение ассоциации между узлами, показывающее, что узлы физически связаны во время выполнения. С ее помощью можно анализировать физическое размещение компонентов сети [12]. Для ее разработки требуется определить, какие устройства необходимы для работы данной системы. Чтобы выполнить создание данной диаграммы требуются следующие действия: щелчок правой клавиши мыши по папке представления Deployment View в навигаторе модели. Затем перенесем нужные компоненты на рабочее поле и соединим их в соответствии с архитектурой сети [16].(Рис.2.11).Рис.2.11. Диаграмма размещения для электронного пособия2.8. Построение диаграммы FEO на уровне А0Для обобщенного представления процесса Подведение итогов используем Диаграмму FEO. Для ее создания на дереве модели выберем соответствующую диаграмму, затем в меню Diagram укажем Add FEO Diagram. В диалоге AddNew FEO Diagram – напишем имя диаграммы FEO и укажем тип родительской диаграммы [16]. Получим следующий результат: (Рис.2.12)Рис.2.12. Диаграмма FEO2.9. SwimLaneДля того чтобы четко видеть, какие действия выполняются компьютером, а какие – пользователем, требуется дополнить диаграмму IDEF3 процесса подведение итогов. Для этого используем модель Swim-lane. Эта диаграмма состоит из горизонтальных областей (ролевых областей), содержащих потоки работ, соответствующие этим ролям [5]. Для построения данного вида диаграмм сначала нужно определить группы ролей для данной модели (RoleGroup), например «Выполнение теста». Затем в нее добавляется список ролей (Roles), для данной работы (Компьютер и Пользователь). После задания ролей при помощи Мастера создаем пустую диаграмму с несколькими горизонтальными областями, в зависимости от количества заданных ролей [16] (Рис.2.13). Рис.2.13. Диалоговое окно Мастера для построения Swim-LaneДалее переместим объекты в соответствующие области и получим следующий результат (Рис.2.14).Рис.2.14. На основании диаграммы IDEF3 диаграмма Swim-Lanе2.10. Дерево узлов ИСДля иллюстрации иерархической структуры объектов для процесса подведение итогов используем диаграмму Add Node Tree. Для создания данной диаграммы выберем в меню пункт Diagram затем Add Node Tree [5]. Возникает диалог формирования диаграммы дерева узлов Node Tree Definition (Рис.2.15).Рис.2.15. Диалоговые окна Мастера для построения диаграммыAddNodeTreeЗатем при дальнейшем построении диаграммы следуем указаниям Мастера (Рис.2.16).Рис.2.16.Диалоговые окна Мастера в процессе построения диаграммы AddNodeTree.После завершения работы Мастера получаем следующий результат: (Рис.2.17).Рис.2.17. Диаграмма Дерево узловВЫВОДЫ ПО ВТОРОЙ ГЛАВЕВ процессе прохождения преддипломной практики ознакомился с основными понятиями языка UML и научился строить следующие виды диаграмм:Диаграмма прецедентовДиаграмма деятельности выполнения теста Диаграмма классов Диаграмма размещения Также было выполнено построение диаграмм Дерево узлов и Swim-Lane на основании диаграммы IDEF3 в программе BPwin.ГЛАВА 3. ПРАКТИЧЕСКАЯ РЕАЛИЗАЦИЯ ИНТЕРНЕТ-ПОРТАЛА3.1. Описание предметной области3.1.1. Предмет разработкиПредметом разработки является веб-сайт для омского государственного медицинского университета (ОмГМУ), который является одним из крупнейших и престижнейших ВУЗов западной Сибири. Сайт будет представлять информационный портал для студентов, обучающихся на кафедре эпидемиологии. Сайт должен в удобной форме предоставлять пользователям информацию по основам эпидемиологии чумы и холеры. Так же на сайте будут представлены дополнительные учебно-практические материалы в формате pdf и в формате видеофайлов. На сайте будет организована возможность пройти небольшой тест, а так же получить вопросы для самоподготовки.Сайт необходимо будет разместить на одном из компьютеров кафедры и организовать доступ к ярлыку главной страницы.Сайт должен быть разработан по всем нормам веб-дизайна и включать в себя такие этапы как создание дизайн-макета, верстку сайта, создание динамических скриптов для увеличения функционала. Дизайн-макет необходимо подготовить в любом графическом редакторе. Сайт необходимо создавать вручную с использованием любого текстового редактора на языках php, html5 и css, которые были рассмотрены в теоретической части. Скрипты, представленные на сайте, должны быть созданы на языке JavaScript, который так же был описан в теоретической части. 3.1.2. Средства разработки3.1.2.1. Графический редакторAdobe Photoshop – многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems.На сегодняшний день Adobe Photoshop являемся самым мощным графическим редактором. Возможности редактора охватывают весь спектр операций с графикой: создание собственных рисунков, коллажей, обложек, анимации, редактирование фотографий и многое другое. Photoshop содержит в себе сотни инструментов, тысячи функций и миллион эффектов. Интерфейс в программе простой и понятный в обращении, всегда есть возможность установить множество новых эффектов, кистей, градиентов и узоров, которые сделают работу красивой и необычной [20].Adobe Photoshop является главным инструментом дизайнеров и веб-дизайнеров. На данный момент актуальна версия Adobe Photoshop CS6 и Adobe Photoshop CC, для профессиональных дизайнеров. Photoshop благодаря огромному количеству эффектов, позволяет делать работу интересной и разнообразной. Практически все макеты для сайтов создаются c использованием Adobe Photoshop, кроме того, это программа позволяет создавать не только макеты, но и различную качественную графику и анимацию. В последних версиях программы появилась возможность создавать 3D модели. 3.1.2.2. Текстовый редакторNotepad++ - текстовый редактор, который используют и пользователи, и веб-мастера, и программисты. Программа распространяется свободно, имеет открытый исходный код, потребляет минимум ресурсов и быстро загружается. Утилита позиционируется, прежде всего, как редактор исходных кодов. Вместе с этим, Notepad++ довольно часто используется для открытия различных текстовых файлов.В программе документы открываются в так называемых табах – отдельных вкладках. При работе пользователь может перемещаться между ними, активируя необходимый документ, внося в него изменения, и сохраняя его нажатием клавиши мыши или сочетанием клавиш ctrl+s. Скорость переключения между вкладками – секунды. Помимо этого, при закрытии и следующем запуске приложения, табы, над которыми совершались действия, сохраняются. Есть возможность закрыть сразу несколько табов. Главные особенности Notepad++:сворачивание блоков и подсветка текста, в зависимости от языка программирования;функция WYSIWYG – вывод на печать того, что находится на экране в окне редактирования;автозавершение набираемого слова, автозакрытие тегов и функций;поддержка Поиска/Замены регулярных выражений – пользователь может менять определенные строки в документе, используя определенные выражения;масштабирование – уменьшение и увеличение содержимого документа;динамическое видоизменение окон просмотра;поддержка огромного числа языков программирования и верстки;автоопределение состояния файла – при изменении или удалении файла, редактируемого в Notepad++, иной утилитой, пользователь получает программное сообщение. Notepad++ предлагает закрыть изменённый файл или перезагрузить его;расстановка заметок и комментариев по тексту документа, возможность выделить необходимые строки кода;запись макросов и их выполнение.Редактор Notepad++ может открывать для редактирования с соблюдением синтаксиса и формата кода разные форматы файлов, например:текстовые форматы txt, log, ini, dic, text.

Список литературы

БИБЛИОГРАФИЧЕСКИЙ СПИСОК
1. Бабаев, А. Евдокимов, Н. Боде, И. Создание сайтов. / И. Боде, А. Бабаев – СПб.: Питер, 2014.
2. Бикнер, К. Экономичный Web-дизайн / К. Бикнер – М.:НТ Пресс, 2005.
3. Боггс, У. UML и RationalRose 2002 / Уэнди Боггс, Майкл Боггс ; пер. с англ. М. Н. Кузьмин. – М. : Лори, 2004.
4. Брауде, Э. Технология разработки программного обеспечения / Э. Брауде. – СПб.: Питер, 2014.
5. Буч, Г. UML. Руководство пользователя / Г. Буч, Дж. Рамбо, A. Джекобсон; пер. с англ. – М. : ДМК Пресс, 2001.
6. Дунаев, В. HTML, скрипты и стили / В. Дунаев – М.: BHV, 2015.
7. Закас, Н. JavaScript для профессиональных веб-разработчиков / Н.Закас – СПб.: Питер, 2015.
8. Лазарис, Л. CSS. Быстрый старт. / Л. Лазарис – М.: Эксмо-Пресс, 2014.
9. Обручев, В. Веб-дизайн для разработчика и заказчика. / В. Обручев – М.: Эксмо-Пресс, 2012.
10. Петюшкин, А. HTML в Web-дизайне. / А. Петюшкин – М.: BHV, 2005.
11. Роббинс, Д. HTML5, CSS3 и JavaScript. Исчерпывающее руководство. / Д. Роббинс – М.: Эксмо, 2014.
12. Розенберг, Д. Применение объектного моделирования с использо-ванием UML и анализ прецедентов / Д. Розенберг, К. Скотт. – М. : ДМК Пресс, 2002.
13. Тимофеев, Г.С., Тимофеева, Е.В. Графический дизайн. Серия «Учебный курс». / Е.В. Тимофеева – Ростов н/Д.: Феникс, 2012.
14. Флэнаган, Д. JavaScript. Карманный справочник. / Д. Флэнаган – М.: Вильямс, 2015 г.
15. Фрейн, Б. HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств / Б. Фрейн – СПб.: Питер, 2014.
16. Червенчук, И. В. Моделирование информационных систем с помощью UML : учеб. пособие по курсу «Информационные системы и процессы, моделирование и управление» / И. В. Червенчук. – Омск : Изд-во ОГИС, 2006.
17. Хатсон, Ш. Photoshop для WEB – дизайнера. / Ш. Хатсон – М.: Кудиц-образ, 2013.
18. Интерактивные online курсы [Электронный ресурс] Режим доступа: https://htmlacademy. ru. Бесплатное обучение HTML и CSS (Дата обращения: 18.06.2016)
19. Интернет-площадка для frontend разработчиков [Электронный ресурс] Режим доступа: https://codepen.io CodePen is a playground (Дата обращения: 18.06.2016)
20. Курс «Основы Javascript, JQuery и AJAX» [Электронный ресурс] Режим доступа: https://blog.myrusakov.ru/freejs.html Курс "Основы JavaScript, jQuery и Ajax" (Дата обращения: 11.04.2016)
21. Курс PHP [Электронный ресурс] Режим доступа: http://php720.com/ Онлайн,Учебник,PHP,для,начинающих,чайников (Дата обращения: 17.06.2016)
22. Курс PHP и MySql c нуля [Электронный ресурс] Режим доступа: https://school-php.com/courses/php-i-mysql-programmirovanie-s-nulya Курс PHP и MySQL - программирование с нуля (Дата обращения: 19.06.2016)
23. Курс лекций «Общая информация о языке PHP» НОУ ИНТУИТ [Электронный ресурс]
Режим доступа: http://www.intuit.ru/studies/courses/42/42/ info НОУ ИНТУИТ | Курсы (Дата обращения: 18.06.2016)
24. Площадка для тестирования [Электронный ресурс] Режим доступа: http://codepen.io/ CodePen - Front End Developer Playground (Дата обращения: 18.06.2016)
25. Руководство по PHP [Электронный ресурс] Режим доступа: http://php.net/manual/ru/ index.php Advertising at PHP (Дата обращения: 18.06.2016)
26. Справочник HTML-тегов и css стилей [Электронный ресурс] Режим доступа: http://htmlbook.ru/ Позиционирование в CSS (Дата обращения: 18.04.2016)
27. Справочник CSS [Электронный ресурс] Режим доступа: https://webref.ru/css Справочник CSS (Дата обращения: 18.04.2016)
28. Справочник MySql [Электронный ресурс] Режим доступа: https://rtfm.co.ua/mysql-commands/ Наиболее используемые команды MySQL (Дата обращения: 18.06.2016)
29. Шпаргалки Javascript [Электронный ресурс] Режим доступа: http://shpargalkablog.ru /p/html-css-javascript.html HTML, CSS, JavaScript (Дата обращения: 10.03.2016)
30. JQuery для новичков [Электронный ресурс] Режим доступа: http://anton.shevchuk.name/javascript/jquery-for-beginners. jQuery для начинающих (Дата обращения: 10.03.2016)
Очень похожие работы
Пожалуйста, внимательно изучайте содержание и фрагменты работы. Деньги за приобретённые готовые работы по причине несоответствия данной работы вашим требованиям или её уникальности не возвращаются.
* Категория работы носит оценочный характер в соответствии с качественными и количественными параметрами предоставляемого материала. Данный материал ни целиком, ни любая из его частей не является готовым научным трудом, выпускной квалификационной работой, научным докладом или иной работой, предусмотренной государственной системой научной аттестации или необходимой для прохождения промежуточной или итоговой аттестации. Данный материал представляет собой субъективный результат обработки, структурирования и форматирования собранной его автором информации и предназначен, прежде всего, для использования в качестве источника для самостоятельной подготовки работы указанной тематики.
bmt: 0.00542
© Рефератбанк, 2002 - 2024