Файл: Разработка Интернет-магазина.pdf

ВВЕДЕНИЕ

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

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

Объектом исследования является компания по производству мебели ООО «Мебельное ателье «RedWood».

Предмет исследования - создание сайта как варианта интернет-маркетингового решения.

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

В процессе планирования web-сайта передо мной были поставлены следующие задачи:

• проанализировать инструментальные средства разработки и выбрать оптимальные для разработки сайта;
• проанализировать сайты конкурирующих компаний;
• разработать структуру веб-сайта;
• разработать базу данных изделий мебельного ателье;
• внедрить разработанный веб-сайт.

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

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

Во второй практической части представлен анализ компании ООО «Мебельное ателье «RedWood», рассмотрены сайты аналогичных компаний, а также правила создания хорошего сайта и проектирование его структуры и дизайна. Далее была проведена разработка сайта, описание его работы и процесс опубликования в сети Интернет.

Глава 1. методические основы создания web-сайта как интернет-решения для продвижения ООО «Мебельное ателье «RedWood»,

1.1.Обоснование потребности в web-сайте

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

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

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

Проектирование и разработка веб-сайтов включает:

1. Разработка технического задания для создания сайта.
2. Составление структурной схемы сайта - размещение разделов, контента и навигации.
3. Веб-дизайн – разработка и утверждение макета, графических элементов сайта, навигации и стилей. [12.C.4]
4. Написание программного кода, модулей, базы данных и других элементов сайта необходимых в проекте.
5. Опубликование сайта в сети Интернет и его тестирование.

1.2.Этапы разработки web-сайта

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

Директор компании ООО «Мебельное ателье «RedWood» выделил следующие основные требования к разрабатываемому web - сайту:

• привлекательность и гармоничность;
• динамичность, сайт должен содержать графические вставки, анимации, которые усиливают эмоционально-ценностный компонент содержания, формируют желание приобрести товар;
• удобство и простота навигации по сайту для потенциальных покупателей;
• информативность и актуальность;
• возможность редактирования и дополнения администраторами.[10]

Разработка интерфейса

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

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

• информация о компании;
• новости компании;
• контакты;
• каталоги (если таковые имеются);
• акции и скидки;
• отзывы и другое.

Разработка административной части сайта

Административная часть - это всевозможные разделы настроек сайта, позволяющие администратору сайта редактировать содержание и графическое наполнение страниц. [3.C.17]

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

Система управления содержимым (англ. Contentmana gement system, CMS) - компьютерная программа, используемая для управления содержимым чего-либо (обычно это содержимое рассматривается как неструктурированные данные предметной задачи в противоположность структурированным данным, обычно находящимися под управлением СУБД). Такие системы применяются для хранения и публикации документов, изображений, музыки или видео. [9.C.32]

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

Аргументация выбора CMS (ContentManagementSystem):

• нужна развитая гипертекстовая структура (HTML создан именно для этого);
• важно обеспечить гибкую структуру управления материалом управлять HTML-содержанием удобно с помощью PHP+MySQL. Именно эта связка позволяет генерировать динамические HTML-страницы;
• необходимо реализовать вариативность представления материала - в этом случае использование HTML+CSS более чем обоснованно. Именно эта комбинация средств позволяет создавать мультимедийные документы; [3]
• важно обеспечить поддержку внутреннего форума web-сайта.

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

1.3.Средства разработки

HTML

HTML (HyperTextMarkupLanguage) — это язык разметки документа, описывающий форму отображения информации на экране компьютера.

Просмотр HTML-документов возможен при помощи специальных программ, а именно Web-браузеров. В исходном коде HTML-документа описывается его структура с помощью тегов, а Web-браузеры отображают документ уже в заданном формате. [8.C.31]

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

DHTML

Динамический HTML (Dynamic HTML, DHTML) не является отдельным языком разметки страниц. Он всего лишь термин, используемый для определения HTML-страниц с динамически изменяемым содержимым.

DHTML состоит из трех основных составляющих:

• HTML;
• каскадные таблицы стилей;
• язык сценариев.

Все три составляющих DHTML соединяются между собой объектной моделью документа (DOM, DocumentObjectModel), которая, по сути, является интерфейсом прикладного программирования (API). DOM объединяет в единое целое эти три компонента, что и придает простому документу HTML новое качество такое как, возможность динамического изменения своего содержимого без перегрузки страницы. [9]

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

HTML-страницы при необходимости можно изменить, вследствие чего документ становится динамическим. Объектная модель документа трактует как событие любое действие пользователя, например, щелчок мышью, нажатие клавиши на клавиатуре и так далее. Оно может быть перехвачено и обработано конкретной процедурой сценария. [12.C.7]

CSS

Каскадные таблицы стилей (CSS — CascadingStyleSheets) - это таблицы, с помощью которых можно существенно увеличить возможности языка HTML в связи с более гибким управлением форматированием Web-страницы.

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

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

Значение параметра style (color: #bababa) называется стилем или определение стиля. Элемент определения стиля (color) называется атрибутом. Любой атрибут имеет значение (#bababa), записываемое после двоеточия.

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

JavaScript

JavaScript — это язык программирования, который позволяет сделать Web-страницу интерактивной, а именно откликающейся пользователю на его действия. Ряд команд (называемый программой, сценарием или скриптом) исполняется интерпретатором, который является частью обычного Web- браузера. Другими словами, код программы помещается в HTML-документ и начинает свое выполнение уже на стороне клиента. Запуск данной программы происходит даже без перезагрузки Web-страницы. Все сценарии исполняются после возникновения какого-либо события. К примеру, перед отправкой данных какой-нибудь формы можно проверить их на определенные значения и, в случае если они не совпадают с заданными, мы можем не разрешать их отправку. [8.C.33]

PHP

PHP — это язык программирования, который выполняется на стороне сервера. PHP не зависит от программного обеспечения клиента, в связи с чем будет выполняться в любом случае, в отличие от языка JavaScript и HTML.

Ряд команд (называемый программой или скриптом) выполняется интерпретатором языка PHP. Код программы может встраиваться в HTML-код. Это является отличительной чертой PHP от других языков, которые используются в Интернете, например, от языка Perl. Чтение PHP-кода воспроизводится на сервере перед тем как страница будет отправлен на Web- браузеру. По итогу Web-браузер загружает обычный HTML-код или другой вывод.

Скрипт PHP содержит HTML с вкраплениями кода, в отличии от обычного вывода HTML-кода командами языка. Код PHP выделяется определенными начальным и конечным тегами <?php и ?>, дающими возможность входить и выходить в "PHP-режим". [11.C.54]

В отличии от JavaScriptPHP-скрипты исполняются на сервере и создают HTML-код, отправляемый клиенту. При размещении на сервере подобного скрипта, клиент получит только результат его работы, без возможности выяснения информации каким кодом он был произведен. Всегда можно настроить сервер так, что даже обычные файлы HTML будут обрабатываться PHP процессором, при этом клиент не сможет распознать, получил он простой HTML-файл или итог исполнения PHP скрипта. [10]

MySQL

MySQL - это система управления базами данных.

Базой данных называется совокупность структурированных данных. Которые могут быть абсолютно любыми, начиная от обычного перечня будущих мероприятий до списка позиций каталога или большого количества справочной информации в федеральной сети. Программное обеспечение MySQL представляет собой систему управления базой данных, позволяющую добавлять, обрабатывать и сортировать данные. Управление базами данных является основой частью в вычислениях, так как современные компьютеры способны обрабатывать огромный объем данных. Реализация данного управления может быть выполнена в нескольких вариантах: как отдельная дополнительная программа, так и частью кода внутри какого-либо приложения. [12.C.8]