Разработка дизайна интерфейса web-приложения интернет-магазина «Подарики» с применением современных web-технологий

1.

ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ И НАУКИ ГОРОДА МОСКВЫ
ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ПРОФЕССИОНАЛЬНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ГОРОДА МОСКВЫ
«ПЕРВЫЙ МОСКОВСКИЙ ОБРАЗОВАТЕЛЬНЫЙ
КОМПЛЕКС»
Учебная практика по профессиональному модулю ПМ.08
«Разработка дизайна веб-приложений»
Тема: «Разработка дизайна интерфейса web-приложения интернетмагазина «Подарики» с применением современных web-технологий»
Выполнила:
Мещерякова Д.Д.
33ИС
Москва 2022
Руководитель:
Альгужина Д.К.

2.

Цель и задачи проекта
Цель учебной практики создать интернет магазин в WordPress для
привлечения пользователей для повышения узнаваемости
некоммерческой организации в онлайн-сообществе.
Задачи:
Проанализировать рынок магазинов по продажам подарков.
Создать дизайн макета.
Подобрать цветовую гамму и шрифт.
Подобрать контент.
Изучить WordPress.
Сделать макеты в WordPress.
Подготовить презентацию по практике.
Подготовить отчет.

3.

Курсовой проект на тему
«Проектирование и разработка
интерфейса web- сайта «ГолдТорт» »
Каталог
Главная

4.

Технология создания web-приложения
курсового проекта
Графические редакторы:
+ Командная работа
+ Бесплатно
- Без интернета не
работает
- Нет поддержки
русскоязычной
версии
+ Поддержка
русскоязычной версии
+ Удобный интерфейс
- Сложность в
освоении
- Платно и дорого
Среда для разработки кода:
+ Подходит почти для
всех браузеров
+ Бесплатно
- Красоту и многий
функционал без JS и
CSS не сделать
- Все изменения
вносить вручную
+ Скорость работы
+Бесплатно
- Сложность в
освоении
-Отсутствие
возможности чтения и
загрузки документов
+ Альтернативность
вставки
+ Бесплатно
- Совместимость с
браузером
- Нехватка
безопасности

5.

Результаты создания курсового проекта

6.

Технология создания web-приложения
на WordPress
+ Бесплатность
+ Простота использования
+ Легкая установка
+ Разнообразие тем и плагинов
+ Отсутствие проблем с SEO
- Достаточно весомая нагрузка на серве
- Порою низкая скорость загрузки сайта
- Ограниченный набор базовых
функций

7.

Плагины wp
Характеристика
Для чего
Стоимость
Contact Form7
Создание форм
Бесплатно
Elementor
Конструктор сайтов
Бесплатно, но про версия платная
Elementor Header& Footer Builder
Создание заголовком и подвала
Бесплатно
Font Awesome
Иконочный шрифт
Бесплатно только до 4 версии, а полная и
выше версии платно
Fonts Plugin|Google Fonts Typography
Шрифт
Бесплатно
Google Listings and Ads
Плагин для рекламы
Бесплатно
Smart Slider 3
Слайдер
Бесплатно
Product Filter by WooBeWoo
Фильтрация
Бесплатно, но про версия платная
MailPoet
Для писем и рассылки E-mail
Бесплатно

8.

Анализ CMS (Content management system)
Признаки
WordPress
1C-Битрикс
Joomla!
Лицензия
Бесплатная
Платная
Бесплатная
Языки программирования PHP (версия 7.4 и выше)
PHP (версия 7.1 и выше)
PHP (версия 5.3.10 и
выше)
Удобство использования
Простая настройка и
установка, много
руководств
Мало бесплатной
информации по установке
и настройке, возможны
трудности для новичков
Простая установка,
быстрое разворачивание
на хостингах, подходит
для новичков
Встроенные модули
Базовые плагины, много
платных и бесплатных
модулей
Количество встроенных
модулей зависит от
редакции системы
Много встроенных
модулей, есть
возможность
устанавливать
дополнительные плагины

9.

Описание предметной области

10.

Проектная часть

11.

Разработка макетов страниц
Картинки. Рассказ.

12.

Результат создания макетов страниц

13.

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

14.

Результат создания web-приложения на
wordpress

15.

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