Skip to content
This repository has been archived by the owner on Jun 13, 2023. It is now read-only.

Веб-версия #16

Closed
igoradamenko opened this issue Aug 11, 2017 · 26 comments
Closed

Веб-версия #16

igoradamenko opened this issue Aug 11, 2017 · 26 comments

Comments

@igoradamenko
Copy link

Привет!

Было бы круто, если бы можно было зайти на условный web-standards.ru/calend и попасть на веб-версию календаря с фильтром по городам. Потому что иметь разом все события в календаре не очень удобно, плюс, там не сразу видно город:

screen shot 2017-08-11 at 14 27 48

(можно изменить вид или просто кликнуть, но факт остаётся фактом)

Я верю, что найдётся какой-то клёвый чувак, который реализует что-то такое, чтобы всем было удобно и приятно! 🐨

По шагам всё выглядит примерно просто:

  1. Помимо генерации ics-файла генерировать json.
  2. Завести небольшой фронт, который тянет этот json и выводит список карточек с событиями.
  3. Прикрутить к этому простенькую библиотеку-фильтр по необходимым полям. Можно сразу и по названию, и по месту и пр. Чтобы можно было ввести «FrontTa» → и получить отфильтрованные результаты с FrontTalks; или «Моск» → и получить результаты с Москвой. (но такая гибкость, это уже фича, не стоит сразу на это ориентироваться и усложнять).
  4. Договориться с кем-нибудь (например, с @pepelsbey), как хостить всё это дело (gh-pages на первое время хватит).

Пулреквест подходит для новичков, потому что здесь не сильно важно, умеете ли вы в дизайн, в годную вёрстку или в красивый код — сообщество поможет вам, сделав ревью. Тем самым вы научитесь новому и поможете всем!

@pepelsbey
Copy link
Member

Сразу очень против gh-pages — они через раз заблокированы по IP, я лучше на флешке в датацентр буду носить, чем туда публиковать. Ну или мейком деплоить ;)

@igoradamenko
Copy link
Author

Ну, как деплоить, это уже дело десятое, думаю. Но про ситуацию с gh-pages я и не подумал, действительно :-)

@ymatuhin
Copy link

Если cloudflare поверх gh-pages это не поможет?

@pepelsbey
Copy link
Member

Нам предложили помочь сделать морду календаря на React, включая дизайн. Нам сейчас нужно сформулировать ТЗ и прикинуть как на основе этого репозитория можно такое поднять. Ну что, @Avol-V @Gurylev, @marinintim — есть идеи, что именно нам здесь нужно?

@Avol-V
Copy link
Collaborator

Avol-V commented Aug 19, 2017

В описании ишью довольно хороший базовый функционал. Но, думаю, в основе всё же должен быть календарь с фильтрацией (всё же это календарём сейчас и называется, да и общий обзор по событиям так удобнее), а дополнительно ещё дать просмотр результатов и в виде списка (т. е. и функция поиска, а не только фильтр, как написано в описании).
Генерацию JSON, понятно, добавить можно без проблем.

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

@fogrew
Copy link
Member

fogrew commented Aug 21, 2017

Меня, как юзера календарей, волнуют

  1. кнопочки добавления мероприятий в свои календари add to gcal
  2. красота :) было бы круто, чтоб это приложение умело брать картинку из мета-тега twitter:image со страницы мероприятия и подставлять её в качестве превью-картинки мероприятия. Пропорции - твиттеровские (1024х512 вроде?)

Пока это всё.
Морда календаря же в опенсорсе будет? (на всякий случай переживаю)

@fogrew
Copy link
Member

fogrew commented Aug 21, 2017

Ах да, самое важное забыл!
Было бы круто иметь визуальный интерфейс добавления нового мероприятия в этом приложении. Ну, т.е. не через гитхаб.
А ещё мультиязычность. Пока, думаю, только на русском и английском.

@magl88
Copy link

magl88 commented Aug 21, 2017

Страница Событий

  1. Список событий по дням
  2. Фильтр событий
  3. RRS подписка (если возможно по тегам, например подписка только на события с тегом JS)
  4. Почтовая подписка (если возможно по тегам, например подписка только на события с тегом JS)
  5. Просматривать прошедшие события

Фильтр

  1. Страны
  2. Города
  3. Даты - с возможностью диапазона дат (вдруг челок будет ехать в город на неделю и хочет узнать что будет на этой неделе)
  4. По тегам
  5. Платные / бесплатные / все
  6. Поиск по названию или по слову (но это совсем уже заморочка)

Событие

  1. Название
  2. Картинка
  3. Дата проведения
  4. Время начала и окончания
  5. Место проведения
  6. Стоимость
  7. Описание
  8. Теги (тематики)
  9. Кнопки поделиться в соц сетях или месенжерах (желательно как можно больше популярных)
  10. Кнопки добавить в свой календарь, например Google, iCal и Windows календарь, может ещё какой популярный.
  11. Блок Похожие События - например по тегам
  12. Возможность оставлять Коментарии, например disqus.

Можно ещё добавить поле язык проведения, так как вы хотите календарь делать глобальным. Что бы люди понимали на каком языке будет идти событие и в фильтр его тоже можно добавить.

Так же добавить Онлайн события
Дальше если вам интересна статистика, добавить какую-то авторизацию и выбор Пойду/Возможно поду/ Хотел бы пойти.

@magl88
Copy link

magl88 commented Aug 21, 2017

А если вы хотите сделать его ещё более глобальным и международным.
То вынести его на отдельный домен и сделать в виде небольшого сайта.
Сделать мультиязычность + вставить виджет перевода от гугл.
Сделать его адаптивным для мобильных.
По находить другие похожие сайты и парсить с них события.
Сделать возможность что бы люди сами добавляли события.
Сделать раздел в котором продумать как связывать события и поиск докладчиков. Типа кто-то хочет организовать событие и размещает у вас приглашение докладчиков.

Дальше можно добавить ещё раздел агрегаторс подкастами/ видео/ аудио.
Правда не знаю как можно будет настроить такой парсер.
Но смысл такой что в парсер добавляете каналы подкастов (название, описание, ссылки какие у них есть)
И дальше когда там размещают новый подкаст он выводится на сайте.
Сделать Подписки на уведомления, поделиться, сортировки по тегам (категориям)
Так же что бы оно было разбито по языкам
Но надо учесть может как-то цензуру, то вдруг вместо подкаста разместят эротику.

Или может проще просто сделать раздел с списком каналов, и всеми ссылками на их источники.
Дать возможность добавлять добавлять в этот список.
И будет такой себе агрегатор источников на которых можно: посмотреть, послушать, почитать.
С сортировкой по языку, темам (направлениям)
Например, ищет человек что послушать и сортирует себе в фильтре (Аудио, Подкасты, Fron-end, Русский) Или ищет обучающие источники (Обучение, Русский)
Ну думаю в общем смысл понятен.

@timmarinin
Copy link

Хотел бы чтобы вы сделали игру, 3д-экшон, суть такова...


Идеи у меня, конечно, есть, но я в ближайшие пару недель хочу всё-таки ту секретную штуку поделать, так что может, потом, подключусь.

@pepelsbey
Copy link
Member

Смотрите, мне кажется вы немного не так поняли суть затеи. Мы не пытаемся запустить сервис Айти-Событие.рф, мы пытаемся дать витрину по фронтенд-событиям для русскоязычного сообщества. Нормальная такая подъёмная задача, которая не требует баз данных, маркетинга и подъёма инвестиций. От сообщества — сообществу.

Моё видение:

  • Точно без картинок и всяких свистелок, помимо того, что есть непосредственно в YML.
  • Точно без кнопок добавления события через формы, нам не нужен спам.
  • Точно без авторизации, хранения данных и всего такого сложного.

По сути, морда календаря — это красивый интерфейс к списку текстовых файлов в формате YAML. Интерфейс добавления — пулреквест. Выборка по умолчанию — все события, а дальше можно фильтровать по странам, городам, годам, темам и платности.

Из этого вытекает необходимость дополнительных полей:

  • Платность: либо да-нет, либо цена или вилка цен с символом валюты
  • Темы: я вижу это как список тегов-технологий, вроде css, js, react, a11y, bem

Какие ещё дополнительные поля?

@RoTerentev
Copy link

Всем привет!
В общем начинал делать веб-интерфейс для себя, потом услышал что есть единомышленники, нуждающиеся в веб версии.

Текущее состояние https://github.com/RoTerentev/ws_calendar_demo и морда

Сейчас конечно только черновик верстки (и то дезигн на любителя) ).

Но идеи были следующие:

  • данные получать путем парсинга самого .ics файла, но эт не практично в будущем, при более структурированном размещении файлов отформатированных событий было бы удобней (к примеру ics файлы или папки по месяцам)
  • на самом календаре только названия (на мобильном сейчас просто точки показывающие что события есть)
  • по нажатию на день отображается развернутый список событий, элементами которого являются карточки событий в которых можно отобразить что угодно
  • добавление событий происходит путем формирования текста для пулл реквеста, и думал просто открывать github и заполнять необходимые поля, чтоб осталось только нажать pull (но эт только наброски, не углублялся)

Как то так.
Хочу поучаствовать в общем проекте!

@Manviel
Copy link

Manviel commented Jan 9, 2018

@RoTerentev по ссылкам ничего нет (404). Понимаю что нужно максимально просто, но сервис тоже неплохая идея https://www.youtube.com/playlist?list=PL55RiY5tL51qxUbODJG9cgrsVd7ZHbPrt

@dshved
Copy link

dshved commented Jan 22, 2018

Черновой вариант: http://frontendcalendar.tk/
Данные берутся напрямую из репозитория.

@pepelsbey
Copy link
Member

@dshved, не хотите сделать этот интерфейс официальным? Как мы сейчас делаем для подкаста. Сделали бы частью репозитория и публиковали бы при сборке на web-standards.ru/calendar.

@dshved
Copy link

dshved commented Jan 22, 2018

@pepelsbey было бы неплохо. Нужно только немного стили подправить.

@ymatuhin
Copy link

@dshved будет круто если выбранная страна будет запоминаться в url, чтобы можно было поделиться ссылкой с событиями по России

@pepelsbey
Copy link
Member

@dshved тогда сделайте какой-то базовый пулреквест, а там уже обсудим как именно это можно будет впилить в структуру репозитория и доведём. Я бы, скажем, сделал папку app, положит бы туда всё и собирал бы в статику каким-нибудь npm-скриптом или вроде того. Но вы смотрите как там удобнее начать.

@Avol-V
Copy link
Collaborator

Avol-V commented Jan 23, 2018

@pepelsbey точно ли приложение должно быть вместе с данными календаря? Я так понимаю, что для него не требуется ни чего пересоздавать при изменении данных. Не будет ли это дополнительным грузом для людей, которым нужно только добавить событие в календарь?

@dshved
Copy link

dshved commented Jan 23, 2018

можно к примеру сделать репозиторий calendar-web и положить его туда, будут как два не зависимых друг от друга

@pepelsbey
Copy link
Member

Согласен, отдельный репозиторий имеет смысл. Создам, приглашу с доступом :)

@pepelsbey
Copy link
Member

Позвал @dshved и @Avol-V контрибьюторами в calendar-app.

@dshved
Copy link

dshved commented Jan 24, 2018

@pepelsbey не удается запушить в репозиторий. или нужно PR делать?

@dshved
Copy link

dshved commented Jan 24, 2018

Все норм

@PFight
Copy link
Contributor

PFight commented Apr 17, 2018

Сделал пул-реквест с доработанным интерфейсом и отображением выбранной страны/города в URL. Посмотреть можно здесь.

@pepelsbey
Copy link
Member

Идут работы в рамках new, эту прикрываю.

Новый сайт Веб-стандартов automation moved this from Info to Done Jan 24, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
No open projects
Development

No branches or pull requests