...
- yksinkertaisuus
- selkeys
- johdonmukaisuus
- kontrasti ja värit
- esteettömyys mahdollisuuksien mukaan (eri tasot opiskelija / hallinnoija / muokkaaja)
- toteutuksessa
- html, css: syntaksin siivous, selkeytys, yksinkertaistus
- dropdownit (ja kaikki muukin mahdollinen) css css:llä
- ei inline css/js
- hakutulokseen ja muutenkin edelliseen palaaminen
...
- näkymän otsikkopalkki (voi sisältää otsikon, toimintoja, tietoja, ehkä palaute/lataaja) http://uiespdev.dev.eduix.fi/eduplangui/latest/demo/examplesversion2/demo/eduguidemo-header-entityservice.phpphp#titlebar
- määrittele tarkemmin
- murupolku
- Näkymän yleinen määrittely, sivun otsikko, murupolku jne. Perustelu jos jokin pääelementeistä puuttuu.
...
Ensisijaisesti käytetään pystynavigaatiota, perustelut tabinavigaatioon oltava:
sivuvalinnat (sivuvalinnat http://uiespdev.dev.eduix.fi/eduplangui/latest/demo/version2/examplesdemo/eduguidemo-header-entityservice.php)
käytetään esim: https://stagingpeppi.metropolia.fi/group/suunnittelijan-tyopoyta/yksikot
...
- Peruspainikkeet
- eri koot, huomiotava mobiilivalmius
- tyylit: primary, vaarallinen (http://getbootstrap.com/css/#buttons) variables.lessiin värit
- elementtien disablointi
- Disable pressed buttons http://www.smashingmagazine.com/2009/01/12/10-useful-web-application-interface-techniques/
- Painikeryhmät http://ui.dev.eduix.fi/demo/examples/edugui-buttongroup-and-switch.php
- Painikkeet ikoneilla
- Toggle / Switcher http://ui.devespdev.eduix.fi/eduplangui/latest/demo/version2/examplesdemo/eduguidemo-buttongroup-and-switch.phpservice.php#button-groups
- Painikkeet ikoneilla
- Toggle / Switcher
- Dropdown
Periaatteet
- yleinen linja käytettävästä tagista (a, button jne vai aina sama?)
- dialogien napit sisällössä/dialogin buttoneina
- eri tyyppisten toimintonappien sijainti suhteessa toisiinsa, (tallenna, peruuta, sulje)
- tallenna/järjestys leijukkeissa kuten tip top
...
Tekninen toteutus
- Työnimi Eduplan GUI 2.0
- pidetään hakemistossa edugui/core jne, koska polut viittaavat monessa paikkaa
- uusi svn projekti
- Dokumentaatio Wikiin, esimerkit php:lla ui.devesimerkit php:lla http://espdev.eduix.fi/demo2. Upotetaan eduplangui/latest/demo/version2/demo/demo-service.php Upotetaan Wiki-sivuihin, kuten nyt Edugui.
- Tehdään Liferay-instassi jossa Edugui2 teema, johon voidaan hakea esimerkit => testaus oikeassa ympäristössä
- CSS Lessillä
- elementit/kokonaisuudet palikoidaan
- edugui legacy
- Variables.less
- värit, buttons, navi jne
- esim pyöristysten koot tms
- mallia (Bootstrap theme)
- Typografia, fonttikoot myös omaan
- käytettävät js-kirjastot (esim Chosen vs. Select2, eli ei esim. kahta samaan tarkoitukseen).
- perus.js (nyt edugui.js) vain peruskomponentteihin vaadittavat. Tiukka linja mitä tänne
- Määrittely: kuinka tehdään poikkeustyylimäärittelyt ja javascriptit portleteissa
- optimointi
- myös js?
- miten tyylejä ja kirjastoja kutsutaan
- jirataskit erikseen osa-alueittain jotta tiedetään kuka tekee mitäkin ja mitä on tehty
- EduGUI 2 (nimi??)
- legacyna vanha mukaan
- Pois/legacyyn:
- Color schemes
- Liferay
- aui pois päältä oletuksena, päälle jos admin tai parempi: käyttäjän valinnalla (user bar) jos admin
- esimerkit testattava suurella datamäärällä ja liferay-teemalla
- aui pois päältä oletuksena, päälle jos admin tai parempi: käyttäjän valinnalla (user bar) jos admin
...