Site icon UiP

[Нам пишут] Як створювався додаток Динамо Київ для iPhone

Все почалося в той момент, коли я потрапив на сектори стадіону імені Валерія Лобановського у Києві. Підтримуючи свою команду, фанати самостійно виготовляють атрибутику, одяг, прапори, стікери та ще купу всього. Тому створення додатку було лише питанням часу, адже ж офіційно його у Динамо ще й досі не існувало. Тому я вирішив поєднати свої професійні знання в програмуванні і любов до клубу за допомогою xCode.

Початок

В той момент в мене вже був невеликий досвід у створенні додатків під iOS (ми з приятелем написали сайт і програму для пошуку та моніторингу залізничних квитків – UTrain, над якою ми і зараз продовжуємо працювати). Я вирішив вивчити ті зразки, які існували в подібному сегменті. Зеніт, Мілан, ЦСКА, Баварія, Боруссія, Апоель… Це дослідження дуже допомогло у тому, щоб зрозуміти, які помилки зробили інші люди, коли намагалися занадто відійти від інтерфейсу Apple. Тому, зібравшись з думками, я почав.

Сервіс

Звідки брати інформацію, новини, фото, розклад матчів? Я зупинився на офіційному сайті Динамо Київ (fcdynamo.kiev.ua). Робити виклики з телефона до сайту мені здалося занадто проблематичним. Тому я вирішив зробити маленький сервіс, який би виймав потрібну інформацію з сайту і повертав її у json-форматі. Після деяких коливань було обрано Python + Google App Engine. Адже ж що я знав про перше і друге? Правильно – нічого. Але після 3-4 днів в мене вже був робочий прототип, який я і виклав на сервер.

Дизайн

Я планував побудувати додаток, з класичним інтерфейсом, тому всі елементи дизайну відмальовував сам.

  

На іконку я помістив український орнамент і динамівську “Д”.

Зібрав логотипи українських клубів, підібрав фото для розділів, відмалював кнопки для навігації.

     

Наче, все.

Програмування

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

Тому я вирішив зробити наступні розділи:

• Новини – де будуть висвітлюватися новини клубу та вболівальників, а також результати попереднього матчу і інформація про наступний.

• Матчі – тут я вирішив розташувати турнірну таблицю та розклад минулих і наступних матчів.

• Команда – основний склад команди (молодіжний з’явиться з часом) і тренерський штаб.

• Клуб – історія, тренери та досягнення. Ця інформація більш статична, але я вирішив не зашивати її в програмі, а виніс в статичні html сторінки, які зверстав під екран телефона.

• Фанати – історія фанатів Динамо та їх перфоманси. Звісно, в цьому розділі з’явилися і такі пункти, як ставлення вболівальників до піротехніки та інформація про родину Павліченків, за свободу яких боряться фанати.

І закипіла робота. Завантаження інформації, розташування контролів, таби для підпунктів, слайдшоу для розділів, html сторінки, конфігурація App Engine, здивування тому, як верстали офіційний сайт… З часом програма вже набула певних форм. Напрямок мені здавався вірним, тому робота перейшла до деталей. Зараз, коли я працюю над наступною версією, то дуже видно ці відмінності в дрібницях інтерфейсу. Словом, деталі вирішують  все.

Зараз                                                                              В новій версії

 

За тиждень до того, як програма відправилася в App Store, я зробив промо-відео. Довелося потанцювати з Final Cut, програмою для запису відео з екрану, та програмою, яка вставляє емулятор айФона на білий фон + ще одна, яка перетворює курсор миші на біле коло.

Створив групи вконтакті та facebook, де і вивісив це відео.

App Store

Ім’я у програм в апсторі є унікальним в межах локалізації. Тому я ще місяці за 3 до початку роботи над додатком зареєстрував ім’я Dynamo.

Далі була стандартна процедура з підготовки скріншотів та тексту та відсилкою програми в App Store. А потім тиждень очікування на розгляд, день розгляду і нарешті програма стала доступна всим бажаючим.

За два дні додаток потрапив в топ-10 українського App Store у розділі безкоштовних програм і максимально досяг 6-го місця. Два тиждні програма займала перше місце в категорії “Спорт”.

 

Звісно, з часом кількість завантажень знизилася. Але за весь період додаток завантажило більше ніж 3000 людей. Окрема подяка адміністраторам офіційних груп Динамо вконтакті та facebook за те, що розмістили інформацію про додаток.

Зовсім скоро вийде наступна версія, де буде можливість ділитися новинами в соціальних мережах, переглядати фото з матчів та текстові он-лайн трансляції. Також я почав вивчати андроїд, щоб створити версію для цієї операційної системи. Словом, планів багато.

Вболівайте за Динамо.

Динамо Київ [free, Завантажити з iTunes]


У вас есть что рассказать нашим читателям?

Напишите на почту piti4ek (собачка) uip.me – ответим каждому. А самые интересные истории будут опубликованы в рубрике «».


Exit mobile version