This commit is contained in:
Vladislav Moiseev 2023-02-17 10:56:14 +04:00
commit 8cfe3a48d0
2 changed files with 126 additions and 0 deletions

37
README.md Normal file
View File

@ -0,0 +1,37 @@
# Интернет-программирование, ИС, УлГТУ, 2022-2023
Репозиторий для дисциплины Интернет-Программирование для кафедры ИС УлГТУ, 2022-2023 учебный год.
## Правила оформления и сдачи лабораторных работ
1. Лабораторные работы выполняются в аудитории или дистанционно.
2. Посещать лабораторные занятия обязательно только для сдачи работ.
3. Лабораторная работа считается завершённой, если в [таблице с прогрессом](https://disk.yandex.ru/i/P3tpkqqVJWgmKg) есть об этом отметка.
4. Для выполнения п.3 необходимо показать преподавателю выполненное задание во время лабораторного занятия.
5. Во время защиты лабораторной работы преподаватель может спрашивать или просить что-то исправить по теме Вашей работы.
6. Иных отчётов помимо Вашего кода или других артефактов, необходимых для выполнения задания, предоставлять не надо.
7. Крайне не рекомендуется затягивать с выполнением лабораторных работ, т.к. их выполнение и защита должны быть последовательны.
## Лабораторные работы
Обязательные лабораторные работы:
* [Лабораторная работа №1 - Создание макета сайта (Figma)](/lw01/README.md)
* [Лабораторная работа №2 - Вёрстка сайта (HTML, CSS)](/TODO/README.md)
* [Лабораторная работа №3 - Динамика сайта (JavaScript)](/TODO/README.md)
* [Лабораторная работа №4 - Разворачивание локального веб-сервера (PHP)](/TODO/README.md)
* [Лабораторная работа №5 - Создание веб-приложения при помощи ASP.NET Core](/TODO/README.md)
Лабораторные работы на выбор:
* [Лабораторная работа №F1 - Одностраничное приложение (React)](/TODO/README.md)
* [Лабораторная работа №F2 - Получение данных через API (Fetch)](/TODO/README.md)
* [Лабораторная работа №B1 - Изучение шаблона проектирования MVC](/TODO/README.md)
* [Лабораторная работа №B2 - Разработка чат-бота для Telegram](/TODO/README.md)
## Правила допуска до экзамена
Так как у ИСЭ дисциплина идёт всего 1 семестр, то в нём есть элементы как frontend, так и backend.
Соответственно, и экзамен один, в котором два вопроса: на каждый раздел по одному.
Для допуска к экзамену надо защитить все обязательные работы и любую из необязательных на выбор.

89
lw01/README.md Normal file
View File

@ -0,0 +1,89 @@
# Лабораторная работа №1 - Создание макета сайта (Figma)
## Цель работы
Освоение средств прототипирования веб-приложений.
## Ход выполнения работы
1. Выбрать тематику своего будущего сайта.
2. Зарегистрироваться в Figma или аналоге.
3. Создать макет сайта согласно требованиям.
## Выбор тематики будущего веб-сайта
В рамках данного курса вам необходимо будет создать небольшое веб-приложение.
> Разработка таких приложений обычно делятся на 2 части: разработка frontend и backend.
>
> Frontend - это то, как веб-приложение (или веб-сайт) выглядит для пользователя.
> То есть визуальные стили, шаблоны страниц и т.д.
>
> Backend - это то, как веб-приложение работает внутри.
> То есть взаимодействие веб-сервера с системами управления базами данных, обработка логики приложения и т.д.
В рамках данной лабораторной работы важно определиться с тематикой будущего сайта.
На этом этапе рекомендуется ознакомиться с возможными аналогами и понять, какая тематика ближе вам.
Какой веб-сайт вам хочется сделать?
Такой и попробуйте.
Примерный список тем для сайтов предыдущих лет:
1. Портал медицинского учреждения.
2. Книжный интернет-магазин.
3. Автосервис.
4. Электронный дневник школьника.
5. Электронный журнал в вузе.
6. Учёт продукции на складе.
7. Домашний бюджет.
8. Гостиница.
9. Учёт вычислительной техники.
10. Суши-бар.
11. Строительная фирма.
12. Фирма по ремонту компьютерной техники.
13. Библиотека.
14. Отдел кадров.
15. Доска объявлений.
16. Фотогалерея.
17. Форум.
18. Новостной блог.
19. Учёт состояния здоровья сотрудников предприятия.
20. Компьютерная игра.
> Крайне рекомендуется, чтобы тема у вас не повторялась с другими студентами вашей группы.
> Преподаватель в таком случае может попросить изменить или самостоятельно назначить тему веб-приложения.
## Регистрация в Figma
В этой работе требуется создать макет будущего сайта.
Для этого существует множество программ, позволяющих прототипировать интерфейс.
Например, [Figma](https://www.figma.com/).
Чтобы создавать свой макет, там надо зарегистрироваться (Sign up).
К сожалению, приложение работает только на английском языке.
Однако, оно запускается прямо в браузере (в отличие от того же Adobe XD, который работает только под mac или windows и стал платным).
> В качестве альтернативы можете использовать Gimp, Adobe XD, Adobe Photoshop.
## Требования к макету
1. Два frame: для desktop и для мобильного устройства (например, iPhone 14).
2. На макете должны быть следующие блоки:
- Блок с ссылками. Например, шапка сайта.
Ссылки можно оформить в виде текста с подчёркиванием.
- Блок с компонентами.
На каждом компоненте можно использовать svg-иконку.
Компоненты необходимо расположить в несколько столбцов для desktop-версии.
- Блок с таблицей.
Для мобильной версии можно добавить горизонтальную прокрутку.
- Блок с формой.
Элементы формы для desktop-версии можно расположить в несколько столбцов.
Для мобильной - в один.
3. Обязательно черновик должен быть переименован в формат `Фамилия Имя, группа`.
## Сдача лабораторной работы
Для очной защиты достаточно показать работающий макет преподавателю.
В случае дистанционной сдачи л/р необходимо скинуть ссылку на макет (проверьте её в режиме инкогнито / приватного окна) в [эту форму](https://forms.yandex.ru/u/63eef4a8d046880f47ffe776/) и написать об этом в [чате telegram](https://t.me/+MGRd5PxIoV83NTgy).