ПОЯСНИТЕЛЬНАЯ ЗАПИСКА (ОТЧЕТ)
по теме учебной практики кондитерская «JAVA CAKE»
Выполнил студент: Ерофеева Л.В.
группа 51М-71
курс 1
Руководитель: доцент, к.п.н. Пискунова Т.Г.
Санкт-Петербург
ЗАДАНИЕ
На учебную практику по информационно-коммуникационным технологиям (создание web-сайта)
выдано студентке
Ерофеевой Л.В.
 |
(Фамилия и инициалы)
Факультет заочного обучения Группа № 51М-71
Курс 1
Создать Web-сайт на платформе типового конструктора CMS с использованием оригинального шаблона стилевого оформления (найденного самостоятельно в сети Интернет), разместить Web-сайт в сети Интернет и оформить пояснительную записку.
Тема разрабатываемогоWeb-сайта: Кондитерская «JAVA CAKE»
В структуре Web-сайта обязательно должно быть:
1. На главной странице поместить материал об: учебно-тренировочной фирме (учебном банке) или теме исследования;
· МБИ (с гиперссылкой на его официальный сайт);
· авторе с его фотографией;
· преподавателе-руководителе практики;
2. Не менее 10 материалов, раскрывающих заданную тему, состоящих из анонса и «подробнее». Из них не менее 5 многостраничных материалов с использованием графических объектов. Все материалы должны быть структурированы не менее чем по двум разделам и иметь meta-информацию.
3. Не менее одного модуля меню с системой навигации по всему контенту Web-ресурса (ссылки на разделы различного типа, на отдельные материалы и другие ссылки).
4. Модуль с оригинальной баннерной рекламой МБИ, отображающий не менее трех графических и (или) текстовых баннеров с ссылками на ресурсы МБИ (www.ibi.spb.ru, eos.ibi.spb.ru),
· Модуль «Контакты» с контактной информацией учебно-тренировочной фирмы (учебного банка) или (и) деканатов и их образовательных программ в МБИ.
· Модуль «Ссылки» с информацией об использованных Интернет-источниках или (и) партнерах учебно-тренировочной фирмы (учебного банка).
· Модуль «Голосования» с не менее, чем одним опросом по теме работы.
Структура пояснительной записки:
Титульный лист.
Задание, подписанное преподавателем.
Содержание.
1. Краткое описание темы (с формированием семантического ядра и указанием адреса web-ресурса в сети Интернет и паролем доступа пользователя admin).
2. Логическая структура Web-сайта (карта сайта).
3. Фирменный стиль (с представлением исходного вида выбранного шаблона и описанием его изменений, и структурой его позиций).
4. Контент.
4.1. Материалы (с примерами meta-информации и структуризацией по разделам и категориям).
4.2. Навигация (меню и их позиции).
4.3. Модули (их назначение, настройки и размещение по позициям).
4.4. Компоненты (их назначение и настройки).
Список использованных источников
Руководитель практики: доцент, к.п.н. Пискунова Т.Г.
(Должность, фамилия, инициалы)
___________________
(подпись)
Дата выдачи задания: " _ " ____ 2018 г.
Дата сдачи пояснительной записки на проверку: " __" ____ 2018 г.
Дата защиты: " __ " ___ 2018 г.
Оглавление
1... Описание темы.. 5
2... Логическая структура Web – сайта. 8
3... Фирменный стиль. 9
4... Инструменты.. 14
5... Навигация. 16
6... Компоненты.. 17
Заключение. 19
СПИСОК ИСТОЧНИКОВ.. 20
Описание темы
Целью учебной практики по информационно-коммуникационным технологиям является создание сайта учебно-тренировочной фирмы «Кондитерская «JAVA CAKE», оптимизированного для поискового продвижения.
В кондитерской «JAVA CAKE» в Санкт-Петербурге можно заказать торт ручной работы на День рождения или к другой важной дате. Каждый торт уникален, изготовлен с любовью и оформлен в стиле торжества. Кондитерская «JAVA CAKE» - семейное предприятие с соответствующими ценностями: постоянное личное руководство, сочетание ручного традиционного труда и новых передовых технологий, любовь к делу, и огромного желания подарить людям вкусную и качественную продукцию.
Адрес web-сайта учебно-тренировочной фирмы «Кондитерская «JAVA CAKE
Сайт был создан при помощи платформы WIX.ru.
Wix.com — международная облачная платформа, написанная на Ruby on Rails, для создания и развития интернет-проектов, которая позволяет конструировать сайты и их мобильные версии на HTML5 c помощью инструментов drag-and-drop. Расширять функциональность сайтов можно за счет приложений, разработанных Wix или сторонними компаниями. Например, добавлять плагины социальных сетей, инструменты для онлайн-торговли и электронных рассылок, контактные формы, блоги и др. Сервис доступен на 11 языках
Wix был создан в 2006 году Авишайем Абраами, Надавом Абраами и Гиорой Капланом. Идея компании — интернет должен быть открыт каждому человеку для свободного выражения себя, развития и взаимодействия. Штаб-квартира Wix находится в Тель-Авиве, другие офисы — в Беэр-Шеве, Сан-Франциско, Нью-Йорке, Майами, Сан-Паулу, Днепрe, Вильнюсе и Киеве.
В июне 2012 г. появилась русскоязычная версия сайта, а через месяц — русскоязычная версия редактора Wix. По данным на декабрь 2013 г. аудитория сервиса в Рунете насчитывает 1,5 миллиона зарегистрированных пользователей. За последнее время сервис пополнился такими возможностями, как оплата дополнительных функций через Яндекс.Деньги, добавление кнопки «Поделиться» ВКонтакте, кнопка нравится ВКонтакте и подключение оплаты наличными при доставке товара (для владельцев интернет-магазинов).
Wix.ru предоставляет сотни настраиваемых шаблонов веб-сайта и HTML5-редактор, работающий по принципу drag-and-drop, который включает в себя приложения, графику, галереи изображений, видео, шрифты и многое другое. Шаблоны настраиваются: добавляются новые функции и медиа, меняются стиль, цвета, тексты, фоновые изображения, кнопки и др.
Кроме того, пользователи имеют возможность создать свои веб-сайты с нуля.
Wix был назван многими независимыми обозревателями, как один из лучших бесплатных конструкторов для создания веб-сайта.
В октябре 2013 компания Wix представила мобильный редактор, который позволяет пользователям легко настроить отображение сайтов для мобильного просмотра.
Ключевые возможности Wix:
· сотни бесплатных шаблонов;
· бесплатный хостинг;
· поисковая оптимизация;
· подключение собственного домена;
· оптимизация для мобильных устройств;
· добавление внешнего HTML-кода;
· защита страниц;
· модули блога, интернет-магазина, списка, галереи изображений, видео и аудио;
· постинг в соцсетях;
· блоки статистики;
· вставка сайтов;
· создание всплывающих окон.
Основные минусы Wix:
· автоматизированная служба поддержки (зачастую, на вопросы отвечает бот по ключевым словам, а не человек);
· отсутствие представительства Wix в России. Любые претензии клиентов из России компания Wix предлагает направлять в офис в Нью-Йорке.
· нет возможности подключить российские платежные системы, в связи с представительства в России
Бесплатно
На стартовом тарифе можно пользоваться всеми шаблонами и создавать неограниченное количество сайтов, ограничено лишь место для хранения данных — до 500 Мб. Подключение собственного домена и Google Analytics недоступно.
Платно
Сервис предлагает 4 премиум-тарифа — Connect Domain (123 руб. в месяц), Combo (249 руб. в месяц), Unlimited (375 руб. в месяц) и eCommerce (488 руб. в месяц). Они отличаются производительностью (от 1 Гб до безлимитной), местом на диске (от 500 Мб до 20 Гб) и функционалом. Например, подключение нормального домена входит в стоимость любого платного тарифа, а создать интернет-магазин можно только на максимальном, реклама WIX отключается, начиная с Combo.
Логическая структура Web – сайта
На рис. 1. Представлена карта сайта кондитерской «JAVA CAKE», отображающая ее логическую структуру.
Рисунок 1 - Карта сайта
Фирменный стиль
На Рис. 2. Представлен исходный шаблон дизайна сайта.
Рисунок 2 - Исходный шаблон сайта
Изменены цветовое оформление сайта, добавлены формы, изменен дизайн, добавлены фотографии, сделаны ссылки, изменен шрифт, изменено название сайта.
Итоговое оформление сайта представлено на Рис. 3, Рис. 4., Рис.5. Рис.6., Рис.7, Рис. 8, Рис. 9.
Рисунок 3 - Итоговое оформление главной страницы
Рисунок 4 - Итоговое оформление главной страницы
Рисунок 5 - Итоговое оформление страницы «Продукция»
Рисунок 6 - Итоговое оформление страницы «О нас»
Рисунок 7 - Итоговое оформление контактов сайта
Рисунок 8 - Итоговое оформление страницы отзывов
Рисунок 9 - Итоговое оформление страницы «Галерея»
Инструменты
Панель инструментов находится слева, при помощи которой редактируются и добавляются элементы. Меню представлено на рис. 10.
Рисунок 10 - Меню редактирования
Для редактирования сайта, добавления и изменения элементов используется вертикальная панель слева. С помощью нее меняется фон (2), добавляются блоки, боксы, кнопки, текст, заголовки, формы списки и многое другое (3), виджеты и приложения (4), загружаются шрифты, фото, видео, аудио и документы (5), настраивается блог (6) и формы онлайн-записи (7). Кроме того, при выборе какого-либо элемента над ним появляется еще одна панель. Она используется для настройки внешнего вида — можно выбрать цвет, форму, включить анимацию и т. д.
Рисунок 11 - Добавление элементов в конструкторе WIX
При клике на кнопку в левой панели открывается список. Например, за плюсиком прячутся все элементы, которые только можно добавить на сайт. Выбираем пункт «Список», и редактор предлагает нам различные варианты оформления. Справа появляется дополнительная навигация по категориям. Последняя приходится очень кстати, учитывая большой выбор. Изменить внешний вид можно и после добавления на сайт. За пунктом «Еще» скрываются возможность встроить html-код, flash или целый сайт, формы входа для админа и регистрации пользователей, функционал для создания якорного меню и иконки документов.
Навигация
Система навигации содержит следующие страницы:
· Главная
· Продукция
· О нас
· Контакты
· Отзывы
· Галерея
На главной странице находится краткая информация о предмете сайта и способе заказа продукции. На странице «О нас» представлено описание кондитерской. Все имеющееся в продаже расположено на странице «Продукция», а также ссылки на ассортимент выбранного товара. Ознакомившись с каталогом работ, клиент может совершить заказ или задать возникшие вопросы посредством телефонного звонка (номер телефона расположен на странице «Контакты»), еще на странице «Контакты» указан адрес и часы самовывоза. Далее следует страница «Отзывы», где клиент может поделиться своим мнением насчет приобретенной продукции и увидеть комментарии людей, уже воспользовавшихся нашими услугами. Последней идет страница «Галерея», на ней представлены фотографии выполненных заказов.
Компоненты
Сайт кондитерской «JAVA CAKE» был создан с помощью WIX. Это известная система, которая позволяет создавать удобный для пользователей сайт, на котором представлена вся необходимая информация для потенциальных клиентов.
Управление зоомагазином осуществляется с помощью панели управления WIX, которую можно увидеть на рис.12.
Рисунок 12 – Горизонтальная панель управления
Кнопка «Страницы» (1) в левом верхнем углу служит для переключения между страницами. В пункте «Сайт» (2) можно сохранить проект, включить режим предпросмотра, перейти в редактор мобильной версии, опубликовать, привязать домен и т. д. Для некоторых действий на этой же панели есть быстрые кнопки — сохранить, опубликовать (4), отменить (5) или повторить (6) последнее действие, изменить масштаб (7), редактор мобильной версии и режим предпросмотра (8). Через пункт «Инструменты» (9) подключаются дополнительные элементы управления и навигации — линейки, границы сайта (12) и панель справа, а также цветные линии, которые появляются при перетаскивании блоков мышкой для выравнивания относительно общей композиции. В пункте «Помощь» (10) можно получить справку по работе с редактором. А кнопка «Подключить премиум» — призыв перейти на платный тариф.
При помощи приложения WIX создаются ссылки, посредством которых можно узнать подробную интересующую клиентов информацию кондитерской.
На сайте, созданном для кондитерской "JAVA CAKE" размещены такие ссылки как:
• "Продукция", состоящая из:
• Торты
• Капкейки
• Свадебные торты
• Другие десерты
Перейдя по любой из ссылок, можно познакомиться с представленным ассортиментом кондитерских изделий.
• «О нас». Размещена информация о кондитерской "JAVA CAKE".
• «Контакты». Находится телефонный номер для заказа товаров или интересующих вопросов, а также представлены часы работы для самовывоза и стоимость доставки.
• «Ссылки», электронные адреса страниц, с которых была взята информация для создания данного сайта.
• «Отзывы». Перейдя по этой ссылке, клиент может оставить свое мнение о работе кондитерской, а также увидеть комментарии людей, уже воспользовавшихся услугами сайта.
Заключение
Сайт кондитерской «JAVA CAKE» был создан при помощи WIX. Выбор был остановлен на этой платформе в связи с тем, что данный сервис привлекает простым интуитивно понятным конструктором и большим выбором ярких стильных шаблонов — в каталоге более 500 готовых макетов, разделенных на категории — бизнес, рестораны и еда, отели, события, лендинги и другие. Разработчики регулярно добавляют новые варианты под различные сферы.
На сайте отражены логотипы кондитерской и созданы страницы при помощи, которых пользователь данного сайта сможет легко найти интересующую его информацию. А также проголосовать и оставить свои комментарии в отдельном для этого разделе.
СПИСОК ИСТОЧНИКОВ
1. https://eos29.ibi.spb.ru/
2. https://www.wix.com/dashboard/0d4e07b6-cda5-4c62-bcd3-b736f83efe7b/home
3. https://texterra.ru/blog/konstruktory-saytov-obzor-8-luchshikh-servisov-so-sravnitelnoy-tablitsey.html
4. https://www.vvcake.ru/
5. https://howtogreen.ru/
ССЫЛКА НА САЙТ:
https://dreamerharrystyles.wixsite.com/javacake