Case study – volimzdravlje.hr

PROJEKT: Izrada e-learning portala volimzdravlje.hr

NARUČITELJ: HUHIV (Hrvatska udruga za borbu protiv HIV-a i virusnog hepatitisa)

TRAJANJE: 18 tjedna

 

 

Udruga HUHIV je naš dugogodišnji klijent, jedan od onih koji su uz nas od samih početaka našeg poslovanja. Za one koji ne znaju, udruga HUHIV je jedna od značajnijih zdravstvenih organizacija tog tipa u Hrvatskoj, a koja se bavi prevencijom, edukacijom i pomoći oboljelima od HIV-infekcije i AIDS-a i virusnog hepatitisa. Portal volimzdravlje.hr nije prvi koji projekt kojeg smo za njih implementirali. Prije 9 godina smo izradili web stranicu huhiv.hr, koja je i danas, bez bilo kakvih vizualnih prilagodbi, još uvijek svježa i živopisna.

Projekt Volim zdravlje je prvi projekt udruge HUHIV financiran iz Europskog socijalnog fonda – „Promocija zdravlja i prevencija bolesti – Faza I“. Nositelj projekta je udruga HUHIV u partnerstvu s HZJZ-om. Cilj projekta je povećanje znanja, zdravih navika i svijesti mladih u RH o važnosti prevencije zaraznih bolesti povezanih sa spolnim i reproduktivnim zdravljem uz poseban naglasak na izradu održivog sustava online učenja za učenike i studente medicine kao mlade ali i buduće zdravstvene djelatnike.

U nastavku ćemo opisati izazove i specifičnosti s kojima smo se u realizaciji projekta izrade web stranice volimzdravlje.hr susreli.

Preporuka koju smo iz udruge HUHIV dobili prije 9 godina:

  • Udruga HUHIV, Tomislav Beganović, predsjednik, huhiv.hr

    "Nakon izrade nove web stranice, broj posjeta naglo je porastao..."

    Kompletan redizajn donio nam je novi moderan vizualni prikaz i izvrsno pozicioniranje na tražilicama. Broj posjeta naglo je porastao, a komentari naših postojećih i novih korisnika i fanova obuhvaćali su samo pohvale i oduševljenje novim izgledom, funkcionalnostima, preglednim i korisnim sadržajima... Kliknite za cijelu preporuku.

Osvrt na realizaciju projekta izrade web stranice volimzdravlje.hr:

  • Arian Disković, Udruga HUHIV, voditelj projekta Volim zdravlje

    "Planiramo kontinuirano održavanje i razvoj, nadogradnju i daljnju promociju e-učenja prema svim ciljnim skupinama u budućnosti."

    Temeljem proteklih suradnji u implementaciji portala udruge HUHIV www.huhiv.hr, web stranice koja funkcijski i sadržajno godinama bilježi eksponencijalni rast, izabrali smo istog izvoditelja za implementaciju edukativne platforme www.volimzdravlje.hr - tvrtku obART GRAF (o uspješnosti ranije suradnje pročitajte u preporuci Udruge HUHIV).

    Nakon provedenih stručnih edukacija u srednjim medicinskim školama, osim unaprjeđenja znanja mladih, osnovni cilj bio je prikupiti njihove povratne informacije, interese, zablude i teme u kojima im je potrebna dodatna podrška u znanju. Mlade smo na taj način uključili u oblikovanje obrazovnih sadržaja i tema sa zadatkom izrade održive edukativne platforme u suradnji sa brojnim medicinskim i zdravstvenim stručnjacima.

    U suradnji sa izvoditeljima implementacije e-learning platforme tvrtkom obART GRAF, brojnih funkcionalnosti i prilagodbi te u suradnji sa agencijama BBDO i Dialog komunikacije koji su nam pomogli u kreiranju vizualnog identiteta i svih potrebnih elemenata, kao i suradnji sa HZJZ-om kao partnerom projekta i brojnim zdravstvenim stručnjacima koji su zajedno s nama izrađivali e-leraning tečajeve, stručne i edukativne sadržaje, implementirana je stranica www.volimzdravlje.hr. Stvoren je jedinstven, održiv i fokusirani sustav e-učenja koji obuhvaća specifične teme zdravlja namijenjene postojećim i budućim zdravstvenim djelatnicima.

    Promocija edukativne platforme Volim zdravlje u suradnji sa partnerom projekta planirana je u rujnu 2020. u sklopu ciljane kampanje koja obuhvaća srednje medicinske škole u cijeloj Hrvatskoj i buduće zdravstvene djelatnike.


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. 

 

Druga faza projekta: Nadogradnje teme web stranice

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).

Mega navigacija na volimzdravlje.hr

Upravljačko sučelje za mega navigaciju je maksimalno jednostavno i izgleda ovako:

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”.

“Preslikani” članci sa huhiv.hr

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.

Želite i vi imati web stranicu potpuno prilagođenu vašem poslovanju, potrebama, željama i uzorima?

 

Obratite nam se putem web formulara, e-maila info@webizrada.org ili broja telefona 091 / 455 – 1066 (12-17h) i pitajte nas o svim detaljima naše ponude. Više informacija o našoj usluzi izrade web stranica saznajte ovdje. Naš tim spremno čeka vaše javljanje!