Проектирование и разработка веб-сайта магазина косметики

1 Уважаемый председатель аттестационной комиссии и уважаемые члены аттестационной комиссии, меня зовут Трацевский Клавдий Александрович из группы ПО-41.18, вашему вниманию предоставляется презентация на тему выпускной квалификационной работы "Проектирование и разработка веб-сайта магазина косметики", руководитель Мельничук Софья Александровна

2 Цели и задачи

3 Цели и задачи. Целью своего дипломного проекта я обозначил создание интернет-магазина косметики.  В связи с этим понадобилось решить следующие задачи:

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

4 Объект исследования. Исходя из сказанного ранее, становится понятно, что объектом исследования является создание веб-сайтов. Для тщательного изучения темы следует углубиться в веб-разработку.

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

6 Что и для чего

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

8 Функционал веб-сайта

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

10 Средства разработка

11 Среды разработки и дизайна. Весь код был написан в Visual Studio Code, который был выбран как основа проекта: за отсутствие денежных трат, простоту использования и большой функционал за счет пользовательских плагинов.

В области разработки дизайна выбор пал на Figma, так как это простой в использовании, многофункциональный и бесплатный ресурс.

12 Макет и верстка.

Макет создан в Figma.

HTML взят за основу в области верстки потому что полноценных и рабочих аналогов на текущее время не существует.

Так как CSS - это общепринятый способ стилизации HTML верстки, а размер ВКР не требует препроцессоров для оптимизации работы, был выбран базовый СSS.

13 Программирование. В качестве основного языка больше всего подходит Java Script, так как по сравнению со своими конкурентами имеет множество плюсов: работа с DOM деревом, отсутствие строгой типизации и так далее, что позволяет выполнять простые задачи просто.

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

14 Хостинг. Для ВКР выбран хостинг “Time Web”, так как большинство опытных разработчиков советуют именно его. Также плюсом стали относительно маленькие цены и легкий интерфейс личного кабинета.

15 Разработка проекта

16 Разработка концепции. Сайт создан как интернет-магазин, основные задачи – привлечение новых клиентов и удобная покупка товаров прям на сайте в “пару кликов”. Сайт разработан в несколько этапов: определение идеи, разработка макета, техническая часть: верстка и программирование, адаптация под любые устройства. Эскиз страниц для сайта был разработан в онлайн-сервисe для разработки интерфейсов «Figma».