Основи проектування інтерфейсів для мобільних пристроїв презентация

1. Платформа Android

Основні елементи
Базовий рівень (Linux Kernel)
Набір бібліотек і середовище виконання (Libraries & Android Runtime)
Рівень каркаса додатків (Application Framework)
Рівень додатків (Applications)
Компоненти каркаса:
набір представлень (Views)
контент-провайдери (Content Providers)
менеджер ресурсів (Resource Manager),
менеджер сповіщень (Notification Manager),
менеджер дій (Activity Manager)
менеджер місця розташування (Location Manager)
Основні бібліотеки:
Surface Manager
Media Framework
SQLite
FreeType
LibWebCore
SGL (Skia Graphics Engine)
SSL
Libc
3D библиотеки

2.Основні види Android-додатків
Додатки переднього плану
Фонові додатки
Змішані додатки
Віджети

3. Огляд інтерфейсу Android

Шрифти

Масштабування

Розміри елемента кратні 48dp
Приклад розташування елементів управління

4. Створення якісного інтерфейсу
Цінності проектування. Проектні рішення мають бути:
Етичні
Прагматичні
Цілеспрямовані
Елегантні
Принципи проектування взаємодії:
цінності проектування
концептуальні засади
поведінкові принци
інтерфейсні принципи
Цілі шаблонів проектуваннявзаємодії
• скоротити час і зусилля, витрачені на проектування в нових проектах;
• підвищити якість проектних рішень;
• сприяти поліпшенню комунікації між проектувальниками і програмістами;
• підвищити професійний рівень проектувальників.
Типи шаблонів проектування взаємодії
• Шаблони позиціонування
• Структурні шаблони
• Поведінкові шаблони

Для планшета
Для смартфону

Основні блоки візуального дизайну інтерфейсів
Форма
Розмір
Колір
Яскравість
Напрямок
Текстура
Розташування
5. Візуальний дизайн інтерфейсів

Принципи візуального дизайну інтерфейсів
При створенні графічних інтерфейсів слід:
• Використовувати візуальні властивості для угруповання елементів і створення чіткої ієрархії.
• Використовувати цілісні, несуперечливі і відповідні контексту образи.
• Інтегрувати візуальний стиль з функціональністю осмислено і послідовно.
• Уникати візуального "шуму" і безладу.

• Створювати візуальну структуру і прокладати логічний маршрут на кожному рівні організації.

Інформація, представлена візуально, повинна:
Сприяти візуальному порівнянню
Показувати причинно-наслідковий зв'язок
Відображати відразу кілька величин
Об'єднувати текст, графіку і дані в одному зображенні
Гарантувати якість, релевантність і цілісність даних
Групувати об'єкти в просторі, а не в часі
Представляти числові дані в числовому вигляді

Поведінка вікон і визначення компоновки:
зайві вікна
важливі вікна
засмічування вікнами

Проектування для різних потреб:
Командні вектори, робочі набори і персонажі
Персоналізація і настройка
Локалізація і глобалізація
Колекції та шаблони
Довідка

Основні компоненти Android-додатків
Активності (Activities).
Сервіси (Services).
Контент-провайдери (Content providers).
Приймачі широкомовних повідомлень (Broadcast Receivers).
6. Архітектура програми, основні компоненти

Ієрархія класів Android SDK

Ієрархія компонентів, що визначає компоновку інтерфейсу користувача

Передача намірів(Intent)

Активності (Activities)
Активність - вікно, що містить графічний інтерфейс користувача.
Методи, що викликаються системою для управління життєвим циклом активності:
onCreate()
onRestart()
onStart()
onResume()
onPause()
onStop()
onDestroy()
Активність може існувати в одному з трьох станів
Виконується (running).
Припинено
Зупинено

Життєвий цикл активності

Сервіси (Services)
Два способи існування сервісів:
сервіс запущений (started) і працює самостійно у фоновому режимі
сервіс прив'язаний (bound) до деякого компоненту або декільком компонентам
При створені сервіса реалізують методи
onStartCommand()
onBind()
onCreate()
onDestroy()

Життєвий цикл сервиса

Контент-провайдери (Content Providers)
Контент-провайдер управляє доступом до сховища даних.
У мобільних додатках контент-провайдери необхідні в таких випадках:
• програма надає складні дані або файли інших додатків;
• додаток дозволяє користувачам копіювати складні дані в інші програми;
• програма надає спеціальні варіанти пошуку, використовуючи пошукову платформу (framework).

Дані, з якими працюють контент-провайдери, можуть бути організовані двома способами:
Дані представлені файлом, наприклад, фотографії, аудіо чи відео
Дані представлені деякою структурою, наприклад, таблиця, масив
При створенні класу-спадкоємця від класу ContentProvider
в реалізації класу необхідно перевизначити обов'язкові методи:
query()
insert()
update()
delete()
getType()
onCreate()

Можна виділити два різновиди широкомовних повідомлень
Нормальні широкомовні повідомлення
Спрямовані широкомовні повідомлення

Маніфест додатку - файл AndroidManifest.xml
Маніфест додатку містить всю необхідну інформацію, використовувану системою для запуску і виконання програми.
Основна інформація, що міститься в маніфесті:
• Ім'я Java пакету програми.
• Опис компонентів програми.
• Визначення процесів.
• Оголошення повноважень, якими має володіти додаток для доступу до захищених частинах API та взаємодії з іншими додатками.
• Оголошення повноважень, якими повинні володіти інші програми для взаємодії з компонентами даного.
• Список допоміжних класів, які надають інформацію про хід виконання програми. • Визначення мінімального рівня Android API для програми.
• Список бібліотек пов'язаних з додатком.
У файлі маніфесту тільки два елементи:
і
є обов'язковими і при цьому зустрічаються рівно по одному разу

/>
…
…
…

Ресурси
Кожен тип ресурсів необхідно розміщувати в спеціальній піддиректорії папки res /. Основні підкатегорії:

Щоб визначити залежні від конфігурації альтернативи для множини ресурсів:
1. необхідно створити директорію в каталозі res /, присвоїти цій директорії ім'я в такій формі: ім'я_ресурсу-спеціфікатор_конфігураціі, де
o ім'я_ресурсу - ім'я директорії, відповідного ресурсу за замовчуванням (див. вище);
o спеціфікатор_конфігураціі - ім'я, що визначає конфігурацію, для якої використовуються дані ресурси.
2. необхідно зберегти ресурси в новій директорії, файл ресурсів повинен називатися в точності так само, як відповідний файл ресурсів за замовчуванням.
res/layout/
res/layout-land/

6. Елементи управління та дизайн навігації
командні елементи управління
елементи вибору
елементи введення
елементи відображення
Командні елементи управління
Кнопки
Кнопки-значки
Гіперпосилання
Прапорці
Вимикачі
Тригери
Радиокнопки
Списки
Комбо-списки і комбо-кнопки

Елементи введення:
Обмежуючі елементи введення
Лічильники
Рукоятки та повзунки
Необмежуючі елементи введення
Елементи управління відображенням
текстові елементи
смуги прокрутки
роздільники
висувні панелі