ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 12.01.2024
Просмотров: 121
Скачиваний: 3
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
, настройку корзины, промо-кодов, валюты заказа, формы заказа, поиск товаров по артикулу, их импорт/экспорт в CSV или YML-формате, подключение систем электронных платежей.
Рисунок 1.4-Конструктор сайтов Nethouse
Достоинства:
Недостатки:
В ходе изучения конструкторов сайтов были выявлены схожие функциональные составляющие: огромный выбор и универсальность шаблонов для создания сайта, подключение неограниченного количества доменов, возможность вносить массовые изменении элементов дизайна сайта.
В ходе анализа конструкторов сайтов был выбран Tobiz, который позволяет создавать лендинг-страницу, сайт-визитку, возможность создавать сайт любой сложности, конструктор позволяет скачивать архив страницы для последующего размещения на другом хостинге. Конструктор после регистрации предоставляет тариф «Start», который позволяет создать только 1 сайт в течение 14 дней бесплатно, затем можно приобрести подписку в зависимости от количества сайтов.
1.5 Анализ программных средств для реализации информационного ресурса.
Для реализации информационного ресурса был выбран конструктор сайтов Tobiz и графический редактор Krita.
Tobiz – это конструктор сайтов для бизнеса.
Целевой аудиторией конструктора являются новички и разработчики клиентских сайтов.
Tobiz позволяет создавать многостраничные сайты и сайты с несколькими языковыми локализациями, позволяет создавать визитки, портфолио, лендинги, магазины, блоги, лонгриды и другие типы веб-ресурсов.
Система конструктора предназначена на большое количество сайтов созданных на одном аккаунте. В личном кабинете отображаются все созданные проекты. По каждому из них выведена краткая статистика, есть возможность копирования, сортировки и выкупа сайта для размещения на любом другом хостинге. Ключевым удобством меню проектов является отдельная панель с общими настройками – SEO, домены, вставка HTML-кода, набор интеграций внешних сервисов, параметры уведомлений.
Tobiz является WYSIWYG-конструктором. Каждая страница состоит из готовых адаптивных секций, расположенных в необходимом по контексту задачи порядке. Категорий секций довольно много: шапка, обложка, контент, текстовый блок, слайдеры, форма и кнопка, контакты, галерея, видео, разделители, мультикомпонентные блоки, каталог товаров, тарифы и таблицы, преимущества, счётчики и графики, соцсети, этапы, отзывы, модули, quiz-конструктор. В каждой секции содержится от 4 до 35 видов макета.
Секция «Модули» позволяет создавать блок-ссылку, вставить код HTML и CSS, создать личный кабинет пользователей, создать кнопку перемотки наверх.
Секция «Калькулятор» позволяет добавить на страницу форму для автоматического расчёта стоимости разнообразных услуг.
Секция «Quiz-конструктор» позволяет добавить формы-опросники с функцией отправки данных в базу.
В конструкторе хорошо оформленный справочный раздел. В нём описаны все возможности конструктора, даны рекомендации по самым разным вопросам, даны правила написания текстов для сайта, настройки контекстной рекламы, интересных приёмов SEO-оптимизации.
Tobiz предлагает пакетные тарифы для создания нескольких сайтов. Пробный период составляет 14 дней, но часть возможностей во время пробного периода будут недоступны – некоторые категории секций и разделы редактора. В этот период можно создать 2 проекта в 300 страниц и запустить эти сайты на поддомене системы. В зависимости от периода оплаты стоимость тарифов отличается, всего представлено 4 тарифных плана со следующими характеристиками:
Krita - свободный и открытый растровый графический редактор, программное обеспечение, входящее в состав KDE. С помощью графичекого редактора можно создавать рисунки, обрабатывать фотографии, создавать анимацию и текстуры для 3D моделей.
Целевой аудиторией являются художники, дизайнеры, иллюстраторы, люди занимающиеся леттерингом, каллиграфией, 3D-моделированием, чертёжным делом и регулированием фотографий.
Особенности графического редактора:
Достоинства:
Недостатки:
Глава 2 Разработка программного продукта
2.1 Разработка макета
2.2 Логическая структура разрабатываемого ресурса
Логическая структура разрабатываемого ресурса представляет собой схему размещения основных разделов и страниц.
Логическая структура ресурса состоит из элементов меню:
- «Главная», где размещена вся информация о новинках кофейни, отзывы клиентов, контакты;
- «Каталог», где размещено подменю «Кофе», «Чай», «Десерты», «Холодные напитки», которые содержат информацию о товарах;
- «Акции», где указаны все товары по акции;
- «Оплата и доставка», в котором описывается информация о доставке и оплате товаров;
- «О нас» содержит информацию о кофейни;
- «Контакты», где размещены контакты кофейни, её адрес и электронная почта.
Рисунок 2.1 –Логическая структура сайта
2.3 Разработка информационного ресурса
Для создания сайта в конструкторе Tobiz необходимо перейти в меню «Проекты», где отображаются созданные сайты, для каждого раздела нужно создавать отдельную страницу. Всего для информационного ресурса было создано 9 страниц: «Главная», «Кофе», «Чай», «Десерты», «Холодные напитки», «Акции», «Оплата и доставка», «О нас» и «Контакты» (рис. 2.2).
Рисунок 2.2 – Страницы сайта
Для каждого раздела была создана шапка, в которой было размещены разделы сайта, личный кабинет пользователя и кнопка «Напишите нам» позволяющая задать вопрос компании и получить ответ в течение 2 часов. Конструктор позволяет редактировать меню, связывая страницы сайта ссылками, чтобы пользователь смог перейти в любой раздел сайта.
Рисунок 2.3 – Редактирование меню
Конструктор предоставляет возможность менять структуру кнопки, её содержание, цветовую палитру, редактировать форму запроса.
Рисунок 2.4 –Редактирование формы
Конструктор предоставляет большую библиотеку изображений и позволяет добавлять свои, не превышающие 5 МБ и созданные в SVG, PNG и JPEG форматах.
Рисунок 2.5 –Изменение изображения
Конструктор позволяет добавлять каталог товаров 3,4 или 5 товарами на одной строке. В редакторе каталога товаров можно изменить цветовую палитру, размер, выравнивание содержимого товара. В каждом блоке товара можно менять описание, цену, изображение, кнопку и редактировать карточку товара.
Рисунок 2.6 – Редактирование каталога товаров
Конструктор даёт возможность изменять подвал сайта, его цветовую палитру, содержание, а также можно добавить сетку соцсетей на выбор.
Рисунок 2.7 –Редактирование подвала сайта
Оформление блоков можно редактировать и изменять, добавлять затемнение или обесцвечивание, анимацию фона.
Рисунок 2.8 – Оформление блока
Разработанный ресурс для кофейни размещён: https://265214.lp.tobiz.net/?v=454782.
2.4 Описание интерфейса информационного ресурса
Зайдя на сайт, пользователь может перейти по всем вкладкам через ссылки в строке меню.
На главной странице сайта представлена информация о кофейне, отзывы клиентов, новинки, средства связи.
Перейдя в раздел «Каталог», пользователь может перейти во вкладку «Кофе», «Чай», «Десерты», «Холодные напитки», в которых представлен весь ассортимент кофейни.
Рисунок 2.10 –Блок «Кофе»
Рисунок 2.11-Блок «Чай»
Рисунок 2. 12-Блок «Холодные напитки»
Рисунок 2.13 –Блок «Десерты»
В разделе «Акции» пользователь может ознакомиться с товарами по скидке.
Рисунок 2.14 –Раздел «Акции»
В разделе «Оплата и доставка» пользователь может ознакомиться с информацией об оплате и доставке заказа.
Рисунок 2.15- Раздел «Оплата и доставка»
В разделе «О нас» представлена вся информация о кофейне.
Рисунок 1.4-Конструктор сайтов Nethouse
Достоинства:
-
Универсальных шаблонов, подходящих для создания магазина больше, чем остальных -
Возможность управлять веб-проектом через мобильное приложение, есть версии для iOS и Android -
Возможность привлечения посетителей через социальные сети, ведения учёта товаров и организации базы данных контактов клиентов -
Подключение неограниченного количества доменов даже на минимальном тарифе
Недостатки:
-
Отсутствие полноценной локализации -
Неудобное редактирование сайта, отсутствие красивых шаблонов и удобных интеграций, слабый функционал интернет-магазина -
Необходимы специальные знания в области сайтостроения, возможны проблемы с безопасностью, необходимы навыки программирования и веб-дизайна.
В ходе изучения конструкторов сайтов были выявлены схожие функциональные составляющие: огромный выбор и универсальность шаблонов для создания сайта, подключение неограниченного количества доменов, возможность вносить массовые изменении элементов дизайна сайта.
В ходе анализа конструкторов сайтов был выбран Tobiz, который позволяет создавать лендинг-страницу, сайт-визитку, возможность создавать сайт любой сложности, конструктор позволяет скачивать архив страницы для последующего размещения на другом хостинге. Конструктор после регистрации предоставляет тариф «Start», который позволяет создать только 1 сайт в течение 14 дней бесплатно, затем можно приобрести подписку в зависимости от количества сайтов.
1.5 Анализ программных средств для реализации информационного ресурса.
Для реализации информационного ресурса был выбран конструктор сайтов Tobiz и графический редактор Krita.
Tobiz – это конструктор сайтов для бизнеса.
Целевой аудиторией конструктора являются новички и разработчики клиентских сайтов.
Tobiz позволяет создавать многостраничные сайты и сайты с несколькими языковыми локализациями, позволяет создавать визитки, портфолио, лендинги, магазины, блоги, лонгриды и другие типы веб-ресурсов.
Система конструктора предназначена на большое количество сайтов созданных на одном аккаунте. В личном кабинете отображаются все созданные проекты. По каждому из них выведена краткая статистика, есть возможность копирования, сортировки и выкупа сайта для размещения на любом другом хостинге. Ключевым удобством меню проектов является отдельная панель с общими настройками – SEO, домены, вставка HTML-кода, набор интеграций внешних сервисов, параметры уведомлений.
Tobiz является WYSIWYG-конструктором. Каждая страница состоит из готовых адаптивных секций, расположенных в необходимом по контексту задачи порядке. Категорий секций довольно много: шапка, обложка, контент, текстовый блок, слайдеры, форма и кнопка, контакты, галерея, видео, разделители, мультикомпонентные блоки, каталог товаров, тарифы и таблицы, преимущества, счётчики и графики, соцсети, этапы, отзывы, модули, quiz-конструктор. В каждой секции содержится от 4 до 35 видов макета.
Секция «Модули» позволяет создавать блок-ссылку, вставить код HTML и CSS, создать личный кабинет пользователей, создать кнопку перемотки наверх.
Секция «Калькулятор» позволяет добавить на страницу форму для автоматического расчёта стоимости разнообразных услуг.
Секция «Quiz-конструктор» позволяет добавить формы-опросники с функцией отправки данных в базу.
В конструкторе хорошо оформленный справочный раздел. В нём описаны все возможности конструктора, даны рекомендации по самым разным вопросам, даны правила написания текстов для сайта, настройки контекстной рекламы, интересных приёмов SEO-оптимизации.
Tobiz предлагает пакетные тарифы для создания нескольких сайтов. Пробный период составляет 14 дней, но часть возможностей во время пробного периода будут недоступны – некоторые категории секций и разделы редактора. В этот период можно создать 2 проекта в 300 страниц и запустить эти сайты на поддомене системы. В зависимости от периода оплаты стоимость тарифов отличается, всего представлено 4 тарифных плана со следующими характеристиками:
-
BIZ (360 руб/мес) – 5 проектов, 300 страниц, уведомления на почту, A/B-тесты, мультилендинги, CRM, интеграции, подключение своих доменов к сайтам. -
VIP (480 руб/мес) – 10 проектов, 500 страниц, отсутствие рекламной ссылки Tobiz.net, приём онлайн-платежей, SSL-сертификат, доступ к API уведомлений о новых заказах.
-
GRAND BIZ (720 руб/мес) – 20 проектов, 700 страниц, добавление анимаций на сайт, калькулятора услуг, всплывающих окон и корзины. -
GRAND VIP (960 руб/мес) – 25 проектов, 1000 страниц, всё вышеперечисленное для других тарифов, конструктор quiz-форм и возможность отправки email из интерфейса CRM.
Krita - свободный и открытый растровый графический редактор, программное обеспечение, входящее в состав KDE. С помощью графичекого редактора можно создавать рисунки, обрабатывать фотографии, создавать анимацию и текстуры для 3D моделей.
Целевой аудиторией являются художники, дизайнеры, иллюстраторы, люди занимающиеся леттерингом, каллиграфией, 3D-моделированием, чертёжным делом и регулированием фотографий.
Особенности графического редактора:
-
Пользовательские ярлыки. В Krita практически всему можно назначить персонализированные ярлыки, которые значительно ускоряют рабочий процесс. -
Настраиваемые кисти для Krita. Параметры доступных кистей по умолчанию различаются, но одним из лучших аспектов программного обеспечения является возможность изменения существующих кистей и создания своих в соответствии с предстоящей задачей. -
Цифровое смешивание цвета. Функция расширяет возможности выбора цветов, позволяя настраивать активный цвет, добавляя определённое количество других цветов или значений. -
Помощник. Инструмент используется для добавления специальных указателей, таких как различные типы линеек, специальных направляющий и точек схождения. -
Режим обтекания. Функция идеально подходит при создании бесшовных текстур для использования в 3D-моделях.
Достоинства:
-
Поддерживает слои и имеет специальные функции управления слоями, которые помогут организовать рабочее пространство. -
Krita Foundation предлагает множество учебных материалов, которые помогут вам разобраться в программе и ее функциях. -
Программа бесплатная. -
Мультиплатформенность. -
Огромную библиотеку инструментов, особенно кистей. -
Гибкий интерфейс. -
Подробную справку с описанием функций, инструментов, фильтров, панелей. -
Совместимость со всеми графическими форматами.
Недостатки:
-
Обновления содержат ошибки. -
Проблемы при работе со шрифтами. -
Быстрые движения кисти могут вызвать небольшое отставание программы. -
Для работы программы требуется много памяти, поэтому при использовании больших кистей или холстов могут возникать задержки.
Глава 2 Разработка программного продукта
2.1 Разработка макета2.2 Логическая структура разрабатываемого ресурса
Логическая структура разрабатываемого ресурса представляет собой схему размещения основных разделов и страниц.
Логическая структура ресурса состоит из элементов меню:
- «Главная», где размещена вся информация о новинках кофейни, отзывы клиентов, контакты;
- «Каталог», где размещено подменю «Кофе», «Чай», «Десерты», «Холодные напитки», которые содержат информацию о товарах;
- «Акции», где указаны все товары по акции;
- «Оплата и доставка», в котором описывается информация о доставке и оплате товаров;
- «О нас» содержит информацию о кофейни;
- «Контакты», где размещены контакты кофейни, её адрес и электронная почта.
Рисунок 2.1 –Логическая структура сайта
2.3 Разработка информационного ресурса
Для создания сайта в конструкторе Tobiz необходимо перейти в меню «Проекты», где отображаются созданные сайты, для каждого раздела нужно создавать отдельную страницу. Всего для информационного ресурса было создано 9 страниц: «Главная», «Кофе», «Чай», «Десерты», «Холодные напитки», «Акции», «Оплата и доставка», «О нас» и «Контакты» (рис. 2.2).
Рисунок 2.2 – Страницы сайта
Для каждого раздела была создана шапка, в которой было размещены разделы сайта, личный кабинет пользователя и кнопка «Напишите нам» позволяющая задать вопрос компании и получить ответ в течение 2 часов. Конструктор позволяет редактировать меню, связывая страницы сайта ссылками, чтобы пользователь смог перейти в любой раздел сайта.
Рисунок 2.3 – Редактирование меню
Конструктор предоставляет возможность менять структуру кнопки, её содержание, цветовую палитру, редактировать форму запроса.
Рисунок 2.4 –Редактирование формы
Конструктор предоставляет большую библиотеку изображений и позволяет добавлять свои, не превышающие 5 МБ и созданные в SVG, PNG и JPEG форматах.
Рисунок 2.5 –Изменение изображения
Конструктор позволяет добавлять каталог товаров 3,4 или 5 товарами на одной строке. В редакторе каталога товаров можно изменить цветовую палитру, размер, выравнивание содержимого товара. В каждом блоке товара можно менять описание, цену, изображение, кнопку и редактировать карточку товара.
Рисунок 2.6 – Редактирование каталога товаров
Конструктор даёт возможность изменять подвал сайта, его цветовую палитру, содержание, а также можно добавить сетку соцсетей на выбор.
Рисунок 2.7 –Редактирование подвала сайта
Оформление блоков можно редактировать и изменять, добавлять затемнение или обесцвечивание, анимацию фона.
Рисунок 2.8 – Оформление блока
Разработанный ресурс для кофейни размещён: https://265214.lp.tobiz.net/?v=454782.
2.4 Описание интерфейса информационного ресурса
Зайдя на сайт, пользователь может перейти по всем вкладкам через ссылки в строке меню.
На главной странице сайта представлена информация о кофейне, отзывы клиентов, новинки, средства связи.
Рисунок 2.9 – Главная страница сайта
Перейдя в раздел «Каталог», пользователь может перейти во вкладку «Кофе», «Чай», «Десерты», «Холодные напитки», в которых представлен весь ассортимент кофейни.
Рисунок 2.10 –Блок «Кофе»
Рисунок 2.11-Блок «Чай»
Рисунок 2. 12-Блок «Холодные напитки»
Рисунок 2.13 –Блок «Десерты»В разделе «Акции» пользователь может ознакомиться с товарами по скидке.
Рисунок 2.14 –Раздел «Акции»
В разделе «Оплата и доставка» пользователь может ознакомиться с информацией об оплате и доставке заказа.
Рисунок 2.15- Раздел «Оплата и доставка»
В разделе «О нас» представлена вся информация о кофейне.