Пишем приложение для заметок на JavaScript
Доброго времени суток, друзья!
Сегодня мы с вами, как следует из названия, напишем простое приложение для формирования и хранения заметок.
Возможности нашего приложения будут следующими:
Заметки будут храниться в индексированной базе данных (IndexedDB). Для облегчения работы с IndexedDB будет использована эта библиотека. Как заявляют разработчики данной библиотеки, она представляет собой «тоже самое, что и IndexedDB, но с промисами».
Предполагается, что вы знакомы с азами IndexedDB. Если нет, то прежде чем продолжить рекомендую прочитать эту статью.
Я понимаю, что для решения такой задачи, как хранение заметок, вполне достаточно LocalStorage. Однако, мне хотелось исследовать некоторые возможности IndexedDB. Таким образом, выбор в пользу последней был сделан исключительно из гносеологических соображений. В конце будут приведены ссылки на похожее приложение, где хранение данных реализовано с помощью LocalStorage.
Итак, поехали.
Наша разметка выглядит так:
Пока не обращайте на них много внимания.
Переходим к скрипту.
Находим поля для ввода и создаем контейнер для заметок:
Создаем базу данных и хранилище:
Рассмотрим функцию добавления заметки, чтобы понимать, что из себя представляет или, точнее, что содержит одна заметка. Это поможет понять, как формируется список:
Теперь займемся формированием списка:
Массив объектов для хранения дат напоминаний имеет два поля: «id» для идентификации заметки и «date» для сравнения дат. Записывая значение даты напоминания в поле «date», мы вынуждены это значение преобразовывать, поскольку inputDate.value возвращает данные в формате «гггг-мм-дд», а мы собираемся сравнивать эти данные с данными в привычном нам формате, т.е. «дд.мм.гггг». Поэтому мы используем метод «replace» и регулярное выражение, где с помощью группировки инвертируем блоки и заменяем дефисы точками. Возможно, существует более универсальное или элегантное решение.
Далее работаем с заметками:
Функция удаления заметки из списка и хранилища выглядит так:
В нашем приложении отсутствует возможность удаления базы данных, но соответствующая функция могла бы выглядеть следующим образом:
Функция проверки напоминаний сравнивает текущую дату и даты напоминаний, введенные пользователем:
В завершение добавляем к объекту Window обработчик ошибок, которые не были обработаны в соответствующих блоках кода:
Разработка приложения-органайзера для студента
Рубрика: Информационные технологии
Дата публикации: 27.04.2021 2021-04-27
Статья просмотрена: 116 раз
Библиографическое описание:
Маркелов, К. Д. Разработка приложения-органайзера для студента / К. Д. Маркелов. — Текст : непосредственный // Молодой ученый. — 2021. — № 18 (360). — С. 35-39. — URL: https://moluch.ru/archive/360/80448/ (дата обращения: 28.12.2021).
В данной статье автор разрабатывает приложение, позволяющее увеличить эффективность использования времени студентом.
Ключевые слова: Android-приложение, органайзер, Java, мобильная разработка
В современном мире повышается количество информации, получаемой человеком, в том числе и бесполезной. Ускоряется темп жизни, различные сферы жизни требуют переработки огромного количества информации, которую очень трудно систематизировать и хранить. Особую актуальность это приобретает сейчас, когда учебный процесс по большей части ориентирован на использование различных форм дистанционного обучения.
Для того, чтобы дать студентам возможность сделать свою учебную деятельность удобнее и производительнее предлагается мобильное приложение-органайзер для студента. Данное приложение дает пользователю возможность:
— записывать текстовую информацию в заметки;
— добавлять и просматривать расписание учебных дисциплин, в том числе и повторяющихся за некоторый промежуток времени;
— добавлять и просматривать задание к каждой учебной дисциплине;
— добавлять и просматривать различные задания с указание дедлайна;
— создавать и просматривать список дней рождения знакомых людей;
— отмечать выполненные дела;
— просматривать невыполненные дела, дедлайн которых прошел.
Проект был написан для платформы Android на языке Java.
Начальный экран приложения — экран с заметками. На нем пользователь может просмотреть список всех текстовых заметок, отредактировать заметку, добавить новую заметку. Ниже предоставлены скриншоты экрана со списком заметок и экрана с добавлением/редактированием заметки (рис. 1).
Рис. 1. Экран со списком заметок и экран добавления заметки
Следующий экран — экран с расписанием учебных занятий. Дата выбирается в выпадающем списке. Для каждой пары учебной дисциплины отображается название, время и домашнее задание при его наличии. При нажатии на учебную дисциплину можно просмотреть полный текст домашнего задания к данному занятию и редактировать его. Также возможно добавить ещё одну пару учебной дисциплины. Ниже представлены экран просмотра расписания и экран добавления/редактирования информации о паре учебной дисциплины (рис. 2).
Рис. 2. Экран с расписанием и экран добавления пары учебной дисциплины в расписание
Аналогично выглядит экран со списком дел, но вместо времени начала его выполнения, указан дедлайн. Пользователь может выделить те задания, которые он выполнил. Задания с прошедшим дедлайном, которые не отметил пользователь, считаются просроченными. Ниже представлены экран со списком заданий и экран добавления/редактирования информации о задании (рис. 3).
Рис. 3. Экран со списком заданий и экран добавления задания
Далее представлено меню с дополнительными опциями (рис 4.):
Рис. 4. Меню дополнительных опций
Во вкладке «Дни рождения» можно настроить список дней рождения, о которых будут приходить уведомления. Во вкладке «Расписание» настраивается повторяющееся расписание занятий на определенный период времени. На первом экране можно выбрать дату, с которой начинает действовать расписание занятий и просмотреть список всех пар учебных дисциплин с указанием недель, на которых они проводятся. Далее можно добавить пару дисциплины: сначала выбирается название учебной дисциплины, день недели, время, а на следующем экране выбираются недели, в которые проводятся данные пары занятий. На рис. 5 представлены экраны настройки расписания.
Рис. 5. Экраны настройки расписания
В ходе данной работы было создано приложение-органайзер с минималистичным дизайном и необходимым функционалом для более удобного планирования своего времени и систематизации необходимой информации. Приложение поможет правильно организовать образовательный процесс и улучшит его качество.
1. Голощапов, Алексей Google Android. Программирование для мобильных устройств / Алексей Голощапов. — М.: БХВ-Петербург, 2012. — 448 c.
2. Дэрси, Л. Разработка приложений для Android-устройств. Т. 1: Базовые принципы / Л. Дэрси, Ш. Кондер. — М.: Лори, 2014. — 402 c.
Написать органайзер
Нужно сделать органайзер, в котором должны быть функции
* На каждый день календаря – вести список дел ранжированных по цвету (красный, желтый, зеленый), выводить их по времени дня; менять их порядок (drag-and-drop); переносить на другой день, копировать, удалять, связывать с другими заметками органайзера;
* Содержать функции экспорта и импорта списка дел.(Cделано)
Делал на С++ Builder’e, сказали переделать на C# Forms. Есть лабораторная универская моя, думаю переделать её, поможет кто дописать верхние функции?
Вложения
 | lab10.rar (101.7 Кб, 162 просмотров) |
Календарь(Органайзер)
Прошу помочь с простым календарём на днях которого можно будет создавать определённые события
Органайзер: сделать запись данных
Учу C# Windows Forms столкнулся с проблемой мне нужен органайзер в который можно вбивать события и.
Органайзер. Передать текст в другую форму
Ребят, я пытаюсь сделать какой-никакой органайзер в Windows Form. У меня есть кое-какие начала,но.
Органайзер
Хочу написать для себя удобный органайзер. Умею работать с sql server, но не хочу так делать. Ведь.
Написать органайзер на С++ за день с элементами ООП
Задание: «Органайзер». Организовать назначение событий на дату, время. Возможность просмотреть.
Хочу сделать небольшой органайзер. Не могу написать код
Пользуюсь программой Borland Delphi 7. Нужно написать код, чтобы строка со временем(DateTimePicker).
Органайзер. Создание мобильного приложения под андроид. Опыт
Хочу сразу предупредить, что некоторые вещи в статье, возможно, не совпадут с мнением остальных, поэтому не судите строго. Передам свой личный опыт.
Решил проводить разведку боем и написать органайзер + регистрацию трат денег.
Как оказалось, для того, что бы поместить приложение на iphone необходимо сделать один из следующих вариантов:
1) Официально зарегистрировать, перепаковать, и поместить в appstore. Сразу отказался от этого варианта. Слишком долгий квест.
2) Сделать джейл брейк айфона, затем внести изменения в приложение 1С:Заказы для того, что бы можно было подключить разработанную мной конфигурацию.
Решил использовать второй вариант. Все сделал по инструкции. Подключил базу. Вроде бы все хорошо, но экран Iphone от дальнейшей разработки для этого телефона.
В итоге понял, что лучшим вариантом станет покупка телефона на базе ANDROID, так как э муляторы android для windows меня не впечатлили, да и хотелось использовать конфигурацию в повседневной жизни.
Выбор пал на GALAXY NOTE 3 LTE. Мне понравилось то, что он имеет большой дисплей, скоростной процессор, возможность работы с пером. О всех преимуществах этого можно почитать в интернете 😉 Покупкой был доволен. После этого IPHONE отдал жене, потому как понял, что функционал важнее бренда. Ну это сугубо ИМХО.
Итак. Вернемся к истории.
И разработка теперь выглядит так : я «конфигурирую 1с» на компьютер, нажимаю кнопку «запустить мобильное приложение», 1С на телефоне перезапускается и обновляется. И ВУАЛЯ. Но конфигурация еще не разработана 
. Поэтому все по порядку.
Большое количество объектов метаданных были неактивные. Но я решил, во что бы то не стало, написать свое первое мобильное приложение используя те возможности, которые доступны. Забегая вперед хочу сказать, что это было ИСПЫТАНИЕ. Когда привыкаешь к определенному функционалу вырабатываешь определенную стратегию разработки, и при ограничениях чувствуешь себя. чувствуешь себя. механиком по ремонту автомобилей. у которого забрали молоток и набор головок. Остались ключи и кувалда. В принципе можно обойтись и этим, но засовывать рожковый ключ в технологическое отверстие не всегда удобно, а иногда и нецелесообразно.
Опять отвлекся)) Продолжим.
Приступим к созданию объектов.
Первым шагом было создание справочника «Органайзер». Проблемой для меня стало заполнение табличной части «Календарь», но все же нашел решение.
Главным разочарованием (на мой взгляд) стало то, что «разукрашивание» таблицы значений было возможно только средствами встроенных возможностей «Условное форматирование». Доступа к оформлению отдельных ячеек таблицы с помощью встроенного языка я так и не нашел, поэтому принял решение оформлять по максимуму тем, что имелось. Задал с десяток правил оформления.
Когда закончил с клаендарем и начал по индексам получать строки и значения ячеек очень удивился, что если перезаполнять таблицу значений, то индекс строки меняется, пока не закроешь форму полностью (т.е. 5 строк с датами имеем 0,1,2,3,4, после очистки таблицы строка которая должна быть с индексом 0 имеет индекс 5). Может быть я делал что-то не так, опыта в разработке управляемых форм не очень много, но вышел из ситуации созданием дополнительной формы с переключением периодов.
Думаю, что новичкам в управляемых формах, вроде меня 
, будет полезно посмотреть, или даже продолжить работу, оптимизировать работу под свой телефон.
К сожалению на других телефонах не тестировал менее производительным процессором и меньшим дисплеем, но это решается непосредственно в конфигурации.
PS: Только сильно не пинайте :))
29.12.2014
Добавил функционал к программе: TODO и расширенный TODO. Немного улучшен интерфейс.
Постепенно буду дорабатывать и увеличивать функционал.
Органайзер
Найти причины возникновения ошибок в программе «Органайзер» и исправить эти ошибки
Создано приложение органайзер, в нем должны быть записная книжка, калькулятор и календарь. При.
Органайзер(Календарь)
День добрый. Вот уже на протяжении пары недель нахожусь в поиске варинатов создания органайзера(или.
Электронный органайзер
Написать программу, реализующую электронный органайзер. Реализовать возможности добавления.
Органайзер на С++ с веб-интерфейсом
Доброго времени суток! Очень нужен совет в непростом деле разработки архитектуры.
Вложения
| BCB.rar (8.6 Кб, 50 просмотров) |
Вложения
| BCB.rar (10.8 Кб, 70 просмотров) |
Написать органайзер на С++ за день с элементами ООП
Задание: «Органайзер». Организовать назначение событий на дату, время. Возможность просмотреть.
Разработка приложения «Органайзер»
Дали курсовой проект. Нужно написать приложение «Органайзер» на вижуал студио.
Органайзер
Есть загвоздка с реализацией, так как нет познаний. Нужен органайзер с возможностью добавить.
Органайзер
Здравствуйте. Пишу свой органайзер, вроде всё нормально, но не знаю как организовать раздел.
Органайзер
Прошу прощения, если, так сказать «попутал темы». Я бы хотел сделать органайзер для своего.