сегодня спроектировал форму создания урока, страницу с содержанием урока и ещё перешел с SQLite на PostgreSQL. это было тяжко 🫠
наверное, может возникнуть вопрос, мол «а почему создавать форму было тяжко? это ведь практически то же самое, что и форма создания курса. взял бы да и скопировал».
а я отвечу: «а вы знаете про wysiwyg?» и тут, чтоб вас не смущать, я отвечу сразу на свой же вопрос: «это принцип “what you see is what you get”, который означает следующее: что вы вводите в текстовом поле, то и будет видно по итогу на странице урока».
один из редакторов, который предоставляет данную возможность, – это django-ckeditor, который включает в себя инструменты редактирования текста (например, изменение размера шрифта, его наклона и др.). вы можете видеть на второй картинке поле ввода текста и как раз-таки инструменты для его редактирования.
ну и пару слов об SQLite и PostgreSQL. наверняка, вы знаете, что такое база данных. да, это просто хранилище данных. но ведь необходимо этим хранилищем оперировать, чтобы брать определенные данные, вставлять новые, обновлять или удалять старые. для этого существуют СУБД – системы управления базами данных, которыми как раз и являются SQLite и PostgreSQL. короче говоря, переход с одного на другое в будущем принесет свои плоды за счет лучшей функциональности PostgreSQL.
наверное, может возникнуть вопрос, мол «а почему создавать форму было тяжко? это ведь практически то же самое, что и форма создания курса. взял бы да и скопировал».
а я отвечу: «а вы знаете про wysiwyg?» и тут, чтоб вас не смущать, я отвечу сразу на свой же вопрос: «это принцип “what you see is what you get”, который означает следующее: что вы вводите в текстовом поле, то и будет видно по итогу на странице урока».
один из редакторов, который предоставляет данную возможность, – это django-ckeditor, который включает в себя инструменты редактирования текста (например, изменение размера шрифта, его наклона и др.). вы можете видеть на второй картинке поле ввода текста и как раз-таки инструменты для его редактирования.
ну и пару слов об SQLite и PostgreSQL. наверняка, вы знаете, что такое база данных. да, это просто хранилище данных. но ведь необходимо этим хранилищем оперировать, чтобы брать определенные данные, вставлять новые, обновлять или удалять старые. для этого существуют СУБД – системы управления базами данных, которыми как раз и являются SQLite и PostgreSQL. короче говоря, переход с одного на другое в будущем принесет свои плоды за счет лучшей функциональности PostgreSQL.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7
Media is too big
VIEW IN TELEGRAM
добавлен словарь!!
для реализации словаря был использован бесплатный API* burlang.
словарь может переводить слова в обе стороны: с бурятского на русский и с русского на бурятский. также при выборе первого направления появляются кнопки с бурятскими буквами.
функционал и дизайн показаны на видео.
p.s. из-за добавленного слова "словарь" в меню сверху в мобильной версии это меню ломается🔪 поэтому следующий этап – реализовать бургер-меню.
API – application programming interface – это набор правил, с помощью которых разные приложения могут "общаться" друг с другом.
для реализации словаря был использован бесплатный API* burlang.
словарь может переводить слова в обе стороны: с бурятского на русский и с русского на бурятский. также при выборе первого направления появляются кнопки с бурятскими буквами.
функционал и дизайн показаны на видео.
p.s. из-за добавленного слова "словарь" в меню сверху в мобильной версии это меню ломается
API – application programming interface – это набор правил, с помощью которых разные приложения могут "общаться" друг с другом.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
сэсэн | веб-приложение для изучения бурятского языка
добавлен словарь!! для реализации словаря был использован бесплатный API* burlang. словарь может переводить слова в обе стороны: с бурятского на русский и с русского на бурятский. также при выборе первого направления появляются кнопки с бурятскими буквами.…
This media is not supported in your browser
VIEW IN TELEGRAM
в предыдущем посте в p.s. написал про возникшую проблему из-за большого количества кнопок в верхнем меню 🤷♂️ они просто скамкывались и образовывали кашу, когда ширина экрана уменьшалась.
в связи с этим было принято решение реализовать бургер меню. по функционалу оно никак не уступает тому, которое видно на широких экранах🎩 это значит, что на мобильных версиях сайт теперь более дружелюбный.
в связи с этим было принято решение реализовать бургер меню. по функционалу оно никак не уступает тому, которое видно на широких экранах
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
работаю над студией экспертов*. дело муторное, конечно, но при этом намного сильнее облегчает пользовательский опыт.
страница в нынешнем виде показана на видео.
также, чтобы перейти на эту страницу, в меню была добавлена кнопка «студия», которая видна только пользователям с ролью «эксперт».
эксперт – одна из ролей пользователей веб-приложения «сэсэн». характеризуется правом создавать свои курсы и тесты. новым пользователям по умолчанию выдается роль «студент».
страница в нынешнем виде показана на видео.
также, чтобы перейти на эту страницу, в меню была добавлена кнопка «студия», которая видна только пользователям с ролью «эксперт».
эксперт – одна из ролей пользователей веб-приложения «сэсэн». характеризуется правом создавать свои курсы и тесты. новым пользователям по умолчанию выдается роль «студент».
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
сегодня допиливал студию эксперта.
во-первых, теперь курсы* и уроки* можно публиковать и добавлять в черновик. при этом нельзя публиковать курс, внутри которого нет ни одного урока, у которого есть статус «опубликован».
во-вторых, также сделал страницу с уроками курса и реализовал на этой странице механику drag-and-drop. она позволяет менять очередность уроков курса, как это показано на видео.
курс – это совокупность уроков
урок – это страница с обучающим контентом
во-первых, теперь курсы* и уроки* можно публиковать и добавлять в черновик. при этом нельзя публиковать курс, внутри которого нет ни одного урока, у которого есть статус «опубликован».
во-вторых, также сделал страницу с уроками курса и реализовал на этой странице механику drag-and-drop. она позволяет менять очередность уроков курса, как это показано на видео.
курс – это совокупность уроков
урок – это страница с обучающим контентом
👍3🥰2
решил устроить себе ретрит в Татарстане. пока там был, не притронулся к коду, но зато чуть не умер от количества съеденного чак-чака.
однако все же что-то успел: дал потрогать приложение своим друзьям, чтобы они попробовали его сломать, и… у них это получилось🫠 благодаря этому краш-тесту нашлись некоторые баги. в целом, поправить их было несложно.
сейчас уже в Москве. пока что добавил только автотесты и также написал новые модели CourseProgress и LessonProgress. благодаря им которым в профиле пользователя будет видна статистика по прохождению курсов😎
однако все же что-то успел: дал потрогать приложение своим друзьям, чтобы они попробовали его сломать, и… у них это получилось
сейчас уже в Москве. пока что добавил только автотесты и также написал новые модели CourseProgress и LessonProgress. благодаря им которым в профиле пользователя будет видна статистика по прохождению курсов
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
This media is not supported in your browser
VIEW IN TELEGRAM
итак, всем привет!
теперь профиль пользователя имеет адекватный вид, который обновляется в зависимости от активности! да, нужно ещё немного подпилить, но в целом для более менее комфортного использования хватит. чтобы понять, о чем я говорю, предлагаю посмотреть видео.
ну а текстом расскажу, что же было сделано:
1 теперь в профиле отображается количество пройденных уроков за все время
2 также настроена «ударная серия» (да, прямо как в дуолинго, но без заморозки😈 ). нужно только подпилить, чтобы были разные вариации слова «день» в зависимости от числа: 1 день, 2-4 дня, 5-20 дней, 21 день и так далее, в общем
3 в профиле отображается прогресс по пройденным урокам в курсах. в будущем также добавлю следующие кнопки:
– кнопка, чтобы перейти к курсу прямо из профиля;
– кнопка сброса прогресса.
4 теперь над всеми курсами и уроками висят плашки «не начат», «начат» и «пройден», что дает понять статус курса явно
теперь профиль пользователя имеет адекватный вид, который обновляется в зависимости от активности! да, нужно ещё немного подпилить, но в целом для более менее комфортного использования хватит. чтобы понять, о чем я говорю, предлагаю посмотреть видео.
ну а текстом расскажу, что же было сделано:
1 теперь в профиле отображается количество пройденных уроков за все время
2 также настроена «ударная серия» (да, прямо как в дуолинго, но без заморозки
3 в профиле отображается прогресс по пройденным урокам в курсах. в будущем также добавлю следующие кнопки:
– кнопка, чтобы перейти к курсу прямо из профиля;
– кнопка сброса прогресса.
4 теперь над всеми курсами и уроками висят плашки «не начат», «начат» и «пройден», что дает понять статус курса явно
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
добавляю на сайт систему проверки знаний 🤓 пока что только так.
еще не работает, как надо, но совсем скоро начнет!
еще не работает, как надо, но совсем скоро начнет!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
сэсэн | веб-приложение для изучения бурятского языка
добавляю на сайт систему проверки знаний 🤓 пока что только так. еще не работает, как надо, но совсем скоро начнет!
идёт продолжение работы по этой части 😩
расскажу про CRUD. это аббревиатура, которая расшифровывается так:
C – create (создать);
R – read (прочитать/просмотреть);
U – update (обновить/изменить);
D – delete (удалить).
эти операции необходимо реализовать для каждой модели. например, есть сущность «Quiz». и у пользователя с ролью «эксперт» должна быть возможность создать, просмотреть, изменить и удалить Quiz.
к чему эта информация? так вот, для реализации системы проверки знаний было создано 4 сущности: Quiz, Question, Answer, QuizProgress. для каждой сущности необходимо прописать операции CRUD во вьюхах (views.py) и формы (forms.py). а далее необходимо создать шаблоны (html-документ) практически для каждой операции.
короче, дело муторное, поэтому отнимает много времени. но на выходе должно получиться что-то интересное.
сегодня обойдемся без скриншотов с веб-приложения😬
расскажу про CRUD. это аббревиатура, которая расшифровывается так:
C – create (создать);
R – read (прочитать/просмотреть);
U – update (обновить/изменить);
D – delete (удалить).
эти операции необходимо реализовать для каждой модели. например, есть сущность «Quiz». и у пользователя с ролью «эксперт» должна быть возможность создать, просмотреть, изменить и удалить Quiz.
к чему эта информация? так вот, для реализации системы проверки знаний было создано 4 сущности: Quiz, Question, Answer, QuizProgress. для каждой сущности необходимо прописать операции CRUD во вьюхах (views.py) и формы (forms.py). а далее необходимо создать шаблоны (html-документ) практически для каждой операции.
короче, дело муторное, поэтому отнимает много времени. но на выходе должно получиться что-то интересное.
сегодня обойдемся без скриншотов с веб-приложения
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
сэсэн | веб-приложение для изучения бурятского языка
идёт продолжение работы по этой части 😩 расскажу про CRUD. это аббревиатура, которая расшифровывается так: C – create (создать); R – read (прочитать/просмотреть); U – update (обновить/изменить); D – delete (удалить). эти операции необходимо реализовать…
This media is not supported in your browser
VIEW IN TELEGRAM
итак, система проверки знаний полностью функционирует, но о ней подробнее расскажу в следующих постах.
а сейчас хочу поделиться обновлением страницы урока. теперь она не просто статичная, а даже отзывчивая: можно ставить и убирать лайк, а также писать комментарии под урокам. правда, систему комментариев надо добивать: реализовать удаление своих комментариев, сделать кнопку «Ответить» рабочей (да, кнопка есть, но она не работает). в видео я это показал.
и еще! если к уроку эксперт добавил тест, то чтобы данный урок отметился пройденным, необходимо будет пройти составленный тест! как это происходит, можно также посмотреть на видео.
а сейчас хочу поделиться обновлением страницы урока. теперь она не просто статичная, а даже отзывчивая: можно ставить и убирать лайк, а также писать комментарии под урокам. правда, систему комментариев надо добивать: реализовать удаление своих комментариев, сделать кнопку «Ответить» рабочей (да, кнопка есть, но она не работает). в видео я это показал.
и еще! если к уроку эксперт добавил тест, то чтобы данный урок отметился пройденным, необходимо будет пройти составленный тест! как это происходит, можно также посмотреть на видео.
👍1
из последних обновлений:
1 начал добавлять перевод интерфейса на английский язык
2 теперь система комментариев работает исправно (то есть можно отвечать на комментарии других людей, и это будет видно в интерфейсе). осталось только добавить возможность удаления комментария, а также фильтрацию (вдруг пользователь хочет написать неприличные слова😱 )
1 начал добавлять перевод интерфейса на английский язык
2 теперь система комментариев работает исправно (то есть можно отвечать на комментарии других людей, и это будет видно в интерфейсе). осталось только добавить возможность удаления комментария, а также фильтрацию (вдруг пользователь хочет написать неприличные слова
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2
MVP приложения достигнуто на 98%. остальные 2% – это добивка тестами и окончательная проверка функционала. также проект был загружен на гитхаб.
также из интересного. взял эту же тему («веб-приложение для изучения бурятского языка») и выступил с ней на конференции в рамках «студенческой научной весны» МГТУ им. Баумана. надеюсь, тезисы примут к публикации🙏
и также с недавнего времени по учебе начался процесс сдачи зачетов и экзаменов ☠️ так что приоритеты сменились, и разработка на некоторое время была поставлена на паузу.
постараюсь в скором времени (надеюсь, хотя бы до конца мая) выйти снова на связь. всем хороших выходных!
также из интересного. взял эту же тему («веб-приложение для изучения бурятского языка») и выступил с ней на конференции в рамках «студенческой научной весны» МГТУ им. Баумана. надеюсь, тезисы примут к публикации
и также с недавнего времени по учебе начался процесс сдачи зачетов и экзаменов ☠️ так что приоритеты сменились, и разработка на некоторое время была поставлена на паузу.
постараюсь в скором времени (надеюсь, хотя бы до конца мая) выйти снова на связь. всем хороших выходных!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥1
сегодня по диплому прошел нормоконтроль! диплом без 5 минут сдан. но пока что не расслабляемся.
прилив свободного времени открывает окно возможностей для продолжения работы над проектом. в этот раз затронул юридический вопрос, который покрывает минимум для веб-приложения: политика конфиденциальности и пользовательское соглашение.
во-первых, прописал их (не без помощи искусственно-интеллектуального друга). во-вторых, создал странички, чтобы можно было ознакомиться с текстом документов, например, при регистрации аккаунта.
ну и еще маленький момент: добавлена возможность мягкого удаления комментария. то есть при нажатии кнопки комментарий помечается удаленными и отображается как "Комментарий удален", но в базе данных хранится информация о том, что было написано в удаленном комментарии.
прилив свободного времени открывает окно возможностей для продолжения работы над проектом. в этот раз затронул юридический вопрос, который покрывает минимум для веб-приложения: политика конфиденциальности и пользовательское соглашение.
во-первых, прописал их (не без помощи искусственно-интеллектуального друга). во-вторых, создал странички, чтобы можно было ознакомиться с текстом документов, например, при регистрации аккаунта.
ну и еще маленький момент: добавлена возможность мягкого удаления комментария. то есть при нажатии кнопки комментарий помечается удаленными и отображается как "Комментарий удален", но в базе данных хранится информация о том, что было написано в удаленном комментарии.
🔥7
сайнууд!
из текущих новостей:
1 были приобретены домен и сервер
теперь к сайту можно подключиться с любого браузера, конечно, при наличии интернет-подключения. однако доступ к сайту будет открыт позже, после бета-тестирования (см. п. 3)
2 настроена механика "забыл пароль" и "подтверждение почты"
при регистрации на сайте необходимо вводить корректную электронную почту, чтобы туда пришло письмо с ссылкой для подтверждения регистрации. это необходимо, чтобы в будущем, если вы забудете пароль, могли его восстановить через свою почту
3 приложение находится на этапе бета-тестирования
небольшая группа людей в данный момент пользуется веб-приложением, пытается найти баги, ошибки, некорректности. это улучшит работоспособность веб-приложения в будущем
4 доступ к сайту осуществляется по протоколу https
был выпущен ssl-сертификат от организации let's encrypt. https - это защищенный протокол: передаваемые данные шифруются, чтобы злоумышленники не понимали, какая информация хранится в пакете
из текущих новостей:
1 были приобретены домен и сервер
теперь к сайту можно подключиться с любого браузера, конечно, при наличии интернет-подключения. однако доступ к сайту будет открыт позже, после бета-тестирования (см. п. 3)
2 настроена механика "забыл пароль" и "подтверждение почты"
при регистрации на сайте необходимо вводить корректную электронную почту, чтобы туда пришло письмо с ссылкой для подтверждения регистрации. это необходимо, чтобы в будущем, если вы забудете пароль, могли его восстановить через свою почту
3 приложение находится на этапе бета-тестирования
небольшая группа людей в данный момент пользуется веб-приложением, пытается найти баги, ошибки, некорректности. это улучшит работоспособность веб-приложения в будущем
4 доступ к сайту осуществляется по протоколу https
был выпущен ssl-сертификат от организации let's encrypt. https - это защищенный протокол: передаваемые данные шифруются, чтобы злоумышленники не понимали, какая информация хранится в пакете
❤4🔥1
мэндээ!
выпуск веб-приложения запланирован на 20-е июня.
до этой даты будут пофикшены баги и добавлен новый функционал. например, во время бета-тестирования было выявлено, что зарегистрировать аккаунт с помощью gmail-почты не получается и появляется ошибка, показанная на картинке. причина, по которой она выходит, известна, но решение ещё предстоит найти.
таким образом, к дате выпуска веб-приложение будет более качественным, чем сейчас.
всем хорошего начала лета!
выпуск веб-приложения запланирован на 20-е июня.
до этой даты будут пофикшены баги и добавлен новый функционал. например, во время бета-тестирования было выявлено, что зарегистрировать аккаунт с помощью gmail-почты не получается и появляется ошибка, показанная на картинке. причина, по которой она выходит, известна, но решение ещё предстоит найти.
таким образом, к дате выпуска веб-приложение будет более качественным, чем сейчас.
всем хорошего начала лета!
❤5🔥3
сэсэн | веб-приложение для изучения бурятского языка
мэндээ! выпуск веб-приложения запланирован на 20-е июня. до этой даты будут пофикшены баги и добавлен новый функционал. например, во время бета-тестирования было выявлено, что зарегистрировать аккаунт с помощью gmail-почты не получается и появляется ошибка…
сегодня 10-е число – последний день доступа к платформе для бета-тестеров.
ошибки в работе уже были найдены. и их предстоит починить до 20-го июня.
также, кроме починки, будут обновлены некоторые моменты. например, при создании теста эксперт сможет выбрать, можно ли будет посмотреть результат поле прохождения или нет.
в общем, к 20-му числу должен выйти более качественный продукт.
ошибки в работе уже были найдены. и их предстоит починить до 20-го июня.
также, кроме починки, будут обновлены некоторые моменты. например, при создании теста эксперт сможет выбрать, можно ли будет посмотреть результат поле прохождения или нет.
в общем, к 20-му числу должен выйти более качественный продукт.
🔥7
сайн байна!
готов поделиться с вами ссылкой на сайт
однако перед этим хочу предупредить, что сейчас есть перебои работы серверов сервиса, услугами которого я воспользовался (причина описана на картинке), в связи с чем войти на сайт удастся не каждому
🤡 чтобы обойти ограничение, можно использовать всеми известный инструмент, с помощью которого заходят, например, в instagram* или facebook*
собственно, ссылка:
https://sesen.su
продукт, конечно, можно считать все еще сырым. улучшать его можно бесконечно, поэтому…
⚠️ если заметите ошибку в работе, пожалуйста, сообщите в комментариях под этим постом
🗣️ если у вас есть предложения для улучшения работы или добавления новых фишек, также пишите в комментариях под этим постом
📚 можете также написать, какие курсы вам хотелось бы видеть на сайте
👨🏫 а если тут есть преподаватели и реальные знатоки бурятского языка, то я готов с вами обсудить сотрудничество (на сайте есть возможность определенным пользователям создавать свои курсы)
в общем, уважаемые подписчики и будущие пользователи сайта, я буду стараться в силу своих возможностей и свободного времени откликаться на ваши заявки и предложения
*признаны экстремистскими организациями и запрещены на территории РФ.
готов поделиться с вами ссылкой на сайт
однако перед этим хочу предупредить, что сейчас есть перебои работы серверов сервиса, услугами которого я воспользовался (причина описана на картинке), в связи с чем войти на сайт удастся не каждому
собственно, ссылка:
https://sesen.su
продукт, конечно, можно считать все еще сырым. улучшать его можно бесконечно, поэтому…
в общем, уважаемые подписчики и будущие пользователи сайта, я буду стараться в силу своих возможностей и свободного времени откликаться на ваши заявки и предложения
*признаны экстремистскими организациями и запрещены на территории РФ.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🔥1