Анализ методов и средств создания рабочего проекта
КУРСОВОЙ ПРОЕКТ
По дисциплине «Web-технологии»
Тема: «Проектирование и разработка сайта «Интернет-магазин одежды»
Выполнил ст. гр. БИС-31
Акжунусов Д.Б_____________
Дата сдачи: 12.12.2016г.
Руководитель:
доц. Абсалямова А.Ж.
___________ ________
(оценка) (подпись)
Экибастуз 2016
Содержание
| Введение…………………………………………………………………. | |
| 1. Теоретическая часть………………………………………………..... | |
| 1.1 Основные понятия………………………………………………….. | |
| 1.2 Анализ методов и средств создания рабочего проекта…………... | |
| 2. Практическая часть…………………………………………………... | |
| 2.1 Постановка задачи………………………………………………….. | |
| 2.2 Назначение и область применения………………………………... | |
| 2.3 Выбор и обоснование способа решения задачи………………….. | |
| 2.4 Обоснование выбора программных средств……………………… | |
| 2.5 Разработка алгоритма решения поставленных задач……………. | |
| 3. Специальная часть…………………………………………………… | |
| 3.1 Разработка рабочего проекта……………………………………… | |
| 3.1.1 Разработка основной структуры сайта………………………… | |
| 3.1.2 Разработка дизайна макета сайта………………………………. | |
| 3.1.3 Проектирование БД, построение динамически……………….. генерируемых страниц сайта | |
| 3.1.4 Разработка и подключение программных компонентов сайта.. | |
| 3.2 Тестирование сайта………………………………………………… | |
| Заключение………………………………………………………………. | |
| Список литературы……………………………………………………… |
Введение
Представленная работа посвящена теме «Проектирование и разработка сайта « Интернет-магазин одежды ».
Данная тема носит актуальный характер, так как все больше и больше различных фирм, компаний, организаций, частных лиц становятся заинтересованными в создании и размещении собственного сайта в сети Интернет. Рынок создания сайтов стремительно растет, постоянно увеличивается количество студий веб-дизайна. Вместе с тем повышаются и требования к современному web-сайту.
Данная работа полностью разрушает стереотипное представление о том, что проектирование и создание сайта – это легкий процесс, ограничивающийся нажатием нескольких кнопок. Безусловно, существуют в различной степени готовые решения, в основном в виде шаблонов, php-скриптов и бесплатных CMS. Но для создания современного, динамического, управляемого и защищенного сайта, отвечающего всем требованиям заказчика, требуется много усилий и времени.
Высокая значимость и недостаточная практическая разработанность темы "Проектирование и разработка сайта" определяют несомненную новизну данной работы.
Рассмотрение вопросов связанных с данной тематикой носит как теоретическую, так и практическую значимость.
Целью данной работы является проектирование и разработка web-сайта Автосалон Лексус (г. Павлодар). В рамках достижения поставленной цели автором были поставлены и решения следующие задачи:
1. Изучить теоретические аспекты и проанализировать возможные средства проектирования и создания web-сайта;
2. Описать возможные пути решения проблемы и указать их достоинства и недостатки;
3. Описать последовательность проектирования и разработки web-сайта;
4. Составить полную пошаговую инструкцию создания рабочего Web-сайта;
5. Обозначить тенденции развития созданного Web-сайта.
Работа имеет традиционную структуру и включает в себя введение, теоретическую часть, практическую и специальную части, заключение и библиографический список.
Теоретической и методологической основой написания данной работы явились законодательные акты, нормативные документы по теме работы.
Источниками информации для написания работы по теме Проектирование и разработка сайта послужили базовая учебная литература, теоретические и практические статьи ведущих разработчиков в рассматриваемой области, результаты, статьи и обзоры в специализированных и периодических изданиях.
Теоретическая часть
Основные понятия
Веб-сайт (англ. Website, от web — паутина и site — «место») — в компьютерной сети объединённая под одним адресом (Доменным именем или IP-адресом) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет. Все веб-сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP.
Статический сайт - это совокупность статических HTML страниц, которые хранятся на сервере Интернет и в которые включено и оформление сайта, и его информационное содержание. Для того чтобы изменить содержимое статической страницы, нужно скорректировать ее HTML код и записать новую страницу на сервер на место старой. Это достаточно квалифицированная, трудоемкая и длительная работа.
В динамическом сайте информация хранится не на страницах сайта, а в базе данных, размещаемой на Интернет-сервере. При вызове страницы сайта информация считывается из базы данных и автоматически размещается на генерируемой HTML странице в заданном месте в заданном формате. Для замены информации на странице достаточно лишь поменять ее в базе данных с помощью специального интерфейса, работа с которым не требует практически никакой квалификации. И, сразу после этого, при вызове HTML страницы в ней отобразится обновленная информация.
Веб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.
Веб-программирование - бурно развивающийся раздел программирования, ориентированый на разработку динамических Internet приложений.
Языки веб-программирования - это соответственно языки, которые в основном предназначены для работы с интернет-технологиями. Языки веб-программирования делятся на две группы: клиентские и серверные.
SQL (англ. Structured Query Language — язык структурированных запросов) — универсальный компьютерный язык, применяемый для создания, модификации и управления данными в реляционных базах данных. Вопреки существующим заблуждениям, SQL является информационно-логическим языком, а не языком программирования.
Система управления содержимым/контентом (англ. Content management system, CMS) — компьютерная программа или система, используемая для обеспечения и организации совместного процесса создания, редактирования и управления текстовых и мультимедиа документов (содержимое или контента).
Анализ методов и средств создания рабочего проекта
В наше время быстрого развития Интернета и увеличения количества сайтов в сети, первостепенное значение в привлечении посетителей на сайт имеет количество и качество актуальной информации.
Необходимо помнить, что интернет в первую очередь - информационная среда. Каким бы красивым не был ваш сайт, посетители ищут на нём свежую информацию. Особенно это становится актуально, если основной целью создания сайта является привлечение новых клиентов.
По управлению контентом (содержанием сайта) можно выделить три основных типа сайта: статический html, динамический и флеш (flash) сайты. Конечно, очень часто создаются сайты, в которых есть разделы всех трех типов. Рассмотрим кратко, в чем основные различия этих сайтов.
Статический html-сайт.Такой сайт разработан и сверстан с использованием стандартной html-технологии. Страницы сайта хранятся в виде html-кода в файловой системе сервера. Естественно, на таком сайте могут присутствовать flesh заставки, ролики, анимация и т.п. Но для редактирования информации и обновления такого сайта необходимы серьёзные трудозатраты и постоянное привлечение квалифицированных веб-дизайнеров и других специалистов в области интернет-технологий.
Рассмотрим плюсы и минусы статического html-сайта.
Плюсы статического сайта:
- Сайт дешевле в разработке, чем другие два типа.
- Статический сайт безусловно дешевле в технической поддержке (хостинг). Практически все провайдеры могут обеспечить хостинг статического сайта.
- На статическом html-сайте не обязательно придерживаться строгой информационной сетки, и можно создавать любые страницы, практически независимые друг от друга.
- При эксплуатации статический сайт создает значительно меньшую нагрузку на сервер и использует наименьшее количество ресурсов сервера.
Минусы статического сайта:
- Для редактирования контента на статическом html-сайте необходимо держать специалиста с опытом html-верстки.
- При добавлении новых материалов, а в особенности новых разделов, зачастую приходится править многие (если не все) страницы сайта, чтобы обеспечить изменения в системе навигации. Это очень часто приводит к ошибкам. Конечно, можно воспользоваться автоматизированными системами разработки, но такие системы создают чрезвычайно избыточный код, что, конечно же, отражается на скорости загрузки страниц, несовместимости с отдельными обозревателями и потерей многих указанных выше преимуществ.
- При дальнейшем развитии сайта становится проблематично поддерживать его целостность, особенно это становиться заметно при превышении 1000 страниц.
- Вывод: статический сайт дешевле в разработке и технической поддержке, но эти достоинства нивелируются серьезными недостатками в оперативности публикации информации и затратами на содержание специалиста (html-верстальщик) или необходимости платить дизайн-студии за публикацию материалов.
Динамический сайт.Основное свойство динамических сайтов (как видно из названия) - гибкость, подвижность информационное системы в подборе и представлении информации, соответствующей "запросу" посетителей сайта.
Cтраницы сайта формируются сервером «на лету» из различных блоков в соответствии с запрошенной, посетителем страницей.
В файловой системе сервера лежат исполняемые скрипты (программы). Весь контент (информация) сайта хранится в базе данных, которая часто физически расположена на другом сервере, недоступным из Интернета.
Динамический сайт может содержать флеш- заставки, ролики, анимацию, а также отдельные статические страницы.
Плюсы динамического сайта:
- Динамический сайт, как правило, полностью управляется через несложный веб интерфейс. Управление возможно не только отдельными страницами, но и структурой разделов, а также информационной сеткой сайта.
- Управление сайтом доступно (и рекомендуется) менеджерам, которые непосредственно общаются с клиентами и знают какие вопросы нужно оперативно осветить на сайте.
- Важный плюс – это оперативность публикации новых материалов, объявлений и другой важной информации, которое делает общение с посетителями (клиентами) сайта «живым» и интересным.
- Правильно организованный динамический сайт может развиваться без ущерба для ранее опубликованного материала.
- Так как динамический сайт легче управляется, то, как правило, он быстрее развивается, чем статический, и быстрее окупается его разработка.
- Нет необходимости содержать дорогостоящих специалистов (или платить дизайн-студии) для оперативной html-верстки, всю работу по публикации выполняют менеджеры, занятые в основной деятельности фирмы, самостоятельно.
- Несомненным плюсом является большой срок службы динамического сайта. Т.к. сайт постоянно меняется за счет новых материалов, разделов и т.д.,он «не отстает от жизни», и вопрос о редизайне динамического сайта встает только при серьезной реорганизации компании или выработке нового стиля компании.
Минусы динамического сайта:
- Динамический сайт, как правило, дороже в разработке, чем статический и сравним по стоимости с флеш сайтом.
- Динамический сайт дороже в технической поддержке, чем статический, т.к. требует от компании, которая осуществляет поддержку, более высокой квалификации специалистов.
- Динамический сайт требует большее количество ресурсов сервера, и не все провайдеры могут осуществлять его техническую поддержку.
Выводы: динамический сайт требует больших затрат на разработку и техническую поддержку, чем статический, но эти затраты быстрее окупаются за счёт снижения затрат на редактирование контента и развитие информационной системы сайта. Динамический сайт служит дольше и эффективнее статического. Поручать техническую поддержку динамического сайта лучше его разработчику, т.к. такой сайт не все провайдеры смогут поддерживать корректно, и не всегда можно разобраться, кто виноват - разработчик или провайдер в случае сбоев в его работе.
ФЛЕШ (FLASH) – САЙТ.Флеш-сайт – это по сути хорошо анимированные картинки и/или интерактивные мультики.
На самом деле флеш-сайт также может быть статическим и динамическим. Но динамические флеш-сайты очень редки и дороги в разработке, поэтому в данной статье имеется ввиду статический флеш-сайт, конечно с элементами интерактива.
В файловой системе сервера лежат статические html-страницы и флеш-ролики. При просмотре такого сайта на компьютер пользователя подгружаются флеш-ролики и, в соответствии с записанной в таком ролике программой, формируют для пользователя на экране картинку. Такая картинка, как правило, содержит интерактивные элементы (ссылки) при щелчке, на которые выводятся другие картинки или текст.
Плюсы флеш-сайта:
- Профессионально сделанный флеш-сайт выглядит эффектно.
Минусы флеш-сайта:
- Разработка флеш-сайта сегодня стоит неоправданно дорого.
- Для просмотра флеш-сайта на компьютере должно быть установлено дополнительное программное обеспечение.
- Часто флеш-ролики имеют большой объем (вес файлов), долго загружаются и создают дополнительный трафик.
- Флеш-ролики по сути - картинки. По этому флеш-сайты практически не находятся поисковыми системами. (Сегодня самое эффективное привлечение клиентов происходит именно через поисковые системы.)
- При публикации нового материала флеш-сайту присущи все недостатки статического сайта, но только помноженные на значительно большие материальные затраты.
Вывод: флеш-сайт будет интересен только тем, кто любит смотреть мультики. Для посетителя, который ищет конкретную информацию, флеш-сайт скорее будет помехой, чем полезным инструментом. Он медленно загружается и зачастую заставляет пользователя смотреть одно и тоже помногу раз. Стоимость флеш разработки сайта велика, а управление сайтом зачастую доступно только профессиональному дизайнеру.
РЕЗЮМЕ
Разработка динамического веб-сайта на сегодняшний день – самое разумное и выгодное решение для серьезной компании, так как затраты на его создание окупаются быстрее, чем на создание статического или флеш-сайта за счёт снижения затрат на редактирование контента и развитие информационной системы сайта. Динамический сайт служит дольше и эффективнее статического.
Поручать техническую поддержку динамического сайта лучше разработчику т.к. такой сайт не все провайдеры смогут поддерживать корректно, и не всегда можно разобраться, кто виноват – разработчик или провайдер в случае сбоев в его работе. Как показывает практика наших клиентов динамический сайт компании, торгующей строительными и отделочными материалами окупается меньше чем за полгода.
Для посетителя который ищет конкретную информацию, флеш-сайт скорее будет помехой, чем полезным инструментом. Он медленно загружается и зачастую заставляет пользователя смотреть одно и тоже помногу раз.
Стоимость флеш разработки сайта велика, а управление сайтом зачастую доступно только профессиональному дизайнеру.
Статический сайт дешевле в разработке и технической поддержкке, но эти достоинтсва нивелируются серьезными недостатками в оперативности публикации информации и затратами на содержание специалиста(html-верстальщик) или необходимости платить дизайн-студии за публикации материалов.
2 Практическая часть
Постановка задачи
Разработать web-сайт для информационно-консалтингового магазин одежды включающий в себя:
1.Красивый , приятный дизайн, фирменный стиль
2.Информацию об услугах
3.Форму взаимодействия с клиентом
4.Удобное меню навигации
5.Content Management System со всеми необходимыми функциями и комфортным пользовательским интерфейсом