Similar presentations:
Презентация
1.
МИНИСТРЕСТВО ОБРАЗОВАНИЯ, НАУКИ И МОЛОДЕЖНОЙПОЛИТИКИ
РЕСПУБЛИКИ КОМИ
Государственное профессиональное образовательное учреждение
«Воркутинский арктический горно-политехнический колледж»
Курсовая работа
Тема: Современные
возможности HTML и CSS
Выполнила студентка гр. 413
Богданавичуте Кристина К.д.А
Руководитель: Яргуни Константин Фёдорович
2.
Цели и ЗадачиЦель
Задачи
Предоставить пользователям удобный и
доступный способ получения информации
или выполнения определенных действий.
• Создание логичной и удобной структуры сайта.
• Разработка привлекательного и удобного дизайн
• Реализация функционала,
удовлетворяющего ключевые задачи
• пользователей.
Тестирование и оптимизация сайта для
исключения ошибок.
3.
Аудитория и ОбластьПрименения
Аудитория
Область Применения
Личная организация
задач.
Краткосрочное и
долгосрочное
планирование.
Управление задачами
без доступа к
интернету.
Пользователи,
принимающие
лекарства.
Садоводы.
Пользователи,
формирующие новые
привычки.
Пользователи,
организующие свою
ежедневную рутину.
4.
Актуальность и Обоснование ФункционалаАльтернативы
Недостатки Альтернатив
Существующие сервисы, такие как Tweek, Todoist,
Google Calendar, не предоставляют удобного
планирования ежедневных, повторяющихся задач
без заполнения расписания на каждый день.
Бумажные носители требуют ручного ввода.
Шаблоны – таблицы сложны в использовании и
кастомизации.
Шаблоны – таблицы имеют высокую стоимость.
5.
Преимущества Разработанного Решения1
Кастомизация
Простая смена тем оформления,
2
Интуитивный
Интерфейс
включая тёмную, зелёную,
Простой и понятный дизайн,
синюю и голубую.
напоминающий бумажные
ежедневники.
3
Дополнительные
Функции
Блоки для записей заметок с
разным приоритетом.
Регистрация и вход.
Локальное сохранение
данных.
6.
Реализация ВозможностиКастомизации
HTML
CSS
Кнопки смены тем добавлены в
Каждая тема имеет уникальную
боковое меню приложения.
цветовую палитру, задаваемую
через стили CSS.
JavaScript
Смена темы происходит
динамически при помощи
JavaScript.
7.
Реализация Функционала Регистрации и ВходаРегистрация
Вход
Пользователь вводит имя пользователя и пароль. Данные
Функционал входа проверяет введённые данные и
сохраняются в localStorage для аутентификации при входе.
авторизует пользователя. При успешной аутентификации
отображается приветствие и доступ к
персонализированному контенту.
8.
Разработка Структуры СайтаГлавная Страница
1
Содержит приветственное сообщение и основное меню.
Обеспечивает доступ к функционалу добавления дел,
управления блоками заметок.
2
Блоки Задач
Три категории: "Ближайшее время", "Сделать позже",
Таблица Планирования
3
"Долгосрочные задачи". Включают в себя поля для ввода
заметок и отметки их выполнения.
Ежедневник, оформленный в виде таблицы, включает в себя
поле ввода нового дела, чекбоксы дней недели, кнопку
добавления дела в таблицу, кнопку удаления всех дел, кнопку
очистки всех отмеченных чекбоксов.
4
Модальные Окна
При нажатии кнопок входа или регистрации появляется
соответствующее модальное окно, которое позволяет
Бургер-меню
Меню, которое появляется при нажатии кнопки с тремя
полосками. Включает в себя кнопки смены тем, кнопку
добавления новой таблицы, возможность переименования и
удаления таблиц.
5
произвести регистрацию или осуществить вход в
существующий аккаунт.
9.
Примеры Использования иТестирование
Человек, Принимающий Лекарства
Сайт позволяет отслеживать приём лекарств,
планировать их приём по дням недели и отмечать
приём.
Садовод
Сайт позволяет планировать уход за растениями,
отслеживать полив, удобрение и другие задачи.
Рутина
Сайт позволяет организовать свою ежедневную
рутину, планировать занятия хобби, тренировки,
приём пищи и другие задачи.
10.
ЗаключениеРазработка "Ежедневника" продемонстрировала, как можно реализовать удобный и
функциональный инструмент для управления повседневными задачами. Использование
стандартных технологий (HTML, CSS, JavaScript) в сочетании с локальным хранилищем
(LocalStorage) позволило создать приложение, которое:
Предоставляет пользователям возможность эффективно организовывать своё время.
Обеспечивает интуитивно понятный интерфейс с минимальным количеством действий для
выполнения основных операций.
Сохраняет данные пользователей без необходимости подключения к серверу.
Поддерживает персонализацию за счёт выбора тем и сохранения настроек.
.