.NET Fest: полная программа конференции на сайте. Присоединяйся к самому большому .NET ивенту
×Закрыть

DOU Проектор: Колибезвіз.укр — сайт про прогрес отримання безвізу з країнами Шенгену

В рубриці DOU Проектор всі бажаючі можуть презентувати свій продукт (як стартап, так і ламповий pet-проект). Якщо вам є про що розповісти — запрошуємо прийняти участь. Якщо ні — можливо, серія надихне на створення власного made in Ukraine продукту. Питання і заявки на участь надсилайте на editors@dou.ua.

Ідея

Привіт, мене звати Михайло. В ІТ я вже 13 років і встиг пройти шлях від учителя інформатики в ЗОШ м. Чернівці до розробника в команді, що пише клієнтську частину Digital Analytix Enterprise. Це один з кращих продуктів для веб-аналітики, який, до речі, нещодавно був придбаний Adobe у мого поточного працедавця comScore.

Останні 6 років я мешкаю в Амстердамі, але продовжую відчувати зв’язок з Україною, слідкувати за її політичною сценою. У грудні 2013 був учасником подій на Євромайдані. Після перемоги демократичних сил і перших років «життя по-новому» я помітив одну неприємну рису нової влади — проблему з поясненням простим громадянам своїх в цілому вірних рішень. Через це «перемога» миттєво перетворюється на «зраду», а популісти, які «за все хороше, проти всього поганого», набирають очки, в той час як країні потрібно продовжувати болісні, але необхідні реформи.

На мою думку, однією з причин такої поширеності «зради» є огульна критика, яка сходить на будь-якому ґрунті, в той час як розумні аргументи можуть зрозуміти лише люди, які «володіють темою». І тут нам на допомогу приходить візуалізація даних за допомогою інфографіки, що значно спрощує розуміння складної для неспеціаліста інформації.

Один з таких складних для розуміння процесів — внесення України до списку країн, громадяни яких можуть подорожувати до країн-підписантів Шенгенської угоди без віз. Хоча цей процес відбувається в Брюсселі, далеко від Банкової і «будинку під куполом», але очільники всіх гілок влади України вже встигли «підписатися» під цим (при цьому жодним чином не пояснивши, як саме і коли саме це відбудеться), обмежившись лише обіцянками, що «незабаром, наприкінці наступного місяця, посеред літа» і т.д. Такий байдужий підхід влади, помножений на елементарну безграмотність українських журналістів, призвів до появи в масовій свідомості хибного уявлення, що «безвіз нам ніколи не дадуть», «кому ми там потрібні», «балакають про це вже десять років, а результату — жодного». Мені часто доводилось зустрічати таку думку на обивательських форумах і в приватних бесідах за келихом чаю.

Початкова ідея, що виникла в результаті таких розмов — показати, що безвізовий процес, який Україна зараз проходить паралельно з Грузією і Косово, за строками не є довшим від аналогічних процедур для країн західних Балкан і Молдови, які отримали безвіз раніше. Так і народився сайт «Коли без віз?»

Реалізація

Де взяти дані? Звісно ж, на сайті Європарламенту. Плюси європейської бюрократії в тому, що в них «всі ходи записані» Це посилання на закон ЄС, який ділить всі країни світу на два списки — візовий та безвізовий. Щоб перенести якусь з країн з одного списку в інший, потрібно прийняти зміни до закону. Всі етапи цього процесу, разом з датами і супутніми документами, доступні на europarl.europa.eu.

Все, що мені потрібно було зробити, це віднайти ці дати, записати їх в JSON і після незначного форматування згодувати бібліотечці Highcharts. Мабуть, важко знайти фронт-енд розробника, який ніколи би не чув про цю чудову бібліотеку для побудови графіків на будь-який смак. У них на сайті є багато прикладів з прямими посиланнями на JSFiddle, що значно спрощуює процес «підгонки» цих прикладів під конкретні потреби. Ми на comScore використовуємо Highcharts (а також d3) для візуалізації даних, тому це не зайняло в мене багато часу. Ще одна перевага JS перед статичною графікою — це інтерактивність та масштабованість, що дуже важливо для розуміння інформації. Корисно для тих, хто не дружить з усім, що об’єднується під словом дизайн.

Отже, порівняльний графік проходження безвізових процедур в нас є, тепер його треба кудись вставити. Я вирішив не винаходити велосипед (правда нетипово для фронт-ендщика, вам не здається?) і взяти вже готове рішення — Bootstrap. Переваги важко переоцінити — в першу чергу це кросплатформенність: на всіх європейських конференціях, куди мені вдалось потрапити, спікери підкреслювали важливість «mobile first» підходу.

Друга перевага Bootstrap — це те, що під нього вже написано дуже багато шаблонів — бери і використовуй. Для мене це було так само важливо, тому що певні дизайнерські рішення, як-от підбір кольорової гами, пропорції елементів на екрані, типографія, вже були зроблені за мене.

Та повернімося до першого аргументу: статистика користувацької активності на сторінці показує, що мобільних користувачів було найбільше — 47%, користувачів планшетів — 8%, все решта — десктопи. Панове розробники, не забувайте про ваших мобільних користувачів!

Вирішив не тягнути в проект Angular чи React, бо ідея ж простенька, навіщо город городити, зробив «по старинке» на jQuery (не кидайте в мене помідорами).

Далі треба було зробити сайту favicon-логотип і малюночок, який буде відображатися поруч із посиланням, коли ви поширюєте в соціальних мережах. Для favicon я просто взяв зображення іконки, яку використовують в усьому світі для позначення біометричного паспорту/ID. Трошки непропорційно змасштабував, проте, коли бачиш таку іконку на тулбарі браузера — одразу згадуєш, про що цей сайт. А щодо логотипу, методом спроб і помилок будо знайдено наступний сайт: logomakr.com. Спробуйте самі, там усе дуже просто. А ось і результат:

Водночас відкрив для себе щось нове — дізнавсь, де на моїй сторінці соціальні мережі шукають інформацію, яка буде відображатись під час поширення. Як писав Максим Рильський: «Троянди й виноград, красиве і корисне» — робиш щось для загалу і паралельно здобуваєш нові знання.

Наступний крок — вибір плагіну для спрощення поширення сторінки в соціальних мережах. Я зупинився на socialsharekit. Його основна перевага — це, знову ж таки, вміння трансформуватися для максимально зручного використання на мобільному пристрої.

Ставка на соціальні мережі зіграла: 93% користувачів прийшли з Фейсбуку, 2.5% з ВК і трошки менше відсотка з Твітеру.

Зареєстрував кириличний домен: сайт розрахований виключно на україномовну аудиторію, українські слова простіше писати кирилицею, чи не так? Ну і патріотично якось, а ще недорого, адже проект не комерційний.

Щодо хостингу — товариш (який проспорить мені пляшку коньяку, коли Україна нарешті отримає безвіз) порадив скористатись pages.github.com. Переваги: безкоштовність, масштабованість, простота внесення змін (однією командою push) як наслідок того, що сторінка є відображенням репозиторію. Дуже рекомендую початківцям, які хочуть щось зробити і захостити, щоб було доступно для загалу, але не хочуть адмінити це все. Недоліки: працює лише зі статикою, бази даних там не захостиш, серверну логіку теж, але в нас її і немає (поки що).

В якості аналітики використав Google Analytics. Взяв би наші рішення, але вони не безкоштовні та й до enterprise-рівня моїй сторіночці ще далеко.

Працював над сайтом сам, навіть дружині нічого не розповідав: не знав, чи вистачить мені бажання довести справу до кінця. Розповів вже коли поділився на Фейсбуці. Посилання одразу почали поширювати мої друзі, серед яких був Олександр Снідалов — активіст української діаспори в Нідерландах. Завдяки йому і його друзям посилання поширило декілька популярних єврооптимістичних спільнот, за якими слідкували журналісти. Визнання прийшло від каналу 24.

Я дуже вдячний Олександру за його допомогу та за те, що він звів мене з редактором «Європейської Правди» (не плутати з «Українською Правдою», у цих ресурсів окремі редакції), Сергієм Сидоренком. Скайпом Сергій дав мені деякі поради щодо покращення сайту, пояснив, як функціонує внутрішня дипломатична кухня в Брюсселі. Це була дуже цікава і потрібна мені інформація, але я прийняв рішення не ускладнювати вже існуючий формат подачі даних: і без того середній час, який користувачі проводять на сайті — 36 секунд. Боюсь, що «too much information» відлякує обивателів.

Чи хочу я монетизувати свій проектик? Я би з радістю розмістив посилання на паспортний сервіс за скромну винагороду. Якщо хтось має там знайомих — покажіть їм мій сайт, деталі можемо обговорити в приватній розмові (пошту на сайті вказано).

Результати

Як я бачу розвиток ресурсу після того, як нам дадуть безвіз із країнами Шенгенської угоди? Залишається ще дуже багато країн, куди українцям потрібно робити візи. Деякі з них поступово лібералізують своє візове законодавство: скажімо, рік тому ми з дружиною робили візу в Індонезію, щоб злітати на Балі, а вже з березня цього року ця прекрасна країна стала для нас безвізовою. Очікую, що після запровадження Шенгенського безвізу аналогічні кроки зробить все більше країн. Процес скасування віз між ними і Україною планується візуалізувати на моєму сайті. Щоправда, буде важко знайти інформацію про безвізові переговори з іншими країнами: не всі уряди такі прозорі, як ЄС. Було б непогано, якби хтось в МЗС допоміг у цій справі.

Сподіваюсь, моя простенька сторіночка стане вам у пригоді у боротьбі з безвізовою «зрадою» і допоможе краще зрозуміти, як працюють європейські органи влади. Я не сумніваюсь в тому, що «залізна завіса» Шенгену остаточно впаде вже в найближчі місяці.

LinkedIn

51 комментарий

Подписаться на комментарииОтписаться от комментариев Комментарии могут оставлять только пользователи с подтвержденными аккаунтами.

Дякую, класний сайт)

Привет! Мне братьЯ прислали еще интересной информации про безвиз. Оказывается, процесс начался еще в 2008 году (!!!) во время саммита Восточного партнерства. И там была еще куча ключевых вех.
Если интересно — более подробная информация тут:
www.kmu.gov.ua/...го режиму для Укра_ни.pdf

Возможно, там будет полезная статистика для добавления на сайт.

я вивчу, але як я вже писав — на сайті і так забагато інформації.
Сива давнина (якою мені зараз видається 2008-й рік) врядчи когось зацікавить.
Приємно бачити, що мій сайт надихає людей шукати і дізнаватись нові речі на цю тематику.
Дякую за лінк!

Неплохо было бы добавить информацию о том, сколько заняло согласование пройденных этапов. Хотя бы в построчном представлении. Например:
Профільний комітет ЄП обирає доповідача, початок ХХ.УУ.20СС — завершення КК.ВВ.20СС

це в мене є в масштабованій інфорграфіці (порівняння з іншими країнами), чи я вас не так зрозумів?

Не совсем. На графике трудно оценить сколько дней прошло на выполнение каждого шага. Удобнее смотреть сколько дней ушло на каждый этап и сколько дней длится текущий. В табличке с перечнем шагов

там же є tooltip на кожен крок в якого нижній рядок — «Скільки днів»

Такая возможность просмотра дней тяжела, на мой взгляд. А для пользователей мобильной версии фактически нереальна.
Да и как мне видится, эта информация является первичной...

Враховано, я зараз просто на конференції в Парижі, трошки стомився, як доберусь назад в Амстердам постараюсь додати. Дякую!

Супер) Ліньки було розбиратись як це робиться, а тут все наглядно

Я вибачаюсь, але зараз ми не в процесі приєднання до шенгенської угоди, ми просто отримаємо право, яке потім зможуть легко відкликати, на безвізовий в’їзд в країни шенгенської угоди.

Так! Це я не догледів, під час вичитки редакторського тексту. Вже попросив Валентину виправити. Дякую за уважність!

І спасибі за проект.

Добрый день, земляк Михаил (я тоже с родины Черемоша й Прута). Я заметил, что в вашем проекте не все данные стран «вступающих» в ЕС. Потому я считаю своим долгом дополнить ваши данные. Вот например вы не указали Турцию:
Асоциация подписана — 12 сентября 1963
Заявка на членство — 14 апреля 1987
Статус кандидата — 12 декабря 1999
Начало переговоров — 3 октября 2005
Или вот например Исландия, Швейцария и Норвегия отозвали свои заявки на вступление.
И про Великобританию забыли. Со слов премьер-министра, они должны выйти из ЕС до конца марта 2017.
Теперь думаю вы можете дополнить ваш проект и этой «нежелательной» информацией. Верно?

вы про членство в ЕСТ, а автор пишет про безвиз, а не про членство в ЕС. Это две большие разницы

Тогда надо убирать другие страны и оставлять только Грузию, Молдову и Украину. Ибо только для этих стран будет какое-то исключение в посещении стран ЕС. Так как они не вступают в ЕС и не подписывают Шенгенское соглашение. А в проекте Михаила присутствуют страны которы готовятся стать полноправными членами ЕС.

Ну если быть честным то стран у которых безвиз с ЕС очень и очень много, включая очень экзотические.

ec.europa.eu/...short-stay-visa_en#novisa

You will not need a visa to enter the EU if you are from:

ALBANIA
ANDORRA
ANTIGUA AND BARBUDA
ARGENTINA
AUSTRALIA
BAHAMAS
BARBADOS
BOSNIA AND HERZEGOVINA1
BRAZIL
BRUNEI DARUSSALAM
CANADA
CHILE
COLOMBIA
COSTA RICA
DOMINICA
EL SALVADOR
FORMER YUGOSLAV REPUBLIC OF MACEDONIA1
GRENADA
GUATEMALA
HOLY SEE (VATICAN CITY STATE)
HONDURAS
ISRAEL
JAPAN
KIRIBATI
MALAYSIA
MARSHALL ISLANDS
MAURITIUS
MEXICO
MOLDOVA2
MONACO
MONTENEGRO1
NEW ZEALAND
NICARAGUA
PALAU
PANAMA
PARAGUAY
SAMOA
SAN MARINO
SEYCHELLES
SERBIA1
SINGAPORE
SOUTH KOREA
ST KITTS AND NEVIS
ST LUCIA
ST VINCENT AND THE GRENADINES
TIMOR-LESTE
TONGA
TRINIDAD AND TOBAGO
TUVALU
UNITED ARAB EMIRATES
UNITED STATES OF AMERICA
URUGUAY
VANUATU
VENEZUELA

You will not need a visa if you are a British National (Overseas)

Specific categories of travellers from some non-EU countries may not need a visa.

К тому, что Вы разгоняете хейт там, где ему не место. И «неудобной» информации тут нет. И указанная Вами информация — не имеет никакого отношения к вопросу, освещаемому сайтом.

Я не знаю что вы там гоняете и не хочу в это влезать. Если нет «неудобной» информации, то значит автор упустил информацию, а решил восполнить картину. Конечно проще сказать, что моя информация «не имеет никакого отношения к вопросу» и «колит» вам глаз, чем аргументировать почему же она не имеет отношение.

С мое точки зрения если мы говорим о предоставлении безвизового режима, то мы говорим о Украине, следим за заявочкой и можем в пример привести Грузию и Молдову, которые получили его по такому же принципу по которому Украина возможно тоже его получит. То да я согласен, что эти три страны могут присутствовать в графике. Но помимо этих стран присутствуют страны, которые готовятся стать полноправными членами. А в таком случае на графике не хватает той информации которую я указал выше.

Всеволоде, дякую за критику. За Норвегію і Брекзіт давайте не будемо, це не має жодного стосунку до безвізу. Давайте ще почнемо рахувати зовнішній борг США і кількість хлопчиків розпещених католицькою церквою. Ваш перший коментар — це «на городі бузина, а в Києві дядько», пробачте.
Але я справді хочу пояснити деякі моменти. Отже, ви пишите, що Україну варто порівнювати тільки з країнами, які не мають кандидатського статусу на вступ до ЄС.
Дивіться, справа в тім, що з усіма наведеними мною країнами на момент отримання безвізу кандидатом на вступ в ЄС була лише одна Македонія. Решту країн отримали кандидатський статус пізніше, тоді, коли вже мали безвіз.
Але це не має жодного впливу на процедуру, якщо ви уважно подивитесь на інфографіку, то процес внесення змін до європейського законодавства ніяк не відрізняється для країн кандидатів і некандидатів. Порівняйте названі з вами країни з Молдовою — ті самі кроки і ті самі терміни +/-.

Сподіваюсь, я пояснив свою позицію. Мені, в принципі експерти рекомендували додати в графік ще Тайвань (вони теж нещодавно отримали безвіз). Але я вважаю це зайвим, адже там ті самі кроки, що й в наших східноєвропейських друзів. Де ми, а де той Тайвань — Албанія з Сербією нам ближче за всіма показниками.

Каждое мнение имеет право на существование и я высказал его. Возможно, это даже критический отзыв. Очень благодарен, что вы объяснили свою позицию

Я просто трошки консультувавсь зі спеціалістами, і жоден з них не критикував те, що критикуєте ви. З іншого боку масштаби України такі, що нас важко з кимось порівняти. В будь-якому разі, мій проект більше орієнтований на «коли дадуть», а не на «чи дадуть», тобто я хотів показати, які саме етапи надання безвізу існують для третіх країн. Бо народ же думає, що це все одним розписом пера вирішується, а насправді — ні.

А Илон Маск обещал полет на Марс. Может стоить добавить и график подготовки полета на Марс? А то как-то неполной схема будет.

-Діду, діду, москалі в космос полетіли!
-Що? Всі?
-Та ні, один — Гагарін.
-Тю, а я собі думав...

а якщо серйозно — то є декілька хибних уявлень про безвіз. Одне з них, це те, що безвіз прив’язаний до угоди про асоціацію, хоча це не зовсім так, там він згаданий лише в якості «побажань України». Ніяких конкретних кроків по безвізу асоціація не наводить, навпаки — наша дорожня карта була запущена паралельно з асоціацією. Якби Янукович не тупив з біометричними паспортами (і питанням дискримінаціх на робочому місці) — ми би мали безвіз разом з Молдовою ще в першому кварталі 2014. Ми їх навіть трошки випереджали.

Вот же есть twitter.com/visafreealready что еще надо?

схеми-графіки-аналітика

а все насправді безвіз.net )
і хоч 300 сайтів — хоч 150 рухів — 20000 лайків — 2131231 постів його вони не прискорить
і буде він коли буде — навіть настродамус с глобою його не вгадають
(імхо його в тупу не дадуть років 5 ще)

p.s. жаба давить навіть не те що його нема — а те що мутять «честні» еуропейці — посольства і візові центри по повній
і ржака коли в консульстві кажуть що ваша карта не іменна / а виписка з банку тре за пів року ітд

а в неті сотні обьяв і за 170евро вам зроблять будь яку візу і на будьякий термін
навіть якщо ви наркоман без майна і зп / з вимершего села і їдете в ес ставати бомжем там

“А то пишут, пишут... Конгресс, немцы какие-то... Голова пухнет. Взять всё, да и поделить...” ©

А якщо серйозно — давайте будемо оптимістами, всі підстави для цього є!

давайте — але реалії такі реалії — можемо закластися в кінці 2017 −2018 ітд все будемо "

оптимістами, всі підстави для цього є!
" =)

не дають імхо через заробітчан — які все рівно купують ті візи на раз — два

я не бачу жодних причин не дати, все одно потім легко можна буде забрати. Повірте, я трохи витратив часу, щоб розібратися у цій кухні. А вже яких тут заробітчан тільки не має — на фоні них наші — просто найбажаніші гості.

назвіть хоча б місяць коли тоді =)
щоб через рік можна було прийти нагадати )

оптимістичний сценарій — кінець січня
песимістичний — кінець лютого

ок)
в березні побачимось тут =)

та я нікуди не тікаю

Я не підстебнуть.... але все ж
завтра квітень — безвізу нема і навряд буде найближчі місяці

(грузинам дали — але для нас це + чи — хз)

Я розумію, сам чекав раніше. Але два факти:
1) грузинам безвіз дали і він вже діє
2) голосування по нашому безвізу в порядку денному сесії ЄП, яка буде наступного тижня

порядок денний то таке бла-бла стурбованість ітд

я вже забив (а план з 2015 був — в ЄС тіки з безвізом) і думаю в якій країні реально мультик отримати просто (литви/естонія/словакія — наче ок зараз дають при наявності 2-3 віз в єс)

не треба примітизувати дискусію. Порядок денний — це порядок денний. Один день дебати, на наступний голосування. Дати в картці законопроекту на сайті ЄП. Якщо таки хочеться зробити візу — ось статистика, хто дає мультики: www.eurointegration.com.ua/…​icles/2017/03/27/7063610

Вітаю! Таки безвіз !

Ще ні, хоча це й був найважливіший крок, але попереду ще декілька.

і навряд буде найближчі місяці
точно?)

я помилявся )

правда ще ж не все зроблено — безвіз настане коли нога першого безвіз-джуна переступить поріг шенгену)

Згоден помилявся )
Проте і ваща ставка не спрацювала =)

Подписаться на комментарии