Файл: Разработка сайта компании «Спортик».pdf

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

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

World Wide Web - глобальная компьютерная сеть, на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологий Internet. Для поиска по интернету используют специальные программы - Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам интернета [1].

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

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

Задачи курсовой работы:

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

– разработка дизайна оформления, делающего сайт более привлекательным для клиентов;

– создание удобного интерфейса для возможности комфортного пребывания пользователей на сайте;

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

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

1.1 Актуальность темы

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

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

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

Цель создания сайта состоит в передаче информации пользователю.

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

Проанализировав цели, задачи курсовой работы, приступим непосредственно к разработке сайта.

1.2 Выбор и описание программных средств и среды разработки реализации сайта

Для разработки и реализации сайта были выбраны следующие программные средства:

– Denwer;

– Notepad++;

– программное средство open server;

– язык разметки гипертекста html и css;

– язык программирования php;

– phpmyadmin;

– adobe photoshop CS6;

– JavaScript.

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

Возможности Denwer: Сразу после установки доступен полностью работающий web-сервер Apache, работающий на локальном компьютере, на котором может работать неограниченное количество сайтов, что очень эффективно для разработки и отладки сценариев PHP без загрузки его файлов на удаленный сервер. При запуске создается виртуальный диск (по умолчанию Z:), где хранятся все файлы проектов.

Особенностью, отличающей Denwer от других WAMP-дистрибутивов, является автоматическая правка системного файла hosts, являющегося локальным аналогом DNS-сервера, что позволяет обращаться к локальным сайтом, работающим под управлением Денвера, по именам, совпадающим с именем папки, расположенной в каталоге home Denwerа [13].

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры [2].

OpenServer - это портативная серверная платформа и программная среда, созданная специально для web-разработчиков с учётом их рекомендаций и пожеланий.

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

Включает в себя: Apache, nginx, PHP, MySQL, phpMyAdmin, FTP-сервер FileZilla [12].

Особенности комплекса:

- не требует установки (портативность);

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

- одновременная работа с denwer, xampp и т.д.;

- работа на локальном / сетевом / внешнем ip адресе;

- поддержка ssl без всякой дополнительной настройки;

- создание домена путем создания обычной папки;

- поддержка кириллических доменов;

- поддержка доменных указателей;

- защита сервера от внешнего доступа;

- пакет из более 40 портативных программ;

- планировщик заданий.

HTML (от англ. Hyper Text Markup Language - «язык гипертекстовой разметки») - стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO8879.

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

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

внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari [3].

CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида web-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML - документам, например, к SVG или XUL.

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

PHP (англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools - «Инструменты для создания персональных web - страниц») - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки web - приложений. В настоящее время поддерживается подавляющим большинством хостинг - провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web - сайтов [4].

PHPMyAdmin - это программа написанная на PHP и предназначенная для управления сервером MySQL через всемирную сеть. PHPMyAdmin поддерживает широкий набор операций над MySQL. Наиболее часто используемые операции поддерживаются с помощью пользовательского интерфейса (управление базами данных, таблицами, полями, связями, индексами, пользователями, правами, и т.д.), одновременно вы можете напрямую выполнить любой SQL запрос [10].

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

Программа позволяет всестороннюю обработку графики и цифровых

фотографий - здесь можно делать маски, вырезание, добавление элементов или изменить пропорции объектов - от зданий до персонажей. Количество слоев и масок здесь практически ничем не ограничено, а к этому добавляются сотни эффектов, фильтров и других аксессуаров. Демоверсия Photoshop показывает большинство из них. Дополнительным преимуществом являются также прилагаемые приложения, как, например, менеджер расширений Adobe Extension manager, а также просмотр файлов Adobe Birdge[5].

JavaScript - прототипно - ориентированный сценарный язык программирования. Является диалектом языка ECMAScript.

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в web-разработке [9].

1.3 Основная концепция и содержание веб-сайта

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

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

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

Исходя из поставленных задач, web-сайт должен предоставлять следующие возможности:

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

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

Был реализован способ связи клиентов с администрацией веб-сайта.