Дипломная работа: создание веб-приложения
Коротко о сайте
Структура сайта
Главная страница
О нас
Магазин
Страница товара
Оформление заказа
Отзывы
Регистрация и вход
Мобильная версия сайта
Администрирование
Принцип работы сайта
Структура базы данных
Спасибо за внимание!
7.77M
Categories: marketingmarketing internetinternet

Создание веб-приложения

1. Дипломная работа: создание веб-приложения

ВЫПОЛНИЛА:
СМАЧНАЯ ОЛЬГА
СТ УДЕНТКА КА ШАГ
ГРУППЫ WEB-303

2. Коротко о сайте

КОРОТКО О САЙТЕ
Тема – интернет магазин для компании, торгующей видеоиграми.
Функционал: просмотр каталога товаров, поиск товара, просмотр контактной
информации, комментариев, оформление заказов, почтовая рассылка, удобное
администрирование, регистрация в системе.
Инструменты: текстовый редактор Sublime Text, Laravel
framework, система администрирования Sleeping Owl,
библиотека стилей Bootstrap, библиотека jQuery, плагин для
создания слайдеров Slick Sliderю
Веб-хостинг: beget.com.

3. Структура сайта

СТРУКТУРА САЙТА
Главная
О нас
Магазин (каталог товаров)
• Категория 1
• Категория 1
• Категория 1
Акции
Отзывы
Вход
Регистрация

4. Главная страница

ГЛАВНАЯ СТРАНИЦА
Содержит баннеры, для привлечения внимания пользователей, краткое описание
компании, а так же категории товаров.

5. О нас

О НАС
Страница предоставляет развернутое описание компании, содержит контактную
информацию и карту с местонахождением физического магазина.

6. Магазин

МАГАЗИН
Данная группа страниц позволяет ознакомится с товарами, рассортированными
по категориям, содержит краткое описание категорий.
На странице «Акции» выводятся товары с акционной ценой.

7. Страница товара

СТРАНИЦА ТОВАРА
Содержит изображение товара, его описание и форму для добавления товара в
корзину.

8. Оформление заказа

ОФОРМЛЕНИЕ ЗАКАЗА
Страница выводит содержимое корзины и форму для заполнения личных данных
пользователя. После оформления пользователю и администратору приходят
электронные письма с информацией о заказе.

9. Отзывы

ОТЗЫВЫ
Эта страница позволяет оставить свой отзыв и оценить работу компании с
помощью 5-звездочного рейтинга.

10. Регистрация и вход

РЕГИСТРАЦИЯ И ВХОД

11. Мобильная версия сайта

МОБИЛЬНАЯ ВЕРСИЯ САЙТА

12. Администрирование

АДМИНИСТРИРОВАНИЕ
Админ-панель, созданная с помощью административного интерфейса Sleeping
Owl Admin, позволяет добавлять, изменять и удалять продукты в каталоге и
просматривать информацию о заказе. Данные проходят валидацию на стороне
клиента и на сервере. Доступ к админ-панели разрешен только для
администратора сайта.

13. Принцип работы сайта

ПРИНЦИП РАБОТЫ САЙТА
Сайт создан с помощью Фреймворка Laravel,
который использует MVC (Model – View - Controller) принцип
разделения
данных
приложения,
пользовательского интерфейса и управляющей
логики на три отдельных компонента: модель,
представление и контроллер — таким образом, что
модификация
каждого
компонента
может
осуществляться независимо.
Контроллер – обрабатывает запрос пользователя
и возвращает данные взаимодействуя с моделью.
Модель – взаимодействует с базой данных,
осуществляя запросы на изменение или выборку
информации.
Представление – генерирует структуру страниц.

14. Структура базы данных

СТРУКТУРА БАЗЫ ДАННЫХ
English     Русский Rules