Технологические средства для разработки веб-сервиса

1.      Подготовительный этап. Выбор темы.

На данном этапе необходимо выбрать тематику сайта/приложения (см. таблицу ниже). Сервис должен содержать в себе форму, которая указана в скобках.

1 Социальная сеть (форма регистрации в социальной сети)

2 Конференция (форма регистрации для участника конференции)

3 Магазин техники (форма оформления доставки)

4 Конкурс красоты (форма заявки на участие)

5 Интернет-магазин (форма обратной связи на сайте)

6 Железнодорожная компания (форма бронирования билета на поезд)

7 Отель (форма бронирования номера в отеле)

8 Автосервис (форма записи)

9 Спортивные соревнования (форма записи)

10 Детский лагерь (форма записи ребёнка)

11 Авиакомпания (форма регистрации на самолет)

12 Ветклиника (форма записи к ветеринару)

13 Ресторан (форма отзыва посетителя ресторана)

14 Аренда недвижимости (форма поиска квартиры/комнаты для аренды)

15 Служба такси (форма вызова такси)

16 Банк (форма для онлайн заявки на кредит)

17 Ресторан (форма бронирования столика)

18 Служба ремонта окон (форма вызова замерщика окон)

19 Салон красоты (форма записи к косметологу)

20 Мебельный магазин (форма заявки на закупку мебели)

21 Салон красоты/массажный салон (форма записи на процедуры SPA)

22 Ремонт компьютеров (форма заявки)

23 Детские праздники (форма заявки на организацию праздника)

24 Мои документы/МФЦ (форма анкеты на загранпаспорт)

25 Туроператор (форма бронирования тура)

26 Музыкальный конкурс (форма заявки на участие)

27 Центр повышения квалификации (форма заявки на обучение сотрудника)

29 Песенный конкурс (форма заявки на участие)

30 Медклиника (форма записи к врачу)

31 Строительная компания (форма заявки на ремонт помещения)

32 Мобильный оператор (форма подбора тарифа мобильной связи)                                                                               

2.      Анализ

Необходимо подробно описать средства, которые можно использовать для разработки полноценного сервиса (можно описать технологии, с помощью которых можно реализовать сервис, или сделать небольшой сравнительный анализ, например, фреймворки react, vue и angular, какой лучше для вашего сервиса). В том числе, описать форму, с помощью каких технологий ее лучше реализовать.

В результате анализа должны быть выявлены положительные стороны и недостатки рассматриваемых технологий.

3.      Технический раздел

·        Разработать структуру формы (таблица со списком полей и комментарием к их заполнению). Предусмотреть всевозможные поля реализуемой формы (не менее 7 полей). Указать какие поля являются обязательными, указать в каких полях необходимо предусмотреть правильность введенных данных (например, email). Поля должны быть строго тематические, то есть форма с полями «фамилия», «имя», «отчество», «возраст», «e-mail», «пол», «контактный телефон» не подойдет.

·        Создать структуру приложения (например, приветственная страница; страница с формой; страница, открывающаяся при удачном заполнении, а также связи между ними). Структуру можно представить в виде блок-схемы или другим удобным способом.

4.      Практический раздел

Реализовать прототип сервиса (форму и страницы с помощью HTML и CSS), согласно структуре, разработанной ранее в пункте 3. Разработать и реализовать дизайн, используя возможности CSS3.

5.      Отчет.

Отчет должен содержать:

·        титульный лист (можно найти на Портале МЭИ);

·        введение (постановка задачи, актуальность темы);

·        1 глава, аналитический раздел (см. пункт 2);

·        2 глава, технический раздел (структуру формы и структуру сайта/приложения);

·        3 глава, практический раздел (описание реализации, интерфейс сайта/приложения)

·        заключение (выводы).

Объем отчета – от 12 страниц.