Анализ методов и средств создания рабочего проекта

Стр 1 из 4Следующая ⇒

КУРСОВОЙ ПРОЕКТ

По дисциплине «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) — компьютерная программа или система, используемая для обеспечения и организации совместного процесса создания, редактирования и управления текстовых и мультимедиа документов (содержимое или контента).

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

Разработать web-сайт для информационно-консалтингового Автосалон Лексус г. Павлодар, включающий в себя:

1.Красивый, приятный дизайн, фирменный стиль

2.Информацию об услугах

3.Форму взаимодействия с клиентом

4.Удобное меню навигации

5.Content Management System со всеми необходимыми функциями и комфортным пользовательским интерфейсом

Назначение и область применения

Назначение разрабатываемого web-сайта: решение задач продвижения услуг ИКА Автосалон Лексус (г. Павлодар) на рынке, привлечение новых клиентов и создание узнаваемого имиджакомпании среди партнеров. Область применения: World Wide Web.

Специальная часть

Разработка рабочего проекта

Тестирование сайта

Для того, чтоб протестировать наш сайт, набираем в адресной строке браузера адрес http: //localhost/interteach/.

В окне браузера должна появиться следующая картинка (Рисунок 3.7):

Рисунок. 3.7 Тестирование сайта

Если же в процессе составления php-скриптов вы допустили ошибку, Денвер укажет вам на это. Например может выскочить такое сообщение:

Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING in Z: \home\localhost\www\Interteach v 3_0\blocks\reklama.php on line 1

Это значит, что в файле reklama.php в 14 стороке допущена ошибка. Открываем файл в Dreamweaver и проверяем на наличие ошибок (Рис. 3.8):

Рис. 3.8 Проверка на наличие ошибок

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

ЗАКЛЮЧЕНИЕ

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

1. Разработан макет/шаблон сайта, отвечающий фирменному стилю компании;

2. Спроектирована база данных MySQL и на основе содержащейся в ней информации построены динамические генерируемые страницы сайта;

3.Разработаны и подключены программные компоненты сайта;

4.Выполнен процесс интеграции текстового содержания, графики и программных компонентов в единое целое, т. е. придание страницам окончательного вида.)

5. Составлена полная пошаговая инструкция создания web-сайта.

В итоге был разработан web-сайт для информационно-консалтингового Автосалон Лексус г. Павлодар. Все вопросы, подлежащие разработке были решены в полном объеме и можно утверждать, что поставленная задача реализована в полной мере.

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

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

Основные направления для дальнейшего развития в этой области:

1. Изучение аспектов безопасности созданного сайта, защита сайта от технических сбоев и хакерских атак;

2. Разработка CMS для управления web-сайтом;

3. Изучение новых web-технологий (Ajax, JQuery и т. п), web-фреймворков (CakePHP, CodeIgniter, Drupal), различных библиотек с целью сделать разработку более современной и универсальной.

Данный курсовой проект может послужить хорошей основой дипломному проекту на аналогичную тему.

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

1.Кузнецов Максим, Симдянов Игорь, Голышев Сергей PHP 5. Практика создания Web-сайтов. — Спб.: «БХВ-Петербург», 2005. — С. 960. — ISBN 5-94157-552-1;

2.Кузнецов Максим, Симдянов Игорь, Голышев Сергей PHP 5 на примерах. — Спб.: «БХВ-Петербург», 2005. — С. 576. — ISBN 5-94157-670-6;

3.Дмитрий Котеров, Алексей Костарев PHP. В подлиннике. — Спб.: «БХВ-Петербург», 2005. — С. 1120. — ISBN 5-94157-245-Х;

4.Электронный учебник PHP http: //www.softtime.ru/bookphp/;

5.Электронный учебник по PHP 4.0 http: //web.ixit.ru/php/tutorial/.

[1] Разработка администраторской части не входит в объем курсовой работы

КУРСОВОЙ ПРОЕКТ

По дисциплине «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 Тестирование сайта…………………………………………………
Заключение……………………………………………………………….
Список литературы………………………………………………………

Введение

Представленная работа посвящена теме «Проектирование и разработка сайта « Автосалон Лексус (г. Павлодар» ».

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

1. Изучить теоретические аспекты и проанализировать возможные средства проектирования и создания web-сайта;

2. Описать возможные пути решения проблемы и указать их достоинства и недостатки;

3. Описать последовательность проектирования и разработки web-сайта;

4. Составить полную пошаговую инструкцию создания рабочего Web-сайта;

5. Обозначить тенденции развития созданного Web-сайта.

Теоретическая часть

Основные понятия

Анализ методов и средств создания рабочего проекта

В наше время быстрого развития Интернета и увеличения количества сайтов в сети, первостепенное сначение в привлечении посетителей на сайт имеет количество и качество актуальной информации.

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

По управлению контентом (содержанием сайта) можно выделить три основных типа сайта: статический html, динамический и флеш (flash) сайты. Конечно, очень часто создаются сайты, в которых есть разделы всех трех типов. Рассмотрим кратко, в чем основные различия этих сайтов.

Статический html-сайт. Такой сайт разработан и сверстан с использованием стандартной html-технологии. Страницы сайта хранятся в виде html-кода в файловой системе сервера. Естественно, на таком сайте могут присутствовать flesh заставки, ролики, анимация и т.п. Но для редактирования информации и обновления такого сайта необходимы серьёзные трудозатраты и постоянное привлечение квалифицированных веб-дизайнеров и других специалистов в области интернет-технологий.

Рассмотрим плюсы и минусы статического html-сайта.

Плюсы статического сайта:

- Сайт дешевле в разработке, чем другие два типа.

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

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

- При эксплуатации статический сайт создает значительно меньшую нагрузку на сервер и использует наименьшее количество ресурсов сервера.

Минусы статического сайта:

- Для редактирования контента на статическом html-сайте необходимо держать специалиста с опытом html-верстки.

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

- При дальнейшем развитии сайта становится проблематично поддерживать его целостность, особенно это становиться заметно при превышении 1000 страниц.

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

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

Cтраницы сайта формируются сервером «на лету» из различных блоков в соответствии с запрошенной, посетителем страницей.

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

Динамический сайт может содержать флеш- заставки, ролики, анимацию, а также отдельные статические страницы.

Плюсы динамического сайта:

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

- Управление сайтом доступно (и рекомендуется) менеджерам, которые непосредственно общаются с клиентами и знают какие вопросы нужно оперативно осветить на сайте.

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

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

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

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

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

Минусы динамического сайта:

- Динамический сайт, как правило, дороже в разработке, чем статический и сравним по стоимости с флеш сайтом.

- Динамический сайт дороже в технической поддержке, чем статический, т.к. требует от компании, которая осуществляет поддержку, более высокой квалификации специалистов.

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

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

ФЛЕШ (FLASH) – САЙТ. Флеш-сайт – это по сути хорошо анимированные картинки и/или интерактивные мультики.

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

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

Плюсы флеш-сайта:

- Профессионально сделанный флеш-сайт выглядит эффектно.

Минусы флеш-сайта:

- Разработка флеш-сайта сегодня стоит неоправданно дорого.

- Для просмотра флеш-сайта на компьютере должно быть установлено дополнительное программное обеспечение.

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

- Флеш-ролики по сути - картинки. По этому флеш-сайты практически не находятся поисковыми системами. (Сегодня самое эффективное привлечение клиентов происходит именно через поисковые системы.)

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

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

РЕЗЮМЕ. Разработка динамического веб-сайта на сегодняшний день – самое разумное и выгодное решение для серьезной компании, так как затраты на его создание окупаются быстрее, чем на создание статического или флеш-сайта за счёт снижения затрат на редактирование контента и развитие информационной системы сайта. Язык разметки гипертекстовых страниц (HTML – Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

2 Практическая часть