isitpraktika / ui Goto Github PK

https://qmlbook.github.io/en/ch13/index.html

• Установить библиотеки для Android: http://doc.qt.io/qt-5/androidgs.html
• Установить Qt: https://www.qt.io/download-open-source/
• Запустить стандартный пример Qt на мобильном устройстве

Для двух платформ составить отчёт по разделам:

1. Описание
2. Поддерживаемые операционные системы и устройства
3. Язык программирования
4. Производительность
5. Ключевые особенности
6. Документация

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

Изображения:

https://github.com/qmlbook/qmlbook/blob/master/en/ch04/src/transformation/assets/background.png
https://github.com/qmlbook/qmlbook/blob/master/en/ch04/src/transformation/assets/circle_blue.png
https://github.com/qmlbook/qmlbook/blob/master/en/ch04/src/transformation/assets/box_green%402x.png
https://raw.githubusercontent.com/qmlbook/qmlbook/master/en/ch04/src/transformation/assets/triangle_red.png

https://desktop.github.com/

http://qmlbook.github.io/en/ch04/index.html
http://qmlbook.github.io/en/ch05/index.html

Глава 6: https://qmlbook.github.io/en/ch06/index.html

Создать приложение:

1. Чтение XML файла с произвольным количеством элементов item:

<item>
   <title>Item 1</title>
   <type>Image</type>
   <value>path_to_image/image_name.jpg</value>
</item>
<item>
   <title>Item 2</title>
   <type>Text</type>
   <value>Text Content</value>
</item>
<item>
   <title>Item 3</title>
   <type>Web</type>
   <value>URL</value>
</item>
...

2. Построение вертикального списка (меню) с заголовками на основе элемента title
3. При выборе элемента в списке - загрузка компонента соответствующего type, при загрузке компонент отображает содержимое value. Для загрузки компонента можно использовать Loader http://doc.qt.io/qt-5/qml-qtquick-loader.html
4. На верхней панели всегда отображать кнопку вызова списка из пункта 2

Стандартные примеры:

• http://doc.qt.io/qt-5/qtquick-demos-rssnews-example.html
• http://doc.qt.io/qt-5/qtwebview-minibrowser-main-qml.html

Книга http://qmlbook.github.io/index.html

Изучить следующие главы и примеры
3. Qt Creator IDE http://qmlbook.github.io/en/ch03/index.html
4. Quick Starter http://qmlbook.github.io/en/ch04/index.html
6. Model-View-Delegate http://qmlbook.github.io/en/ch06/index.html
10. Multimedia http://qmlbook.github.io/en/ch10/index.html
11. Networking http://qmlbook.github.io/en/ch11/index.html
13. Dynamic QML http://qmlbook.github.io/en/ch13/index.html
14. JavaScript http://qmlbook.github.io/en/ch14/index.html

1. Определение человеко-машинного взаимодействия.
2. Человек, компьютерные среды, взаимодействие.
3. Качественные и количественные данные в проектных исследованиях
4. Исследования в ходе проектирования
5. Сценарии: повествование как инструмент проектирования.
6. Проектирование на базе сценариев.
7. Проектирование продукта: инфраструктура и детализация.
8. Инфраструктура проектирования, визуальной инфраструктуры, инфраструктуры промышленного дизайна, инфраструктуры проектирования сервисов.
9. Требования к проектированию.
10. Процесс определения требований.
11. Проверка и тестирование.
12. Полное и промежуточное тестирование, юзабилити-тесты.
13. Проектирование взаимодействия.
14. Шаблоны проектирования взаимодействия.
15. Интеграция визуального дизайна.
16. Элементы проектирования визуального интерфейса.
17. Платформа и стиль представления.
18. Стили представления для настольных продуктов, для веб-технологий, для мобильных устройств.
19. Интерфейсы настольных систем.
20. Анатомия настольного приложения.

1. Глава 11: https://qmlbook.github.io/en/ch11/index.html
2. Запустить локальный веб-сервер для чтения JSON файла
3. Переделать приложение из #7:
   • элементы item хранить и читать в формате JSON
   • дополнительные типы: Audio, Video (https://qmlbook.github.io/en/ch10/index.html)
   • пролистывание экранов (item) жестом влево/вправо

1. Введение (постановка задачи, что планируется реализовать в ходе работы)
2. Проектирование (схемы и диаграммы: базы данных, алгоритмов, сценарии)
   2.1. Серверная часть (обязательно схема базы данных)
   2.2. Клиентская часть (обязательно диаграммы сценариев использования для экранов интерфейса / use case диаграммы)
   2.3. Авторизация (обязательно блок-схема алгоритма авторизации)
3. Заключение (итоги работы, план доработки/улучшения программы)
4. Листинг программы (исходный код клиентской и серверной частей)

1. Создать на веб сервере HTML страницу с вводом логина и пароля. В случае успешной авторизации сохранять в сессии id пользователя.
2. Создать веб страницу со скриптом который отдаёт json со списком всех страниц только авторизованным пользователям ( id в сессии )
3. Веб скрипт который отдаёт json страниц добавленных пользователем в избранное.
4. Веб скрипт который принимает идентификатор страницы и добавляет в список избранных страниц на сервере.
5. Подключить веб страницы в QML