|
|
(34 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
− | = Nemo Glacier UI =
| |
− |
| |
| Glacier UI is the next interface for Nemo mobile. It is a new UI, created and built | | Glacier UI is the next interface for Nemo mobile. It is a new UI, created and built |
− | by the community, and made with latest technologies like Qt 5 and Wayland. | + | by the community, and made with latest technologies like Qt 5 and Wayland. For developing use [[libglacierapp]] and [[Qtquickcontrols-nemo|QtQuickcontrols-Nemo]] |
| | | |
− | == Status == | + | == Try it == |
| + | === On phone === |
| | | |
− | TODO: feel free to update the table below and rearrange it if needed
| + | Before experimenting with Glacier UX you should install developer mode and follow the [[Nemo/Glacier/Installing|instructions]]. |
| | | |
− | {| summary="What works on Nemo Wayland on which HW" border="1" cellspacing="1" cellpadding="1" style="a:link { color: #000000; }"
| + | Please, note: Glacier UX is in alpha stage, so any contributions (including testing) are welcome! :) |
− | |-
| + | |
− | ! Component
| + | === Virtualbox === |
− | ! Design(mockup) / Spec<br/>
| + | On Virtual box you can use this image https://cloud.disroot.org/s/NneoSnjJWbKqXHn |
− | <span style="background:green"> Done </span> = design+spec done<br/>
| + | |
− | <span style="background:lightgreen"> Done </span> = design done, spec in progress
| + | ==Build image youself == |
− | ! Development status
| + | |
− | ! Fellows
| + | For build glacier image use Sailfish SDK and this [https://gist.github.com/neochapay/59d7ac23691f97b683104c93aff23266 nemo-clean.ks] file. |
− | |-
| + | |
− | ! Maliit VKB
| + | |
− | ! style="background-color:green" | Done
| + | |
− | ! style="background-color:lightgreen" | Done, needs polishing
| + | |
− | ! locusf
| + | |
− | |-
| + | |
− | ! UI components
| + | |
− | |-
| + | |
| | | |
| + | In first we must update mic in sdk |
| + | |
| + | SDK# sudo su |
| + | SDK# zypper ar -G http://repo.merproject.org/obs/mer:/core/latest_i486/ mer-up |
| + | SDK# zypper ar -G http://repo.merproject.org/obs/home:/neochapay:/mer:/tools/latest_i486/ mer-tools |
| + | SDK# zypper ref |
| + | SDK# zypper in mic |
| + | |
| + | Build command is |
| + | |
| + | SDK# cd $ANDROID_ROOT |
| + | SDK# export PORT_ARCH=aarch64 #replace to you arch |
| + | SDK# sudo mic create fs --arch=$PORT_ARCH --tokenmap=ARCH:$PORT_ARCH --record-pkgs=name,url --outdir=nemo-test --pack-to=nemo_test-$PORT_ARCH.tar.bz2 nemo_clean.ks |
| + | |
| + | == Core applications == |
| + | {| border="1" cellspacing="1" cellpadding="5" |
| + | ! Application |
| + | ! Screenshot |
| + | ! git link |
| |- | | |- |
− | ! Buttons | + | ! [[libglacierapp]] |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/button <span style="color:#000000">Done</span>] | + | ! '''N/A''' |
− | ! style="background-color:green" | Done
| + | ! [https://github.com/nemomobile-ux/libglacierapp] |
− | ! faenil
| + | |
| |- | | |- |
− | ! ButtonRow | + | ! [[glacier-home| Home]] |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/buttonRow <span style="color:#000000">Done</span>] | + | ! [[File:glacier-home_screenshot.jpg|200px|]][[File:glacier-home_lockscreen-screenshot.jpg|200px|]][[File:glacier-home_notify-screenshot.jpg|200px|]] |
− | ! style="background-color:green" | Done
| + | ! [https://github.com/nemomobile-ux/glacier-home] |
− | ! Design:qwazix QML:locusf<br/>anyone feel free to polish it!
| + | |
| |- | | |- |
− | ! Header | + | ! [[glacier-dialer| Dialer]] |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>] | + | ! [[File:glacier-dialer_screenshot.jpg|200px|]] |
− | ! style="background-color:green" | Done! :)
| + | ! [https://github.com/nemomobile-ux/glacier-dialer] |
− | ! faenil
| + | |
| |- | | |- |
− | ! ListView | + | ! [[glacier-messages| Messaging]] |
− | ! style="background-color:yellow" | [https://github.com/qwazix/glacier-controls-spec/tree/master/listview <span style="color:#000000">Done (need pull to refresh)</span>] | + | ! [[File:glacier-messages_screenshot.jpg|200px|]] |
− | ! style="background-color:lightgreen" | Done
| + | ! [https://github.com/nemomobile-ux/glacier-messages] |
− | ! Design:Morpog Code: neochapay
| + | |
| |- | | |- |
− | ! Progress Spinner | + | ! [[glacier-contacts| Contacts]] |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/progress-spinner <span style="color:#000000">Done</span>] | + | ! [[File:contacts_screenshot.jpg|200px|]] |
− | ! style="background-color:lightgreen" | Done, needs polishing
| + | ! [https://github.com/nemomobile-ux/glacier-contacts] |
− | ! SfietKonstantin
| + | |
| |- | | |- |
− | ! ContextRoller | + | ! Browser |
− | ! style="background-color:yellow" | [http://play.qwazix.com/grog/?p=385 <span style="color:#000000">It's a broad topic ;)</span>] | + | ! '''TBD''' |
− | ! style="background-color:red" | Nothing Yet
| + | ! |
− | ! Brainstorm:qwazix,Morpog | + | |
| |- | | |- |
− | ! SelectRoller | + | ! [[glacier-settings| Settings]] |
− | ! style="background-color:yellow" | [https://github.com/qwazix/glacier-controls-spec/tree/master/selectRoller <span style="color:#000000">Drafted</span>] [http://play.qwazix.com/grog/?p=385 <span style="color:#000000">Pre-history</span>] | + | ! [[File:glacier-settings_screenshot.jpg|200px|]] |
− | ! style="background-color:yellow" | WIP[https://github.com/nemomobile/qtquickcontrols-nemo/pull/35] | + | ! [https://github.com/nemomobile-ux/glacier-settings] |
− | ! Design:qwazix QML: neochapay
| + | |
| |- | | |- |
− | ! Sliders | + | ! [[glacier-gallery| Gallery]] |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/slider <span style="color:#000000">Done</span>] | + | ! [[File:glacier-gallery_screenshot.jpg|200px|]] |
− | ! style="background-color:lightgreen" | trumpet is there by locusf! not yet 100% up to specs
| + | ! [https://github.com/nemomobile-ux/glacier-gallery] |
− | ! sledges, locusf, SfietKonstantin<br/>anyone feel free to polish it!
| + | |
| |- | | |- |
− | ! Switch | + | ! [[glacier-music| Music]] |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/switch <span style="color:#000000">Done</span>] | + | ! [[File:glacier-music_screenshot.jpg|200px|]] |
− | ! style="background-color:lightgreen" | Done, [https://bugs.nemomobile.org/show_bug.cgi?id=710 NEMO#710] and animation(gradient) twitch to be fixed | + | ! [https://github.com/nemomobile-ux/glacier-music] |
− | ! Design:Morpog & qwazix, QML: locusf
| + | |
| |- | | |- |
− | ! Text Input | + | ! [[glacier-keyboard| Keyboard]] |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/textInputs <span style="color:#000000">Done</span>]
| + | ! [[File:glacier-keyboard_screenshot.jpg|200px|]] |
− | ! style="background-color:green" | Done
| + | ! |
− | ! locusf
| + | |} |
− | |-
| + | |
− | ! Labels
| + | |
− | ! style="background-color:green" | <span style="color:#000000">Unspecified/trivial</span>
| + | |
− | ! style="background-color:green" | Done
| + | |
− | ! QML:faenil,locusf
| + | |
− | |-
| + | |
− | ! Dialogs
| + | |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/dialogs <span style="color:#000000">Done</span>]
| + | |
− | ! style="background-color:lightgreen" | Query dialogs are done in git
| + | |
− | ! Design:sandy_locke, QML locusf
| + | |
− | |-
| + | |
− | ! Notifications
| + | |
− | ! style="background-color:lightgreen" | [http://play.qwazix.com/grog/?p=640 <span style="color:#000000">Blog</span>] [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 2,col 4</span>] [http://hurrian.github.io/glacier/components.html <span style="color:#000000">One more</span>]
| + | |
− | ! style="background-color:lightgreen" | Done | + | |
− | ! Design:Hurrian QML: locusf
| + | |
− | |-
| + | |
− | ! Tabs
| + | |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>]
| + | |
− | ! style="background-color:red" | Not yet.
| + | |
− | ! Design: qwazix
| + | |
− | |-
| + | |
− | ! Toolbar
| + | |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>]
| + | |
− | ! style="background-color:lightgreen" | [https://github.com/nemomobile/qtquickcontrols-nemo/commit/94f6ec9fcafb99970aeb74f40401172918cf0b05 <span style="color:#000000">QML Component provided</span>]
| + | |
− | ! faenil
| + | |
− | |-
| + | |
− | ! Tools (toolbar with different layouts)
| + | |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>]
| + | |
− | ! style="background-color:lightgreen" | Done
| + | |
− | ! faenil
| + | |
− | |-
| + | |
− | ! Section scroller
| + | |
− | ! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/scroll-indicators <span style="color:#000000">Done</span>]
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | ! Design:Morpog
| + | |
− | |-
| + | |
− | ! Sheets
| + | |
− | ! style="background-color:red" | Nothing Yet (maybe with Text Fields)
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | |-
| + | |
− | ! Page
| + | |
− | ! style="background-color:green" | Done
| + | |
− | ! style="background-color:green" | Done
| + | |
− | ! faenil
| + | |
− | |-
| + | |
− | ! Progress Bar
| + | |
− | ! style="background-color:green" | Done
| + | |
− | ! style="background-color:green" | Done
| + | |
− | ! sledges
| + | |
− | |-
| + | |
− | ! Running Indicator
| + | |
− | ! style="background-color:yellow" | Some tests by qwazix (nothing in repo)
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | |-
| + | |
− | ! Page Indicators
| + | |
− | ! style="background-color:yellow" | Discuss relevancy
| + | |
− | ! style="background-color:yellow" | [https://github.com/nemomobile/qtquickcontrols-nemo see faenil's Page implementation]
| + | |
− | |-
| + | |
− | ! Ratings
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | |-
| + | |
− | ! « More » indicator
| + | |
− | ! style="background-color:yellow" | Need a case by case study
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | |-
| + | |
− | ! Date & Lists tumbler (+dialog +picker)
| + | |
− | ! style="background-color:yellow" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 3,col 3</span>] vs circular [http://hurrian.github.io/glacier/components.html <span style="color:#000000">here</span>] and [http://play.qwazix.com/grog/?p=231 <span style="color:#000000">here</span>]
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | ! Design:Hurrian
| + | |
− | |-
| + | |
− | ! Lockscreen
| + | |
− | ! style="background-color:lightgreen" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 1,col 2</span>]
| + | |
− | ! style="background-color:yellow" | "Sharpening glass" PoC
| + | |
− | ! Hurrian, Morpog, qwazix, sledges
| + | |
− | |-
| + | |
− | ! Notification Screen
| + | |
− | ! style="background-color:lightgreen" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 2,col 1</span>]
| + | |
− | ! style="background-color:red" | Nothing Yet | + | |
− | ! Design:Hurrian
| + | |
− | |-
| + | |
− | ! Multi task Screen
| + | |
− | ! style="background-color:lightgreen" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 2,col 3</span>]
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | |-
| + | |
− | ! Statusbar
| + | |
− | ! style="background-color:green" | Done, [https://github.com/qwazix/glacier-controls-spec/blob/master/statusbar/statusbar_specs.pdf]
| + | |
− | ! style="background-color:yellow" | WIP in Glacier homescreen
| + | |
− | ! Design:Hurrian, Spec:sandy_locke, QML: locusf
| + | |
− | |-
| + | |
− | ! Core applications
| + | |
− | |-
| + | |
− | ! Settings
| + | |
− | ! style="background-color:yellow" | WIP [https://github.com/qwazix/glacier-apps/blob/master/settings/settings.pdf]
| + | |
− | ! style="background-color:yellow" | WIP [https://github.com/nemomobile-ux/glacier-settings]
| + | |
− | !
| + | |
− | |-
| + | |
− | ! Phone
| + | |
− | ! style="background-color:red" | Nothing Yet
| + | |
− | ! style="background-color:yellow" | WIP in Glacier dialer [https://github.com/nemomobile-ux/glacier-dialer]
| + | |
− | !
| + | |
− | |-
| + | |
− | |}
| + | |
| | | |
− | === Maliit VKB === | + | == I have a problem! == |
| + | if you have some problem welcome to irc or telegram groups. Or you can post issue in [https://github.com/nemomobile-ux/glacier-home/issues| git] |
| | | |
− | Needs pressed and disabled states in code.
| + | In issue you must post |
− | Doesn't work in portrait orientation on wayland VM.
| + | |
| | | |
− | === Glacier Home ===
| + | * Device |
− | | + | * Version Nemo/SailfishOS |
− | * [[Using Glacier Home on Jolla -- Notes]] | + | * Description of problems |
− | | + | * Links to log |
− | === Ui components ===
| + | |
− | | + | |
− | ==== Design status ====
| + | |
− | | + | |
− | TODO
| + | |
− | | + | |
− | ==== Development status ====
| + | |
− | | + | |
− | TODO (Scrum task board ?)
| + | |
| | | |
| == References == | | == References == |
Line 202: |
Line 91: |
| * [http://play.qwazix.com/grog/ Qwazix's blog -- Design] | | * [http://play.qwazix.com/grog/ Qwazix's blog -- Design] |
| * [http://merproject.org/logs/%23nemomobile/ Nemo Mobile IRC logs] | | * [http://merproject.org/logs/%23nemomobile/ Nemo Mobile IRC logs] |
| + | * [https://github.com/nemomobile-ux Nemo UX git ] |
| + | * [https://github.com/nemomobile Nemo git] |
| + | |
| + | [[Category:Nemo]] |
| + | [[Category:GlacierUX]] |
Glacier UI is the next interface for Nemo mobile. It is a new UI, created and built
by the community, and made with latest technologies like Qt 5 and Wayland. For developing use libglacierapp and QtQuickcontrols-Nemo
Before experimenting with Glacier UX you should install developer mode and follow the instructions.
Please, note: Glacier UX is in alpha stage, so any contributions (including testing) are welcome! :)
if you have some problem welcome to irc or telegram groups. Or you can post issue in git