VAS Mācību pārvaldības sistēma

Mācību kursa programma:

Mācību kursa modulis:

Mācību kursa mērķis ir iemācīt dalībniekiem Figma vidē izstrādāt strukturētu, vairāku lapu mājaslapas prototipu ar paralēlu vairāku ekrāna izmēru izstrādi, izmantot sagataves un spraudņus darba paātrināšanai, kā arī iepazīstināt ar Figma Sites iespējām – mājaslapas publicēšanu un HTML + CSS koda ģenerēšanu, lai labāk izprastu saikni starp dizainu un reālu mājaslapu.

Pasniedzējs: Vitālijs Čemers

Kursa formāts: tiešsaistē  

Kursa ilgums: 16 akadēmiskās stundas, 1 nodarbības ilgums: 4 akadēmiskās stundas 

Projekta mērķauditorija: valsts tiešās pārvaldes un neatkarīgās iestādes, kā arī pašvaldību administrācijas, iestādes un aģentūras.

Dalībniekiem nepieciešamais tehniskais aprīkojums

Dators ar stabilu interneta pieslēgumu, austiņas un mikrofons.

Tīmekļa pārlūks (vēlams Google Chrome), izveidots bezmaksas Figma konts.

Mājaslapas struktūra un navigācija Dalībnieki apgūst vairāku lapu mājaslapas uzbūvi, galvenos navigācijas elementus (izvēlni, kājeni, iekšējās saites) un lietotāja ceļu (user flow) plānošanu.

Paralēla vairāku ekrānu izstrāde tiek apgūta mājaslapas izstrāde dažādiem ekrānu izmēriem – datoram, planšetei un mobilajām ierīcēm, izmantojot responsīvā dizaina principus Figma vidē.

Sagatavju (templates) izmantošana Dalībnieki iepazīstas ar Figma sagatavēm, mācās tās pielāgot savām vajadzībām un izvērtēt, kad sagataves paātrina darbu un kad tās var ierobežot dizaina risinājumus.

Spraudņi (plugins) darba paātrināšanai.

Praktisks pārskats par biežāk izmantotajiem Figma spraudņiem attēlu, ikonu, teksta vietturu un krāsu pārvaldībai, kā arī spraudņu drošības izvērtēšanu.

Komponentes un dizaina konsekvence tiek apgūta atkārtoti izmantojamu komponentu veidošana un lietošana vairākos ekrānos, nodrošinot vizuālu un funkcionālu konsekvenci visā mājaslapā.

Figma Sites ievads Dalībnieki iepazīstas ar Figma Sites iespējām, mājaslapas publicēšanu tieši no Figma vides un šī risinājuma praktiskajiem ierobežojumiem. HTML un CSS koda ģenerēšana tiek aplūkota automātiski ģenerētā HTML un CSS koda nozīme, tā iespējas un ierobežojumi, kā arī koda izmantošana saziņā ar izstrādātājiem. Gatavā risinājuma testēšana Kurss noslēdzas ar prototipa testēšanu, navigācijas un loģikas pārbaudi, kā arī tipiskāko kļūdu identificēšanu pirms publicēšanas.

Dalībnieki spēs izveidot vairāku lapu mājaslapas prototipu Figma vidē, pielāgot to dažādiem ekrāna izmēriem, izmantot sagataves un spraudņus darba paātrināšanai, kā arī publicēt mājaslapu ar Figma Sites un izprast dizaina saistību ar HTML un CSS kodu.

ES Atveseļošanas fonda projekts Nr.2.3.2.2.i.0/1/23/I/VARAM/001 “Publiskās pārvaldes digitālā akadēmija”