Разработка веб-приложения приемки онлайн заказов

Обоснование разработки системы онлайн заказов для предприятия. Определение целей и задач проекта и создание структуры сайта. Характеристика дизайн-макета, html-верстки и программирования. Описание процесса администрирования и управления контентом.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 07.08.2018
Размер файла 5,3 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Федеральное агентство связи

Федеральное государственное бюджетное образовательное учреждение высшего образования
«Поволжский государственный университет телекоммуникаций и информатики»
Факультет Заочного обучения
НаправлениеИнформационные системы и технологии
Кафедра Информационных систем и технологий
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
Разработка веб-приложения приемки онлайн заказов
М.А. Никифоров
Самара 2017
Реферат

Название

Разработка веб - приложения приемки онлайн заказов

Автор

Никифоров Максим Андреевич

Научный руководитель

Горбачев Дмитрий Владимирович

Ключевые слова

Веб-приложение, веб-технологии, веб-программирование, онлайн заказы

Дата публикации

2017

Библиографическое описание

Никифоров, М.М. Разработка веб - приложения приемки онлайн заказов: [Текст]: бакалаврская работа / М.А. Никифоров. Поволжский государственный университет телекоммуникаций и информатики (ПГУТИ). Факультет заочного обучения (ФЗО). Кафедра информационных систем и технологий (ИСТ): науч. рук. Д.В. Горбачев. - Самара, 2017. - 80 с.

Аннотация

В ВКР разработано веб-приложение по приему онлайн заказов на доставку продуктов, что позволило автоматизировать прием заказов, облегчить процесс связи с покупателем. Целью веб-приложения является прием онлайн заказов на продукты.

Работа состоит из введения, в котором обосновывается актуальность работы, цель и задачи, трех разделов основной части, содержащие описания основных проективных решений и технологических инструкций и заключения, в котором приводятся выводы по работе в целом.

Содержание

Введение

1. Анализ технологий разработки веб-приложений

1.1 Платформы веб-приложений

1.2 Технологии онлайн заказов

1.3 Постановка задачи

2. Разработка веб-приложения приема онлайн заказов

2.1 Алгоритм работы онлайн заказов

2.2 Этапы разработки

2.3 Определение целей и задач проекта и разработка структуры сайта

2.4 Разработка дизайн - макета, html - вёрстка и программирование

2.5 Подготовка веб-сервера, проектирование базы данных и установка CMS

2.6 Запуск и сопровождение, SEO-оптимизация

3. Технологический раздел

3.1 Описание процесса администрирования и управления контентом

Заключение

Список использованных источников

Введение

Освоение рынком новых способов сбыта, рекламы, технологии управления стало следствием стремительного развитие интернета в последние годы. Действительно, интернет позволяет не только существенно расширить круг клиентов магазина, но также и эффективно координировать деятельность сотрудников, территориально удаленных друг от друга.

Тема веб - приложений для осуществления онлайн заказов считается актуальной на сегодняшний день, так как в настоящее время миллионы людей ежедневно, не выходя из дому, покупают различные товары в электронных магазинах. В мире, а в частности России огромными темпами растет количество пользователей internet и как следствие количество покупателей.

Системы приема онлайн заказов, существенно расширяют рынки сбыта, так же как и расширяет возможность покупателя - покупать любой товар в любое время в любой стране, в любом городе, в любое время суток, в любое время года. Это дает подобным системам неоспоримое преимущество перед обычными магазинами. Этот момент является существенным при переходе производителей с «обычной» торговли на «электронную».

Все вышесказанное определило актуальность темы работы - разработку веб - приложения приемки онлайн заказов.

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

Для достижения поставленной цели необходимо решить следующие основные задачи:

1) провести анализ существующих технологий разработки веб - приложений;

2) провести анализ и выбрать язык разработки веб-приложения;

3) обосновать выбор технологии и системы разработки веб-приложения;

4) разработать веб-приложение для приемки онлайн заказов на доставку продуктов.

Объектом ВКР выступает (является) ООО «Catherines».

Предметом ВКР является процессы автоматизации приема онлайн заказов.

Основными источниками информации для написания работы послужили: документы компании, справочная литература и литература по теме ВКР.

Цель и задачи написания работы определили ее структуру, которая состоит из введения, трех глав и заключения.

Во введении обосновывается актуальность работы, цель, задачи, объект и предмет исследования.

В первой главе проводится анализ современных технологий разработки сайтов, в частности актуальных языков программирования, систем управления контентом. Проводится сравнительная характеристика CMS, для выявления более оптимальных средств для решения поставленных задач.

Во второй главе освещены этапы разработки веб - проектов, работа над веб - серверами и системами управления контентом.

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

В заключении сделаны основные выводы и результаты по проделанной работе.

1. Анализ технологий разработки веб-приложений

1.1 Платформы веб-приложений

Выбор технологии программирования и разработки - отправная точка в реализации любого web - приложения. От этого зависит функциональность, удобство будущего ресурса, то, насколько эффективным будет продвижение сайта, а также целый ряд других параметров, от быстродействия до корректности отображения на разных устройствах. Так как технические требования к каждому ресурсу являются уникальными, «идеальной», универсальной технологии программирования не существует. В каждом случае решение подбирается индивидуально.

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

HTML - HyperText Markup Language или язык гипертекстовой разметки. Был создан еще в 1989 - м году и применяется до сих пор. Является основным языком web - программирования. Необходим при обновлении и поддержке сайтов. Непосредственно в разработке самостоятельно практически не используется, так как имеет существенные ограничения по функциональности готового продукта (сайт может быть только статичным, без обратной связи с пользователями). Применяется в качестве основы в сочетании с другими языками программирования.

JavaScript - это язык для составления скриптов, разработанный фирмой Netscape, являющийся надстройкой стандарта HTML. Он значительно расширяет возможности документа, созданного с применением этого формата. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML - кода стандартной командой.

JAVA - язык, изначально разработанный для программирования функций бытовой техники. Позже начал применяться в веб - разработке. Java представляет собой объектно - ориентированный язык, с помощью которого создаются модули - апплеты. Они не интегрированы в код страницы, а вызываются командами в качестве самостоятельных программ. Апплеты используются в основном для разработки серверной части сайта.

Java также является основой для целого ряда более сложных технологий. Среди них - JSP, язык, позволяющий создавать страницы с одновременным содержанием статических и динамических компонентов. JSP является частью современной технологии J2EE.

PHP - на языке PHP пишут приложения для серверной части ресурса. Эти приложения интегрируются в HTML - код и позволяют использовать динамическое содержимое на статических страницах. PHP упрощает внедрение простых скриптов. Является базовым, простым и поистине универсальным языком практически свободным от таких ограничивающих факторов, как типизация.

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

Flash и Silverlight - данные технологии используются для построения мультимедийных объектов, создания уникальных пользовательских интерфейсов, внедрения в структуру страниц графических, анимационных, звуковых, видео - элементов, а также придания им дополнительной функциональности (масштабирование, последовательный вывод на страницу в заданной области, интерактивные функции и т.п.). Единственный негативный момент заключается в том, что поисковые системы не могут полноценно индексировать такие элементы. Поэтому при необходимости продвижения сайтов данные технологии используются совместно с другими языками программирования.

MySQL - представляет собой технологию работы с базами данных, используется для управления запросами, работы с таблицами, построения библиотек, оптимизации обработки данных. Построен на основе SQL, наиболее распространенного в мире языка управления базами данных.

Ruby On Rails - применяется при создании сайтов, содержащих каталоги продукции. Технология отличается высоким уровнем совместимости, быстротой разработки, наличием множества шаблонных библиотек и фрагментов кода. Технологии разработки для мобильных платформ

Разработка сайтов должна учитывать требования пользователей мобильных устройств. Для адаптации к мобильным платформам могут использоваться специфические средства программирования. Как правило, они реализованы в виде готовых приложений для программирования (Native Development Kit, SilverEdit и другие). Такие технологии обеспечивают не только корректное масштабирование, но и адаптацию интерфейса ресурса к мобильным устройствам.

Таблица 1.1 Самые распространенные языки программирования

Наименование

Использование

PHP

81.3%

ASP.NET

18.6%

Java

2.7%

ColdFusion

0.8%

Perl

0.7%

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

CMS позволяют пользователям размещать или изменять уже размещенную на сайте информацию без привлечения разработчиков сайта. Это значит, что пользователю не обязательно обладать навыками программирования или знаниями языка HTML, чтобы, например, опубликовать на своем сайте новость, статью или добавить изображение. Часто наряду с термином CMS можно услышать также термин "движок сайта", которым обычно пользуются веб - мастера в своем профессиональном сленге.

CMS состоят обычно из двух частей:

1) back - office - это часть системы, отвечающая за функциональность и хранение информации;

2) front - office - это часть системы, обеспечивающая интерфейс с пользователем.

Как уже отмечалось выше, необходимость создания CMS была вызвана увеличением сложности дизайна и содержания сайтов. Веб - сайты перестали быть статичными, а оперативность обновления информации на их страницах стала залогом успеха многих коммерческих проектов. Раньше для управления сайтом нужно было вручную изменять коды всех взаимосвязанных страниц, что было весьма утомительным. К тому же привлечение веб - мастера извне грозило коммерческим компаниям нарушением политики безопасности. С появлением CMS управление сайтом перестало быть рутинным "перебиванием кода". Это позволило сосредоточиться на смысловом содержании публикуемой информации, а не ее оформлении.

Принцип работы всех CMS основан на разделении контента (содержания) и дизайна (оформления) сайта. Обычно дизайн сайта меняется редко, тогда как изменения контента могут происходить не только каждый день, но и даже каждый час. Поэтому в своей работе CMS используют так называемые шаблоны - специальные пустые заготовки страниц, в которых дизайн сайта уже прописан и осталось лишь наполнить их информацией. Пользователю достаточно воспользоваться специальным WYSIWYG - редактором. Этот редактор по внешнему виду очень похож на привычные текстовые редакторы офисных приложений, поэтому пользователю не составляет особого труда освоить его. А наличие в системе большого количества готовых шаблонов дает возможность выбрать подходящий дизайн буквально в считанные минуты.

Как и любой другой программный продукт система управления может быть платной и бесплатной, с открытым исходным кодом или без. Преимущества, допустим платных систем, состоят в постоянной технической поддержке со стороны производителя, в постоянных обновлениях версий продукта, а также более высокой степени безопасности по сравнению с бесплатными продуктами. В то же время системы, распространяемые бесплатно, компенсируют главный недостаток платных CMS - их стоимость.

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

Преимущества, которые дает использование CMS, удобно рассмотреть под разными углами: с точек зрения разработчика сайта и его пользователя.

С позиции разработчика сайта. Благодаря наличию уже готовых модулей, CMS дают возможность производить изменения в структуре сайтов качественно и оперативно путем компоновки этих модулей. Использование модулей также обеспечивает более высокое качество разработки, поскольку уменьшает вероятность появления ошибок в программном коде.

С позиции пользователя. CMS предлагают прежде всего удобный интерфейс для редактирования содержимого сайта, не требуя специальных знаний в сфере веб - дизайна, HTML - верстки и т.п. Также CMS позволяют не просто показывать посетителям сайта информацию, а и взаимодействовать с ними в режиме диалога: посетители могут зарегистрироваться, общаться на форуме или в чате, оставлять свои замечания и пожелания в гостевой книге и т.д

1.2 Технологии онлайн заказов

Сравнительная характеристика систем онлайн заказов

В качестве основы для построения веб - приложения по приему онлайн заказов, была выбрана система управления сайтом CMS MODX. Перед этим был проведен анализ нескольких популярных CMS на предмет соответствия функционала и поставленных задач.

Joomla - это бесплатная CMS для управления контентом. Главной особенностью этой системы является её способность к расширению своего функционала за счет дополнительных модулей, которые можно либо скачать готовые, либо написать самому.

Особенность Joomla - это достаточно понятный для пользователя интерфейс и способность подстроиться под любые функциональные требования. Отлично подходит под сайты - визитки и сайт для бизнеса.

Плюсы CMS Joomla:

1) Универсальная, подходит для решения множества задач;

2) Существует очень много плагинов, модулей, расширений;

3) Не сложное добавление своих модулей;

4) Богатый выбор бесплатных и платных шаблонов;

5) Частые обновления самого движка и дополнительных модулей для функционирования сайта.

Минусы CMS Joomla:

1) Падает скорость при очень больших размерах сайта (например если использовать сайт в роли интернет - магазина или блога);

2) Часто подвергается к атакам хакеров, требует дополнительной настройки безопасности;

3) При продвижении сайта требуется тщательная и тонкая настройка;

4) Все перечисленные минусы могут быть устранены.

MODx является непростым для рядового пользователя движком, но в последнее время он занимает одни из лидирующих позиций при разработке. Разработка сайта на MODx занимает сравнительно немного времени, при этом стоимость разработки сайта на MODx - средняя.

Плюсы CMS MODx:

1) Мультизадачность! Особенностью MODx есть реализация абсолютно любого типа сайта будь - то интернет - магазин или сайт - визитка. Все зависит от "рук программиста";

2) Отлично подходит для SEO продвижения, т.к. дублей страниц Вы никогда не увидите, только если Вы сами их не создадите. Никакой лишней "воды", все четко и по делу, никаких ненужных строк кода Вы также не увидите;

3) Полностью под Вашим контролем, если, конечно, Вы умеете обращаться с данной CMS. Опытные специалисты смогут исправить любой пиксель, который Вам не понравиться;

4) Чистая и "тихая" установка на хостинг без лишних ненужных модулей и всевозможных дополнений. Устанавливается чистое ядро;

5) Простота в шаблонах. Никаких загадок, обычный html код и есть вашим шаблоном.

Минусы CMS MODx:

1) Точная и тонкая настройка требует достаточно хороших знаний программирования. Но для дальнейшего администрирования очень удобная и простая CMS.

Среди специалистов, WordPress это лучшая CMS для ведения своих личных блогов и для новостных сайтов.

Плюсы CMS WordPress:

1) Широкий выбор бесплатных и платных шаблонов, что позволить подобрать уникальный стиль для Вашего сайта;

2) Удобный графический интерфейс управления сайтом;

3) Широкий спектр готовых и проверенных временем модулей;

4) Отличная производительность, естественно, при небольших объемах наполнения сайта;

5) SEO компонент обеспечит хорошие позиции в выдаче Google или Yandex.

Минусы CMS WordPress:

1) Медленная скорость перехода по ссылкам, долгая загрузка фотографий. На хороших хостингах этого можно и не увидеть, т.к. этот "движок" очень ресурсоемкий и на плохом хостинге проблема станет заметней;

2) По неофициальным данным - взлом системы не представляет особого труда.

Система управления контентом Drupal отличается от остальных мощнейшим движком, который способен выдержать большие нагрузки. Более детальное сравнение CMS можно выполнить только при понимании всех положительных и негативных качеств движка.

Плюсы CMS Drupal:

1) Мультизадачность, которая обеспечивается этой системой просто поражает. Открывает возможность для создания сайтов самых разных тематик;

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

3) Считается одним из лучших среди своих братьев CMS, если сайт будет отличаться высокой нагрузкой пользователей.

Минусы CMS Drupal:

1) Очень сложная для администрирования, без чтения документации обычный пользователь не сможет справиться даже с банальными задачами;

2) На порядок выше стоимость разработки сайтов на Drupal;

3) Требует очень мощного оборудования от хостинга;

4) Отсутствуют встроенные модули для SEO продвижения;

5) Требует наличия хорошей технической поддержки.

Таблица 1.2 Сравнительные характеристики CMS

Функция/CMS

CMS Joomla

CMS MODx

CMS WordPress

CMS Drupal

Мультизадачность

-

+

-

+

Возможность расширения модулями

+

+

+

+

Универсальность

-

+

-

+

Масштабируемость

+

+

-

+

Частые обновления

+

+

+

+

Удобство для SEO

-

+

+

-

Широкий выбор шаблонов

+

+

+

-

Подходит для высоконагруженных сайтов

-

+

-

+

Низкая сложность освоения администрирования

-

+

+

-

Невысокая требовательность к серверу

-

+

-

-

После анализа указанных CMS, было принято решение разработки веб - приложения на базе CMS MODX, в связи с явными преимуществами над другими системами управления контентом.

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

Модуль - это приложение, основанное на архитектуре MODx и расширяющее возможности системы управления. Модуль может группировать набор элементов (сниппеты, чанки, данные), реализуя принцип инкапсуляции через разделение интерфейса и реализации. Для анализа выбор пал на два модуля Shopkeeper и ShopModx.

Shopkeeper - это программный модуль для создания интернет - магазина, написанный на языке PHP, для системы управления сайтом (CMS) MODX.

Плюсы:

1) Позволяет управлять заказами (редактирование, статусы, информирование покупателей);

2) Возможность расширить функционал за счет других дополнений MODx;

3) Дополнительные параметры для товаров с возможностью изменения цены (сумма и умножение) при выборе;

4) Возможность полностью менять верстку корзины (шаблоны);

5) Учет товара на складе;

6) Работает с JavaScript (Ajax) и без него;

7) Возможность выбора цвета или материала для товара;

8) Возможность создавать плагины без изменения кода Shopkeeper;

9) Личный кабинет покупателя (платное дополнение);

10) Работа с электронными деньгами (платное дополнение);

11) Установка на готовый сайт.

Минусы:

1) Более тонкая настройка требует хороших знаний программирования;

2) Необходимость в дополнительных расширениях.

ShopModx - компонент для разработки интернет - магазинов на базе движка MODX Revolution.

Плюсы:

1) Корзина на базе данных. Все создаваемые пользователями корзины изначально хранятся в БД;

2) Платежные системы;

3) Отладка.

Минусы:

4) Не ставится на готовый сайт;

5) Отсутствие универсальности;

6) Отдельные контроллеры и процессоры для товаров;

7) Сложность;

8) Отсутствие документации;

9) Ядро, биллинг и корзина вынесены в отдельные компоненты;

10) Не оптимальное JS API;

11) Отсутствие истории заказов;

12) Отсутствие способов доставки.

Обоснование разработки системы онлайн заказов для предприятия

Анализ преимуществ и недостатков систем, модулей и компонентов для онлайн заказов, представленных в прошлой главе, показал, что связка CMS MODX с модулем Shopkeeper имеют необходимые плюсы, чтобы удовлетворить все предъявленные в будущем требования к сервису онлайн заказов.

1.3 Постановка задачи

Несмотря на множество существующих решений, нужно отталкиваться от основных требований, учет которых и позволяет сделать выбор движка для интернет - магазина оптимальным и правильным.

Для эффективной работы и достижения основных целей в области электронной коммерции, система должна обладать следующими возможностями:

1) Удобство навигации. Требование номер один - удобство навигации. Навигация по сайту должна быть прозрачной из любого раздела и удобной для пользователя. Меню и пункты каталога должны появляться таким образом, чтобы у пользователя не возникало вопросов, как перейти из одной точки сайта в другую.

2) Каталог товаров. Каталог товаров это тоже часть навигации сайта. Он должен обеспечивать не меньшую прозрачность отображения. Как правило, каталог товаров - это не список товаров в виде двумерной таблицы, а древообразная иерархичная структура, с возможностью навигации по категориям товаров, списку товаров. Если каталог большой, то, возможно, требуется ввести несколько путей навигации, например, по категориям и по производителям. Очень полезно использовать поиск по каталогу.

3) Новости сайта. Самый обновляемый раздел сайта - это новости. Новости, должны быть максимум автоматизированы по удобству администрирования, что достигается удобной системой управления сайтом.

4) Спецпредложения. Из соображений маркетинга, выгодно использовать специализированную новостную ленту, называемою "Специальные предложения". Фактически - это те же новости, но с возможностью заказа соответствующего товара.

5) Корзина покупок. При навигации по каталогу, часто удобно использовать виртуальную корзину покупок, для того чтобы посетитель мог отложить в нее товар по мере просмотра каталога товаров. Необходимо иметь возможность пересчета и удаления товаров из корзины на этапе просмотра корзины перед оформлением заказа.

6) Оформление заказа. Очень важно, чтобы то, что вводит пользователь в окна ввода при оформлении заказа как можно дольше сохранялось на его компьютере. Оформление заказа должно обязательно сопровождаться выдачей идентификатора заказа.

7) Регистрация покупателей. С одной стороны регистрация дает посетителю много возможностей, (предоставление истории покупок, запоминание адресов доставки и т.д.). Однако есть и другая сторона, посетитель обязан вводить свои данные, заполнять многочисленные и подробные формы, вообще проходить регистрацию, а это любят далеко не все.

2. Разработка веб-приложения приема онлайн заказов

2.1 Алгоритм работы онлайн заказов

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

Схема работы:

1) Покупатель приходит на сайт вашего интернет - магазина;

2) Оформляет заказ;

3) Интернет - магазин подтверждает заказ и отправляет его в службу доставки;

4) Курьерская служба доставляют товар;

5) Покупатель оплачивает его.

Рис. 2.1 - Алгоритм онлайн заказов

Принцип совершения заказа сводится к тому, чтобы пользователь, попав на целевую страницу как можно скорее принял решение о покупке товара.

Распишем по шагам покупку товара:

1) Покупатель приходит на сайт интернет-магазина;

2) Видит интересующий его товар или товары;

3) Кладет их в корзину;

4) Покупатель оформляет заказ;

5) Сотрудник интернет-магазина связывается с покупателем и подтверждает заказ, затем передает его в службу доставки.

Рис. 2.2 - Алгоритм заказа товара через веб-приложение

2.2 Этапы разработки

Разработка web - приложения (web - разработка) - это процесс создания веб - сайта или веб - приложения с помощью комплекса программных средств, мер и действий, направленных на решение поставленных целей и задач.

Современный сайт способен решать важные маркетинговые задачи - продвижение товаров компании, обеспечение рекламы, увеличение клиентской базы, повышение конкурентоспособности, предоставление подробной информации о товарах и услугах.

Будущее веб - приложение должно пройти комплексный анализ, где будут определены критерии, которым должен будет следовать будущий web - проект.

Рис. 2.3 - Этапы разработки веб - приложения

Процесс создания web - приложения включает в себя несколько основных этапов:

1) определение целей и задач проекта;

2) разработка структуры сайта;

3) разработка дизайн - макетов;

4) html - вёрстка;

5) программирование:

6) запуск и сопровождение;

7) SEO - оптимизация.

2.3 Определение целей и задач проекта и разработка структуры сайта

На этапе проектирования формулируются бизнес - цели создаваемого проекта, определяются требования, которым он должен удовлетворять, разрабатывается общая концепция.

На данном этапе имеет смысл уточнить пожелания заказчика, а также произвести исследование целевой аудитории. Для более глубокого анализа можно запросить у заказчика соответствующие материалы: брошюры, ежегодные отчёты, образцы продукции, другие сопутствующие данные - всё, что поможет составить представление о том, кто и с какой целью будет посещать сайт, какие задачи будут выполняться на сайте. Немаловажно выяснить технические возможности будущей основной пользовательской аудитории - пропускную способность каналов связи, используемые Internet - браузеры и пр.

Для нахождения целевой аудитории целесообразно войти в роль квалифицированного пользователя на аналогичных создаваемому Internet - ресурсах. Помимо прочего это поможет выявить новые креативные концепции для того, чтобы сайт был более конкурентоспособным и «не затерялся» среди множества других.

Когда цели определены, приступают к составлению расширенного плана проекта, отражающего сколько времени, денег и иных средств понадобится для выполнения работ на каждом из последующих этапов. Такой план часто содержит информацию о бюджете проекта, график работ (с соответствующим распределением ролей между web - разработчиками), техническую документацию, а также раздел «деталей и уточнений», где оговорены конкретные аспекты возможных спорных вопросов. В этот раздел также включают предложения о готовых разработках и шаблонах.

После детального рассмотрения и утверждения плана подписывается договор о выполнении работ.

Ниже представлена общая структура документа технического задания интернет магазина.

Общие сведения о проекте:

1) Цели и задачи проекта;

2) Аудитория проекта;

3) Структура проекта (вплоть до мелочей);

4) Сроки сдачи проекта, календарный план. Разделить на этапы, чтобы всегда отслуживать текущий статус;

5) Какого рода контент будет представлен на сайте. Где он будет размещаться. Что готовится заказчиком, а что исполнителем.

Распределение работ между Исполнителем и Заказчиком:

1) Заказчик предоставляет информацию;

2) Исполнитель выполняет работы.

Дизайн - Заполненный заказчиком брифлист:

1) Функциональные прототипы страниц;

2) Логика следования покупателя по сайту с различных точек входа на сайт.

Программные модули:

1) Система администрирования сайта (движок сайта, CMS);

2) Описание того, чего нет в CMS и подлежит разработке.

Требования:

1) К хостингу;

2) К администратору сайта.

Финальная часть:

1) План тестирования проекта;

2) Ответственность сторон;

3) Прочая информация.

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

Рис. 2.4 - Структура сайта

2.4 Разработка дизайн - макета, html - вёрстка и программирование

Дизайн - макет - это графическое, наглядное изображение основных элементов сайта. Он полностью воплощает визуальную концепцию сайта. Его разработка выполняется в одной из графических программ (в подавляющем большинстве случаев - в Аdobe Photoshop). В процессе разработки дизайнер руководствуется письменным соглашением (брифом) на создание дизайн - макета, который заполняется заказчиком и содержит пожелания к дизайну: тип, предпочтительные цвета, наличие тех или иных графических элементов и пр.

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

Рис. 2.5 - Макет главной страницы веб - приложения

Рис. 2.6 - Готовый дизайн главной страницы

Html - вёрстка макета является следующим шагом после разработки дизайна сайта. Вёрстка - это преобразование созданных дизайнером графических макетов страниц в html - код, который бы отображался в Internet - браузере в точном соответствии с исходным макетом. Сложность вёрстки зависит от сложности дизайна.

От верстальщика требуется добиться такого отображения в браузере, которое будет наиболее близким к графическому макету. Для этого есть много инструментов. Самые базовые из них: языки HTML и CSS.

При помощи тегов в HTML описывается структура документа, то есть какие элементы будут находится на странице и в какой последовательности.

CSS (каскадные таблицы стилей) - описывает внешний вид и некоторое поведение элементов.

Иногда для реализации странных дизайнерских задумок приходится брать на вооружение и язык программирования JavaScript, но требуется верстальщику это нечасто, и обычно используются только самые примитивные его возможности.

Также в последнее время достаточно популярными стали разные фреймворки. Это некий скелет, продуманная кем - то структура (подход), готовые наборы элементов - применение фреймворков позволяет добиться стандартизации и облегчает разработку крупных проектов.

Bootstrap, который облегчает жизнь, когда нужна адаптивная верстка или готовые шаблонные элементы дизайна. Без фреймворков можно обойтись, если речь идет о верстке небольшого сайта.

Чтобы реализовать адаптивность сайта, прописываются разные дополнительные стили, что, кроме большего объема работы, влечет за собой продумывание поведения элементов (часто это задача дизайнера).

Следующим шагом разработки идет программирование и контроль качества. Программирование - это практическая реализация проекта, интеграция наработок по отдельным направлениям. Другими словами, это процесс построения функциональных инструментов для наполнения и обработки данных. Программирование определяет насколько стабильным и защищённым будет функционирование сайта. Выбор платформы, технологий и грамотного подхода к программированию играет существенную роль. На данном этапе важно определиться с подходом к созданию Internet - реусурса: будет ли он статическим или динамическим.

Рис. 2.7 - Иллюстрация возможностей адаптивной верстки

Статический Internet - сайт представляет собой совокупность html - файлов, каждый из которых представляет отдельную страницу (или её часть). Такой подход используется, в основном, для размещения файловых архивов и медиа - коллекций. Статические сайты программирования, как такового, не требуют.

Рис. 2.8 - Статический сайт

Страницы динамического Internet - сайт формируются сервером в ответ на запрос пользователя (передаваемый в виде URL - адреса страницы). Такие сайты требуют больше затрат на разработку и техническую поддержку, чем статические, но эти затраты окупаются за счёт снижения финансирования на редактирование материалов и развитие информационной структуры.

Рис. 2.9 - Динамический сайт

2.5 Подготовка веб-сервера, проектирование базы данных и установка CMS

Серверная операционная система, в отличие от пользовательской, предоставляет более широкий функционал для управления IT - инфраструктурой, программным обеспечением, установленным не только на сервере, но и на компьютерах пользователей сети, причём как внутренней, так и внешней.

Основная визуальная отличительная особенность любой серверной операционной системы - это возможность работать без графической оболочки (привычного большинству пользователей ПК интерфейса ОС). Наличие графической оболочки операционной системы требует большего количества аппаратных ресурсов.

Многие серверы непосредственно на этапе производства «затачиваются» под определённые операционные системы. Так, например, серверы HP имеют сертификацию Microsoft, а также соответствующий набор инструментов для быстрого развёртывания операционной системы и быстрой интеграции серверного оборудования в IT - инфраструктуру предприятия. Однако, помимо серверных версий Microsoft Windows, существуют другие операционные системы. И какую именно ОС устанавливать на конкретный сервер, зависит не только от аппаратной архитектуры сервера, но и от конкретного функционального назначения вычислительной машины.

Сервер на котором работает сайт catherines.ru построен на базе серверной операционной системы Ubuntu Server 14.04, с установленной панелью управления - Vesta и необходимыми компонентами для работы с базой данных. онлайн заказ сайт контент

Минимальными системными требованиями для Ubuntu являются:

1) процессор с тактовой частотой 700 MHz (например, Intel Celeron или лучше);

2) 1024 MB оперативной памяти;

3) VGA - совместимая графическая карта с разрешением 1024Ч768;

4) 10 GB свободного дискового пространства.

Однако, для более - менее комфортной работы нужен компьютер с характеристиками, лучшими чем:

1) Pentium 4 с 2 GHz;

2) 2048 MB оперативной памяти;

3) графическая карта с поддержкой 3D ускорения и, как минимум, с 256 MB видеопамяти;

4) доступ к сети Интернет;

5) 20 GB свободного дискового пространства.

После установки и настройки Ubuntu Server, должен быть установлен OpenSSH Server.

OpenSSH - это свободно распространяемая версия семейства инструментов для удаленного управления компьютерами и передачи файлов с использованием протокола безопасной оболочки (SSH). SSH означает "secure shell" и является сетевым протоколом, который позволяет безопасно отправлять команды на удаленную машину.

По умолчанию в операционной системе Ubuntu Server 12.04 ssh - сервер не установлен. OpenSSH предоставляет сервис на сервере и клиентские приложения для облегчения операций защиты, зашифрованного удаленного управления и передачи файлов, эффективно заменяя устаревшие инструменты.

Рис. 2.10 - Заглавный экран инсталятора Ubuntu Server

Серверный компонент OpenSSH, sshd, постоянно ожидает клиентские подключения от любого клиентского приложения. Когда обнаруживается запрос на соединение, sshd устанавливает корректное соединение в зависимости от соединяющегося клиентского приложения. Например, если удаленный компьютер подсоединяется с помощью клиентского приложения ssh, сервер OpenSSH устанавливает сессию удаленного управления после авторизации. Если удаленный пользователь подсоединяется к серверу OpenSSH с помощью scp, сервис OpenSSH на сервере инициирует защищенное копирование файлов между сервером и клиентом после авторизации. OpenSSH может использовать много методов аутентификации, включая простой пароль, открытый ключ и билеты Kerberos.

Рис. 2.11 - Процесс установки OpenSSH Server

Последним основным компонентом является панель управления сервером Vesta. Vesta - это дружественная панель управления веб-хостингом с открытым исходным кодом. На данный момент она поддерживает Ubuntu Linux (12.04 LTS, 13.04 и 13.10), Debian 7, CentOS (5, 6) и RHEL (5 и 6). Данная панель управления предоставляет набор необходимых стандартных функций для размещения и управления веб-сайтами на виртуальном выделенном сервере.

Для выполнения руководства нужен предварительно настроенный сервер Ubuntu 12.04 LTS. Подключитесь к серверу через ssh как пользователь с расширенными привилегиями (sudo).

Вместе с панелью управления устанавливаются недостающие, но в то же время необходимые компоненты:

1) WEB: Nginx / Apache + mod_ruid2;

2) DNS: Bind;

3) MAIL: Exim / Dovecot / ClamAV / SpamAssasin / RoundCubeMail;

4) DB: MySQL / phpMyAdmin;

5) FTP: VsFTPD.

Рис. 2.12 - Панель управления сервером Vesta

В прошлой главе были описаны достоинства и недостатки CMS MODX. Одно из преимущество, по которым была выбрана CMS MODX - это возможность не тратить время на разработку модели данных, что позволяет перенаправить силы разработчиков на не менее важные части проекта.

Для начала работы с БД, достаточно настроить её основные параметры при установке.

Первичная настройка представляет собой ввод названия сервера или ip адреса, логина и пароля для доступа к БД. Далее идет настройка имени БД, префиксов для таблиц и кодировки. Завершающий этап - это настройка аккаунта администратора и язык системы.

Рис. 2.13 - Установка MODX

Рис. 2.14 - Ввод хостинга, имени и пароля для БД

Рис. 2.15 - Установка префикса и кодировки для таблиц БД

Рис. 2.16 - Установка стандартных настроек администратора

Рис. 2.17 - Успешная установка MODX

В основе большинства динамических web - проектов лежит база данных. Существует множество различных систем управления базами данных (СУБД), но в современных хостинг - центрах - организациях по размещению web - проектов на серверах - как правило, применяются СУБД MySQL и PostgreSQL. Причинами тому являются фактическая ориентация этих СУБД на хостинговые задачи, доступность на всех популярных серверных операционных системах, а также относительная простота настройки и администрирования. СУБД упрощает управление данными и сокращает время и издержки на разработку и развёртывание приложений. MySQL и PostgreSQL обеспечивают приемлемый уровень безопасности, надёжности и масштабируемости.

Разработка модели данных. Методы проектирования БД. Целью проектирования БД является адекватное отображение в базе данных сути предметной области, рассматриваемой с точки зрения решения задачи автоматизации. В теории баз данных существует ряд методов разработки моделей БД, отображающих разные уровни её архитектуры. Распространены два основных подхода к проектированию баз данных: "нисходящий" и "восходящий". Известен также подход "смешанной стратегии" - сначала «восходящий» и «нисходящий» методы используются для разных частей модели, после чего все подготовленные фрагменты собираются в единое целое.

При «восходящем» подходе осуществляют структурное проектирование снизу - вверх. Этот процесс называют процессом синтеза, попыткой получения целого, адекватно отображающего описание предметной области, на основе описания составляющих его частей.

При «нисходящем» проектировании осуществляется структурное проектирование сверху - вниз («нисходящее» проектирование). Такое проектирование называют анализом - происходит изучение целого (описания предметной области), затем разделение целого на составные части и затем следует последовательное изучение этих частей.
Основными составляющими объектной системы являются: объект (экземпляр сущности), свойство (атрибут), отношение (связь). Объект в концептуальном подходе - это то, о чем в информационной системе должна накапливаться информация.

Класс объектов может состоять из одного или более объектов. Например, класс объектов ФИЗИЧЕСКОЕ ЛИЦО, отдельные объекты - Иванов, Петров, Сидоров. Каждый класс объектов должен обладать уникальным идентификатором, который однозначно идентифицирует каждый отдельный объект (экземпляр сущности) в классе объектов. Каждый класс объектов должен обладать некоторыми свойствами (атрибутами), количество которых одинаково для каждого объекта в классе объектов, значение же каждого свойства может быть различным в разных объектах. Каждый класс объектов может обладать любым количеством связей с другими классами объектов.

Информационная (инфологическая) сфера представляется понятиями, с помощью которых можно формально описать и проанализировать информацию об объектной системе.

В даталогической сфере рассматриваются вопросы представления предметной области (описанной в информационной сфере) с помощью структур данных, определяемых выбором СУБД. В настоящее время наиболее широко для формирования даталогической сферы используются реляционные СУБД.

Инфологическая модель данных. Инфологическая модель применяется на втором этапе проектирования БД, то есть после словесного описания предметной области. Зачем нужна инфологическая модель и какую пользу она дает проектировщикам? Еще раз хотим напомнить, что процесс проектирования длительный, он требует обсуждений с заказчиком, со специалистами в предметной области. Наконец, при разработке серьезных корпоративных информационных систем проект базы данных является тем фундаментом, на котором строится вся система в целом, и вопрос о возможном кредитовании часто решается экспертами банка на основании именно грамотно сделанного инфологического проекта БД. Следовательно, инфологическая модель должна включать такое формализованное описание предметной области, которое легко будет "читаться" не только специалистами по базам данных. И это описание должно быть настолько емким, чтобы можно было оценить глубину и корректность проработки проекта БД, и конечно, как говорилось раньше, оно не должно быть привязано к конкретной СУБД. Выбор СУБД - это отдельная задача, для корректного ее решения необходимо иметь проект, который не привязан ни к какой конкретной СУБД.

Инфологическое проектирование прежде всего связано с попыткой представления семантики предметной области в модели БД. Реляционная модель данных в силу своей простоты и лаконичности не позволяет отобразить семантику, то есть смыслпредметной области. Ранние теоретико - графовые модели в большей степени отображали семантику предметной области. Они в явном виде определяли иерархические связи между объектами предметной области.

Рис. 2.18 - Инфологическая модель БД

Создание инфологической и модели допустимо условиями курсовой работы в программных средах MySQL Workbanch.

Была выбрана среда MySQL Workbanch. На Рис. 2.18 представлен скриншот программной среды во время разработки.

В качестве пример моделирования БД, были выбраны основные функции системы ModX, в частности таблицы, хранящие в себе данные о пользователях: как пользователях системы, так и пользователей сайта. И таблицы, хранящие в себе данные о контенте сайта и используемых функций движком сайта.

Таблица 2.1 Таблицы включающие основные функции системы MODX

Наименование таблицы

Функция

modx_web_user_attributes

Список атрибутов пользователей

modx_web_users

Список Web - пользователей

modx_manager_users

Список Manager - пользователей

modx_manager_user_settings

Список настроек для Manager - пользователей

modx_web_user_settings

Список настроек для Web - пользователей

modx_member_groups

Хранит информацию о группах пользователей

modx_membergroup_names

Содержит наименования групп

modx_active_users

Регулирует активность пользователей, например не позволяет нескольким пользователям одновременно редактировать один ресурс. Содержит последние действия пользователей

modx_site_tmplvars

Список TV - параметров

modx_site_tmplvar_templates

Регулирует соответствие TV - параметров с шаблоном. Управление доступностью TV - параметра у шаблона

modx_site_templates

Список и параметры шаблонов

modx_site_tmplvar_contentvalues

Регулирует соответствие параметра шаблону

modx_site_content

Контент сайта, содержит данные о страницах

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

На этапе технического проектирования выполняются разные виды работ. В техническом плане осуществляется выбор компьютерной среды и типа СУБД, ориентированной на поддержку соответствующей технологии работы с базой данных. В простейшем случае это может быть локальная база данных на персональном компьютере, функционирующая под управлением офисной СУБД, например MySQL.

В информационном аспекте разрабатываются даталогические модели базы данных (прямое проектирование Forward Engineering), а также уточняются модели инфологического уровня (обратное проектирование Revers Engineering), разрабатываются схемы данных всех уровней, конструируются в терминах языка конкретной СУБД (часто это SQL) запросы к базе данных. Здесь могут быть полезны CASE - средства проектирования баз данных, такие как MySQL Workbench.

Программный аспект технического проектирования предполагает определение функций, реализуемых стандартными средствами СУБД, а также функций, реализуемых средствами оригинального программирования. Здесь же разрабатываются алгоритмы работы с базой данных, а также алгоритмы реализации запросов, проектируется интерфейс конечного пользователя. Организационный аспект связан с вопросами планирования и организации работ, создания коллективов разработчиков и контроля за сроками и качеством выполняемых работ. Организационное обеспечение проекта включает выбор методов и инструментальных средств для реализации проекта, определение методов описания промежуточных состояний разработки, разработку методов и средств испытаний системы, обучение персонала и т.п.

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

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

Таблица 2.2 Реляционная таблица «modx_user_attributes»

Объект

Ключ

Физические характеристики

Обязательное поле

Пример данных

id

PK

Int(10)

Да

1

modx_web_user_attributes

FK

Int(10)

1

internalKey

Int(10)

Да

1

fullname

Varchar(100)

Да

admin

role

Int(10)

Да

1

email

Varchar(100)

Да

x1@ex.com

phone

Varchar(100)

Да

88 - 88 - 88

mobilephone

Varchar(100)

Да

+7(111) 1111111

blocked

Int(1)

Да

0

blockeduntil

Int(11)

Да

0

blockedafter

Int(11)

Да

0

logincount

Int(11)

Да

0

lastlogin

Int(11)

Да

1484331157

Объект

Ключ

Физические характеристики

Обязательное поле

Пример данных

thislogin

Int(11)

Да

1485094456

Failedlogincount

Int(10)

Да

0

sessionid

Varchar(100)

Да

sdq93gk74crk

dob

Int(10)

Да

0

gender

Int(1)

Да

1

country

Varchar(25)

Да

Россия

street

Varchar(255)

Да

Театральная

city

Varchar(255)

Да

Москва

state

Varchar(25)

Да

Московская область

zip

Varchar(25)

Да

460001

fax

Varchar(100)

+7(111) 1111111

photo

Varchar(255)

Да

Ссылка на фото

comment

Text

Null

Пользователь 1

Таблица 2.3 Реляционная таблица «modx_web_users»

Объект

Ключ

Физические характеристики

Обязательное поле

Пример данных

id

PK

Int(10)

Да

1

username

PK

Varchar(100)

Да

siteadmin

Объект

Ключ

Физические характеристики

Обязательное поле

Пример данных

Password

Varchar(100)

Да

hardpass

cachepwd

Varchar(100)

Да

Таблица 2.4 Реляционная таблица «modx_web_user_settings»

Объект

Ключ

Физические характеристики

Обязательное поле

Пример данных

webuser

PK

Int(11)

Да

12

setting_name

PK

Varchar(50)

Да

web

modx_web_users_id


Подобные документы

  • Разработка сайта, обеспечивающего функции по приему и обработке онлайн-заказов обоев. Перечень бизнес-процессов, включенных в разработку информационной системы. Инфраструктура разрабатываемой информационной системы. Тестирование программного обеспечения.

    курсовая работа [74,3 K], добавлен 25.05.2015

  • Концептуальное проектирование сайта по онлайн-продаже кофе, его древовидная логическая структура страниц. Описание языка гипертекстовой разметки сайта HTML, особенности отображения HTML-тегов в браузерах. Создание формы заказа для онлайн-торговли.

    курсовая работа [2,2 M], добавлен 16.04.2017

  • Создание онлайн-приложения, которое позволит пользователям создавать тесты, подписываться на аудиторию и просматривать результаты тестов. Проект реализован с использованием фреймворка React.JS и MS SQL Server на локальной машине под управлением Windows.

    дипломная работа [936,4 K], добавлен 23.08.2017

  • Исследование принципов работы, технологии и стандартов IP–телефонии, оценка качества телефонной связи и сжатия речи. Анализ планирования структуры сайта, разработки дизайна, верстки макета. Характеристика регистрации доменного имени и хостинга сайта.

    курсовая работа [52,7 K], добавлен 23.12.2011

  • Анализ системы управления организацией ОАО Ошмянский "Сырзавод". Разработка системы оформления заказов клиентов. Основание для разработки автоматизированного рабочего места и требования к программе. Описание АРМа "Оформление предварительных заказов".

    курсовая работа [1,8 M], добавлен 25.03.2012

  • Разработка и практическое внедрение контента "Joomla!", порядок установки и настройки системы управления им. Выбор дизайна, цветовой гаммы и анимации сайта, методика его добавления. Создание информационной структуры в системе управления контентом.

    дипломная работа [3,4 M], добавлен 22.06.2009

  • Обоснование выбора средств разработки сайта. Программа Microsoft Office FrontPage 2003, характеристика и принцип работы. Разработка структуры сайта, его реализация и создание элементов дизайна. Наиболее употребляемые теги языка HTML. Листинг HTML-кода.

    курсовая работа [1,7 M], добавлен 08.03.2011

  • Знакомство с особенностями и основными этапами разработки онлайн-сервиса, облегчающего потребителям процесс подбора спортивного снаряжения. Анализ оборудования для вейкбординга. Общая характеристика клиент-серверной архитектуры реализации веб-приложения.

    дипломная работа [4,1 M], добавлен 30.09.2016

  • Анализ современных концепций построения сайтов онлайн-тестирования. Разработка автоматизированного тестирующего комплекса – обучающего Web-приложения, позволяющего проводить контроль уровня знаний математики с применением языка программирования Php.

    дипломная работа [865,8 K], добавлен 24.06.2013

  • Разработка сайта "Библиотека онлайн": создание режима ведения системного каталога книг (по внутреннему номеру, наименованию), картотеки читателей (фамилия, адрес, телефон), поиск разными методами и просмотр информации, формирование посетителем заказа.

    курсовая работа [43,2 K], добавлен 14.06.2010

  • История возникновения и применение Каскадных таблиц стилей (CSS) в web-дизайне, их преимущества и отличие от HTML. Сравнительная характеристика табличной и блочной верстки. Практика дизайна сайта: создание бокового меню, всплывающего модального окна.

    курсовая работа [1,2 M], добавлен 21.06.2011

  • Основные понятия web-технологий. Разработка дизайна сайта, анализ программных средств для его разработки. Создание шаблона с помощью гипертекстового языка html и CMS joomla для верстки станиц. Разработка динамической модели и размещение на хостинге.

    дипломная работа [6,9 M], добавлен 04.06.2013

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Проектирование системы, с помощью которой люди смогут следить за спортивными событиями различных видов спорта онлайн, не отходя от компьютера. Описание логической и физической модели данных. Частичная реализация проектируемой системы спортивного сайта.

    курсовая работа [1,8 M], добавлен 31.05.2016

  • Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.

    контрольная работа [2,8 M], добавлен 02.12.2009

  • Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.

    контрольная работа [3,2 M], добавлен 15.02.2011

  • Анализ структуры и технологий создания сайтов машиностроительных предприятий, автоматизирующих систему продвижения товара через интернет. Установка и конфигурация системы управления контентом Joomla. Дизайн сайта, подбор необходимых модулей и плагинов.

    дипломная работа [2,6 M], добавлен 21.06.2015

  • Создание административной части сайта. Дизайн веб-сайта. Установка шаблона Joomla. Система администрирования. Определение прибыли и свободной отпускной цены программного средства. Обоснование экономической целесообразности проведения мероприятия.

    дипломная работа [1,2 M], добавлен 02.09.2016

  • Анализ предметной области, выбор и обоснование среды разработки. Построение принципиальных электрических схем онлайн. Технология Silverlight и возможности ElectricSchemeBuilder. Волновой алгоритм трассировки, его задачи и этапы. Состав модулей программы.

    дипломная работа [4,0 M], добавлен 24.05.2012

  • Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".

    курсовая работа [3,5 M], добавлен 05.06.2015

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.