сэсэн | веб-приложение для изучения бурятского языка
59 subscribers
17 photos
14 videos
6 links
Download Telegram
сегодня спроектировал форму создания урока, страницу с содержанием урока и ещё перешел с SQLite на 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 – это набор правил, с помощью которых разные приложения могут "общаться" друг с другом.
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. она позволяет менять очередность уроков курса, как это показано на видео.

курс – это совокупность уроков
урок – это страница с обучающим контентом
👍3🥰2
решил устроить себе ретрит в Татарстане. пока там был, не притронулся к коду, но зато чуть не умер от количества съеденного чак-чака.

однако все же что-то успел: дал потрогать приложение своим друзьям, чтобы они попробовали его сломать, и… у них это получилось 🫠 благодаря этому краш-тесту нашлись некоторые баги. в целом, поправить их было несложно.

сейчас уже в Москве. пока что добавил только автотесты и также написал новые модели 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 теперь над всеми курсами и уроками висят плашки «не начат», «начат» и «пройден», что дает понять статус курса явно
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-документ) практически для каждой операции.

короче, дело муторное, поэтому отнимает много времени. но на выходе должно получиться что-то интересное.

сегодня обойдемся без скриншотов с веб-приложения 😬
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 теперь система комментариев работает исправно (то есть можно отвечать на комментарии других людей, и это будет видно в интерфейсе). осталось только добавить возможность удаления комментария, а также фильтрацию (вдруг пользователь хочет написать неприличные слова 😱)
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 - это защищенный протокол: передаваемые данные шифруются, чтобы злоумышленники не понимали, какая информация хранится в пакете
4🔥1
мэндээ!

выпуск веб-приложения запланирован на 20-е июня.

до этой даты будут пофикшены баги и добавлен новый функционал. например, во время бета-тестирования было выявлено, что зарегистрировать аккаунт с помощью gmail-почты не получается и появляется ошибка, показанная на картинке. причина, по которой она выходит, известна, но решение ещё предстоит найти.

таким образом, к дате выпуска веб-приложение будет более качественным, чем сейчас.

всем хорошего начала лета!
5🔥3
сэсэн | веб-приложение для изучения бурятского языка
мэндээ! выпуск веб-приложения запланирован на 20-е июня. до этой даты будут пофикшены баги и добавлен новый функционал. например, во время бета-тестирования было выявлено, что зарегистрировать аккаунт с помощью gmail-почты не получается и появляется ошибка…
сегодня 10-е число – последний день доступа к платформе для бета-тестеров.

ошибки в работе уже были найдены. и их предстоит починить до 20-го июня.

также, кроме починки, будут обновлены некоторые моменты. например, при создании теста эксперт сможет выбрать, можно ли будет посмотреть результат поле прохождения или нет.

в общем, к 20-му числу должен выйти более качественный продукт.
🔥7
сайн байна!

готов поделиться с вами ссылкой на сайт

однако перед этим хочу предупредить, что сейчас есть перебои работы серверов сервиса, услугами которого я воспользовался (причина описана на картинке), в связи с чем войти на сайт удастся не каждому

🤡 чтобы обойти ограничение, можно использовать всеми известный инструмент, с помощью которого заходят, например, в instagram* или facebook*

собственно, ссылка:

https://sesen.su

продукт, конечно, можно считать все еще сырым. улучшать его можно бесконечно, поэтому…

⚠️ если заметите ошибку в работе, пожалуйста, сообщите в комментариях под этим постом

🗣️ если у вас есть предложения для улучшения работы или добавления новых фишек, также пишите в комментариях под этим постом

📚 можете также написать, какие курсы вам хотелось бы видеть на сайте

👨‍🏫 а если тут есть преподаватели и реальные знатоки бурятского языка, то я готов с вами обсудить сотрудничество (на сайте есть возможность определенным пользователям создавать свои курсы)

в общем, уважаемые подписчики и будущие пользователи сайта, я буду стараться в силу своих возможностей и свободного времени откликаться на ваши заявки и предложения

*признаны экстремистскими организациями и запрещены на территории РФ.
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥1