Case study – volimzdravlje.hr

Na što smo ponosni?

Prije svega, ponosni smo uvijek kad je klijent zadovoljan napravljenim, to nam daje vjetar u leđa. No, u slučaju izrade e-learning web portala volimzdravlje.hr smo ponosni i jer smo radili nešto drukčije i izazovnije – prvenstveno u tehničkom i funkcionalnom smislu.

Kad je riječ o dizajnu njihove buduće web stranice, udruga HUHIV je imala određene želje i uzore koje smo vrlo rado uzeli u obzir, pa je konačan rezultat bio vesela i razigrana web stranica, praktična i jednostavna za korištenje.

Prva faza projekta: Tehnički aspekti e-learning web platforme

Dakle, web stranica volimzdravlje.hr je zapravo e-learning platforma, namijenjena zdravstvenim djelatnicima (liječnici, med.sestre, stomatolozi, itd.), djelatnicima u sustavu socijalne skrbi (psiholozi, soc .radnici, …), studentima medicine i zdravstvenih veleučilišta i učenicima medicinskih škola, koji putem ove platforme mogu pohađati različite tečajeve.

Edukativni sadržaji na ovoj platformi kreiraju se ciljano za pojedine i kombinirane skupine.

Tehnički zahtjevi koje je kod izrade ovog portala bilo važno zadovoljiti su okvirno sljedeći:

1. Bilo je važno omogućiti distinkcije na razini WordPress korisničkih računa prema vrsti korisnika (prema pripadnosti određenoj ciljnoj skupini). Informaciju o vrsti korisnika prikupljaju se tijekom registracije korisničkog profila. Diferenciranje korisnika koristi se kako za prikazivanje ciljanih edukacija, tako i za kreiranje prilagođenih polja za unos potrebnih informacija o korisnicima (zdravstveni djelatnici imaju mogućnost unosa drugačijih informacija u vlastiti korisnički profil od npr. djelatnika u sustavu socijalne skrbi, i sl.). Dakle, djelatnici iz sustava zdravstva imaju prikazan pregled edukacije vezane uz njihovu struku, dok npr. djelatnici iz sustava socijalne skrbi imaju prikazan pregled edukacije krojen prema njihovoj struci.
2. Postupak registracije korisnika započinje klikom na tipku za započinjanje određenog tečaja. Prijava / registracija je omogućena i redovnim popunjavanjem formulara za registraciju, ili prijavom / registracijom putem društvenih mreža.
3. Posjetiteljima je omogućeno pregledavanje sažetka tečaja bez prijave i registracije – sažetak tečaja mogu biti različite informacije o tečaju (kratki opis, ciljevi, trajanje, oznake o vrstama materijala, način bodovanja (ako postoji), itd.
4. Tečaj mogu započeti isključivo registrirani / prijavljeni korisnici.
5. Posjetiteljima je omogućeno ocjenjivanje seminara kroz ostavljanje komentara i ocjene.
6. Nakon registracije i popunjavanja obaveznih polja, korisnika se napominje da je eventualno potrebno popuniti još dodatna polja iz osobnog profila (ovisno o vrsti korisničkog računa). Npr. ako je vrsta korisničkog profila zdravstveni djelatnik, korisnika se napominje da popuni one podatke koji su potrebni kako bi dobio bodove u stručnoj komori. Za korisnika je kreirano prilagođeno korisničko sučelje u backend-u portala gdje može uređivati svoje podatke.
7. Svaki tečaj ima mogućnost kreiranja ispita (kviza) na osnovu kojeg se evidentira da li je polaznik pozitivno apsolvirao tečaj, ili ne. Uz svaki tečaj je moguće prikazati različite materijale za učenje (npr. videa, ili PDF dokumente).
8. Predvidjeli smo kategorizaciju / filtriranje tečajeva (e-learning) prema sljedećim kriterijima: jezik, tema, trajanje, autor, bodovanje, namjena). Predviđena je i mogućnost dodavanja dodatnih filtera / kategorija.
9. Jedna od funkcionalnosti koja je ugrađena u ovu platformu je dodjeljivanje certifikata. Postoji distinkcija vezana za vrstu tečaja – oni koji se boduju i koji se ne boduju, pa je sukladno tome ugrađena i funkcionalnost automatskog zapisivanja bodova  (ako postoje u okviru tečajeva) u digitalni certifikat.
10. Implementirana je mogućnost automatiziranih notifikacija o statusu tečaja korisnika u slučaju da se korisnik odjavi s portala bez da je dovršio tečaj. Notifikacija se šalje na e-mail, te je prikazana obavijest o tome unutar korisničkog profila.
11. Pored standardnih e-learning tečajeva (webinara), implementirana je i dodatna vrsta e-learning tečajeva bez materijala, tj. tečajeva koji imaju stvarnu lokaciju održavanja. Korisnicima je omogućena prijava na takve tečajeve / seminare. Nakon održavanja seminara, korisnik nakon točno zadanog vremenskog perioda ima mogućnost polaganja preddefiniranog testa (prijavom na svoje korisničko sučelje i ulaskom u tečaj) te dobiva certifikata s bodovima. 

Kao i kod svih naših projekata, i kod izrade web stranice volimzdravlje.hr smo razvijali custom temu – prema potrebama, željama i uzorima našeg klijenta, bez korištenja bilo kakvih komercijalnih predložaka. Razloge zbog kojih ne koristimo predloške u izradi WordPress web stranica smo opisali u članku kojeg možete pročitati ovdje, a još dalje otišli u članku o izradi WooCommerce web trgovina, kojeg možete pročitati ovdje.

Prva faza projekta je podrazumijevala samo osnovni dizajn, bili smo fokusirani prvenstveno na tehničke zahtjeve. U drugoj fazi smo imali priliku detaljnije isplanirali vizual buduće web stranice.

O tom vizualu bi se moglo pisati nadugo i naširoko, jer je riječ o vrlo specifičnom i kompleksnom portalu, ali ćemo se fokusirati samo na ono što je vama koji čitate ovaj case study blisko i ne previše suhoparno.

Mega navigacija

Jedna od želja našeg klijenta je bila da na web stranici volimzdravlje.hr postoji tzv. mega navigacija, kojom će voditelji portala moći jednostavno upravljati i na nju postavljati različite sadržaje.

To smo izveli tako što smo isprogramirali custom rješenje, tj. zaobilazeći standardne mogućnosti WordPress-ovih izbornika (koje baš i nisu nešto pretjerano velike)

Izmjenjivač fotografija (slideshow)

U želji da klijentu omogućimo više slobode kod prezentacije sadržaja, a ujedno ne želeći koristiti neke komercijalne pluginove za naslovni slider (razloge za takvu odluku možete čitati ovdje), odlučili smo isprogramirati vlastito rješenje i ekipi iz udruge HUHIV dati mogućnost za odabir 2 vrste slidera – jedan koji će sliku prikazivati u kružnom obliku i na taj način se ljepše stopiti s vizualnim identitetom web stranice, i drugi, klasičniji, koji će sliku prikazivati po cijeloj širini. Sve to, naravno, ne bi imalo smisla, da ove funkcionalnosti nismo integrirali u sam CMS, čime smo klijentu omogućili vrlo jednostavno upravljanje istima, bez programerskog predznanja.

Ostale funkcionalnosti i elementi naslovnice

Naslovnica e-learning portala je izrazito bogata, a najvažniji zahtjev klijenta kod ugovaranja projekta odnosio se na mogućnost samostalnog upravljanja sadržajima naslovnice.

Stoga smo izgradili custom sučelje, u kojem je na vrlo jednostavan način i bez bilo kakvog programerskog predznanja naš klijent moguće mijenjati i unositi nove sadržaje. Neki od elemenata su sljedeći:

Prikaz članaka (sinkronizacija sa huhiv.hr)

Glavni informativni portal udruge HUHIV i dalje je web stranica huhiv.hr, na kojem udruga redovito objavljuje različite aktualnosti. Kod ugovaranja projekat izrade e-learning platforme naš klijent je izrazio želju da novosti i dalje objavljuje prvenstveno na web stranici huhiv.hr, ali da se one, ako je moguće, prikazuju i na novom portalu volimzdravlje.hr.

Rješenje smo pronašli u povezivanju baza podataka ove dvije web stranice, i to na način da se sadržaji objavljeni na huhiv.hr samo prividno preslikavaju na volimzdravlje.hr. Naime, svakoga dana u točno određeno vrijeme portal volimzdravlje.hr iz baze podataka web stranice huhiv.hr “povuče” sažetak novosti na svoju blog sekciju Društvena zajednica. Klikom na te sažetke korisnik biva preusmjere na huhiv.hr, na kojem jednako intuitivno može dalje koristiti željene sadržaje.

Ovim manevrom smo klijentu uštedjeli jako puno vremena, jer članke objavljuje na jednom mjestu, a prikazuje ih na dva, pri čemu baza podataka portala volimzdravlje.hr neopterećeno i umjereno raste, dozvoljavajući da portal “diše punim plućima”.

Unutarnje stranice i Gutenberg

Struktura unutarnjih stranica oslanja se uglavnom na standardne mogućnosti WordPress CMS-a i njegovog nativnog framework-a Gutenberga (više o njemu možete čitati ovdje). Gutenberg je jedan od najnaprednijih uređivača sadržaja na tržištu, a ta naprednost ne leži nužno u njegovim izvanserijskim funkcionalnostima – jer postoje i mnoga druga framework rješenja koja Gutenbergu po tome mogu “parirati”.

No, upravo zato što je on sastavni dio WordPress-a, njegova najvažnija prednost leži u njegovoj brzini rada, i činjenici da web stranica ni na koji način nije opterećena svim onim tehničkim mogućnostima koje su u Gutenberg ugrađene.

U svakom slučaju, u prezentaciji sadržaja unutarnjih stranica i članaka na e-learning platformi volimzdravlje.hr su korištene mogućnosti Gutenberga, uz prethodnu stilizaciju njegovih elemenata kako bi oni bili usklađeni s ostatkom vizualnog identiteta ovog portala, i uz integrirane animacije njegovih elemenata, tako da interaktivnost web stranice podignemo na jednu višu razinu.

Zaključak

Projekt izrade e-learning platforme volimzdravlje.hr je jedan od zanimljivijih koje smo u posljednjih 9 godina vodili i realizirali. Mnoštvo funkcionalnih izazova koji su nam se našli na putu smo uspješno riješili, te pritom ispunili niz klijentovih želja koje su se odnosile na sam dizajn i vizualni identitet web stranice.

Možemo skratiti priču i ponosno reći da je ovo bio jedan uspješan projekt, koji će nam u budućnosti služiti na čast.

Tim udruge HUHIV okuplja mlade ljude, prepune entuzijazma, s kojima je uvijek iznova ugodno surađivati, te se nadamo da je projekt izrade web stranice volimzdravlje.hr samo jedan u nizu na kojem ćemo u budućnosti zajedno raditi.

Udruzi HUHIV se ovom prilikom zahvaljujemo na povjerenju i želimo puno uspjeha u radu s novom platformom.