Init
This commit is contained in:
commit
8cfe3a48d0
37
README.md
Normal file
37
README.md
Normal 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
89
lw01/README.md
Normal 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).
|
Loading…
Reference in New Issue
Block a user