Файл: Разработка сайта магазина игрушек.pdf

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

Связанные между собой компьютеры в Американской локальной сети Arpanet родили международную сеть под названием Internet. Международная сеть сейчас объединяет практически все маломальски «умные» smart-вещи: смартфоны, часы, телевизоры, холодильники и даже лампочки.

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

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

Объект нашего исследования –сайт магазина игрушек.

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

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

1. Определить предметную область.

2. Определиться со структурой сайта.

3. Реализовать проектирование веб-сайта по заданной тематике:

3.1. многостраничного сайта;

3.2. с использованием базы данных.

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

1 ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

1.1. Общие сведения

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

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

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

Специализированные сайты уже являются универсальными и могут содержать все, начиная форумом и заканчивая кабинетом пользователя. Такие сайты удобно строить по модульной структуре, используя готовые CMS (content management system) – системы управления данными. Минус таких сайтов – монструозность и невысокая скорость работы из-за своей универсальности. Плюс таких сайтов – высокая скорость и относительная простота разработки. Также стоит отметить, что для работы будут необходимы платные модули (например, модули для подключения платежных систем в CMS Wordpress).

1.2 Понятие веб-сервера

Для работы любого сайта необходим веб-сервер.

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

С точки зрения "железа", «веб-сервер» — это компьютер, который хранит файлы сайта (HTML-документы, CSS-стили, JavaScript-файлы, картинки и другие) и доставляет их на устройство конечного пользователя (веб-браузер и т.д.). Он подключен к сети Интернет и может быть доступен через доменное имя, подобное mozilla.org.

С точки зрения ПО, веб-сервер включает в себя несколько компонентов, которые контролируют доступ веб-пользователей к размещенным на сервере файлам, как минимум — это HTTP-сервер. HTTP-сервер — это часть ПО, которая понимает URL’ы (веб-адреса) и HTTP (протокол, который ваш браузер использует для просмотра веб-страниц).

На самом базовом уровне, когда браузеру нужен файл, размещенный на веб-сервере, браузер запрашивает его через HTTP-протокол. Когда запрос достигает нужного веб-сервера ("железо"), сервер HTTP (ПО) принимает запрос, находит запрашиваемый документ (если нет, то сообщает об ошибке 404) и отправляет обратно, также через HTTP.

1.3 Понятие веб-хостинга

Чтобы опубликовать веб-сайт, необходим либо статический, либо динамический веб-сервер.

Статический веб-сервер, или стек, состоит из компьютера ("железо") с сервером HTTP (ПО). Мы называем это «статикой», потому что сервер посылает размещенные файлы в браузер «как есть».

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

Веб-сервер сложно настраивать для обычного пользователя. Его настройками занимаются специально обученные люди – системные администраторы. Администрирование веб-сервера – очень сложный процесс, требующий высокой квалификации. Это обусловлено в первую очередь тем, что необходимо максимум внимания оказать безопасности. Ведь сервер, т.е. компьютер, должен быть подключен к сети интернет, и любой может подключиться к нему и произвести несанкционированные действия в случае обнаружения дыр в безопасности. Кроме того, веб-сервер должен работать (быть включенным) и быть подключен к сети Интернет круглосуточно. Что не всегда возможно для обычных компьютеров. В таких случаях на помощь приходят специализированные организации – веб-хостеры. Они предоставлюят услуги аренды своих мощностей – позволяют арендовать веб-серверы, либо виртуальные вычислительные мощности, на которых можно установить веб-серверы. Эти услуги носят название веб-хостинг.

1.4 Программное обеспечение веб-сервера

На данное время самым известным и распространенным является Apache. Он распространяется бесплатно, т.е. является свободно-распространяемым. Используется как часть UNIX – подобной операционной системы, однако программисты нашли способы откомпилировать его и под другие операционные системы, в том числе, под windows, например.

Также имеются другие варианты веб-серверов:

IIS от компании Microsoft, распространяемый с ОС семейства Windows

nginx — свободный веб-сервер, разрабатываемый Игорем Сысоевым с 2002 года и пользующийся большой популярностью на крупных сайтах[2],[3]

lighttpd — свободный веб-сервер.

Google Web Server — веб-сервер, основанный на Apache и доработанный компанией Google.

Resin — свободный веб-сервер приложений.

Cherokee — свободный веб-сервер, управляемый только через web-интерфейс.

Rootage — веб-сервер, написанный на java.

Open Server — бесплатная программа с графическим интерфейсом использует множество исключительно свободного программного комплекса.

H2O — свободный быстрый веб-сервер, написанный на C.

1.5. Языки программирования

1.5.1 HTML5

HTML5 (англ. HyperText Markup Language, version 5) — язык для структурирования и представления содержимого всемирной паутины. Это пятая версия HTML. [2] Хотя стандарт был завершён (рекомендованная версия к использованию) только в 2014 году (предыдущая, четвёртая, версия опубликована в 1999 году), ещё с 2013 года браузерами оперативно осуществлялась поддержка, а разработчиками — использование рабочего стандарта (англ. HTML Living Standard). Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров.

Во всемирной паутине долгое время использовались стандарты HTML 4.01, XHTML 1.0 и XHTML 1.1. Веб-страницы на практике оказывались свёрстаны с использованием смеси особенностей, представленных различными спецификациями, включая спецификации программных продуктов, например, веб-браузеров, а также сложившихся общеупотребительных приёмов. HTML5 был создан как единый язык разметки, который мог бы сочетать синтаксические нормы HTML и XHTML. Он расширяет, улучшает и рационализирует разметку документов, а также добавляет единый API для сложных веб-приложений.

1.5.2 CSS

Спецификация CSS3 – это неоспоримое будущее в области декоративного оформления веб-страниц, и ее разработка еще далека от завершения. Большинство модулей все еще продолжает совершенствоваться и модифицироваться, и ни один браузер не поддерживает все модули. Это означает, что CSS3 испытывает такие же сложности, как и HTML5. Веб-разработчикам нужно решать, какие возможности использовать, а какие игнорировать, а также каким образом заполнить зияющие пробелы в браузерной поддержке.[2]

Аббревиатура CSS расшифровывается, как «каскадные таблицы стилей» (от англ. Cascading Style Sheets). Таблицы стилей предназначены для визуального оформления элементов веб-страницы. Как правило, CSS используется в связке с HTML, что является весьма эффективным «инструментом» при создании любого сайта. Именно поэтому, наряду с изучением HTML также рекомендуется изучить технологию CSS.

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

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

При работе с сайтом рекомендуется использовать именно отдельный файл со стилями, а не внедрять код со стилевыми настройками в отдельные страницы. Это поможет заметно сократить время разработки, так как при этом, все стили находятся в одном месте и при необходимости всегда можно оперативно найти конкретный стиль и изменить его. Файл со стилями имеет расширение css.