Novi MTID-ov web sajt u beti / plagosus / blog

Novi MTID-ov web sajt u beti

Posle višenedeljnog malte ne danonoćnog rada, sinoć smo završili i pustili u pogon novu beta verziju MTID-ovog sajta. Sa jedne strane, sam malo umoran i iscrpljen, a sa druge sam hiperaktivan usled očekivanja reakcije javnosti na ovaj malo neočekivano drugačiji sajt, posebno ako se uzme u obzir da je u pitanju zvanični sajt Ministarstva.

Ideja celog projekta

Kada je, krajem prošle godine, pokrenuta ideja o kompletnom redizajnu i restruktuiranju celog postojećeg sajta Ministarstva za telekomunikacije i informacionog društva, znao sam samo da novi sajt mora biti savremen i funkcionalan, a shodno tome i povezan sa društvenim mrežama. Kako bi se povećala interakcija sa posetiocima i ostvarila međusobna komunikacija, bilo je potrebno omogućiti da se sadržaj sajta lako distribuira (šeruje) na društvene mreže, kao i da se na vesti i saopštenja omogući (p)ostavljanje komentara. Ministarka Jasna Matić želela je da pokaže da sve može i drugačije, pa otuda i moj komentar da je u pitanju jedan drugačiji sajt.

Dizajn i vizuelni identitet

Kako se na kritike sajtova 90% ljudi hvata upravo za grafiku i ono što vidi, krenuću upravo od ovog, u opštem slučaju najmanje bitnog dela jednog sajta. Iako nisam preveliki fan veselih (da ne kažem vrištećih) boja na web-u, moram priznati da je ova neočekivana kolor šema zaista prijatna za oko. Nijanse plave, zelene i žute do boje kože jasno stavljaju do znanja da je na čelu ovog agilnog ministarstva ambiciozna žena sa puno ideja.

Sajt vizuelno, totalno iskače iz stereotipa jedne državne institucije i nalazi se na tankoj granici između veselog i prijatnog sa jedne i možda čak malo i neozbiljnog sa druge strane. Na ovaj po malo rizičan korak i dizajn koji predstavlja mač sa dve oštrice, odlučila se Ministarka koja se čekirala i na TweetUp-u i kojoj nove tehnologije nisu strane i za to skidam kapu. Kao što pomenuh, mnogo je bitnije ono što sajt sadrži (content is the king, je l’?) od onoga kako izgleda, a za ovaj sajt se može pričati o svemu osim da nije živ. U krajnjem slučaju, sve  je stvar ukusa, pa su tako i prvi utisci na temu dizajna poprilično podeljeni.

Ekipa iza…

Da cela priča bude ispraćena do kraja pobrinula se proverena i dokazana ekipa ljudi sa domaćeg weba. Kako je sajt samo portal za sve ono čime se MTID bavi (a to, po ko zna koji put, nema apsolutno nikakve veze sa prodajom Telekoma, iako tona ljudi potencira na to…) pripremljeno je puno kako tekstualnog, tako i ostalog multimedijalnog materijala koji će ispratiti projekte koji se na ovom sajtu prezentuju. Pored Istoka Pavlovića koji je odradio najveći posao vezan za grafički dizajn i Zorana Torbice koji je kao organizator sve organizovao, mnogo toga ne bi uspelo da deo ekipe nije bio i Ivan Rečević iz Huge Media, koga glavni posao čeka tek sada posle objavljivanja sajta.

Posao glavnog urednika obavlja Vladimir Cerić (koga verovatno svi zante iz Live-e.TV-a), tekstualni sadržaj priprema Viktor Marković (koji je svima poznat po tekstovima iz Njuz.net-a), a muke nam je svojim savetima olakšavao Sloba Marković. Moja malenkost je njihove želje, ideje i ostale umotvorine, uz ogromne doze kofeina, pretvarala u formu koja je široj javnosti poznatija pod nazivom web sajt, a usput rešavam i sva ostala tehnička pitanja. Srećom, povremeno nam je pomagao i Filip što je dodtatno ubrzalo posao.

Primenjene tehnologije

Za implementaciju sajta, korišćene su savremene WEB 2.0 tehnologije, kao i softver otvorenog koda (ograđujem se od dizajnera – oni imaju računare sa jabukom). CMS u pozadini je, svima poznat i oprobano dobar, WordPress, za koji sam izradio kompletno prilagođenu temu (template) sa puno dodataka pisanih specijalno za ovu priliku. XHTML/CSS je standardan i bez hackova, a za animacije  je iskorišćena jQuery JavaScript biblioteka. Moram da pohvalim i Urketov WP Translit plugin za automatsko preslovljavanje iz ćirilice u latinicu, koji je objavljen pod GNU GPLv3 licencom, pa sam kao takvog mogao da ga rasčerupam i ugradim u sajt. Ostatak materijala se po potrebi uključuje sa online servisa koji služe za deljenje takvih sadržaja: YouTube i Flickr.

Društvene mreže

Već pomenuh da je sajt povezan sa društvenim mrežama i to ne samo dugmićima za laku distribuciju sadržaja (šerovanje linkva i sl.) već i profilima/stranicama na istima. Tako je pored Fejsbuk stranice, Ministarstvo dobilo i zvanični nalog na Twitteru, tu su i nezaobilazni YouTube kanal za video materijale i Flickr za foto albume. Ne samo da zaposleni u MTID-u žele da informacije sa sajta jednostavno i brzo dožu do građana, kojima su i namenjene, već su otvoreni i za komunikaciju sa ljudima, u čemu će im novi portal u mnogome pomoći.

Meni je drago da neko iz državne uprave, pre svega ima razumevanja za community, a onda još i pokaže želju da se uključi i sasluša šta ti ljudi imaju da kažu, sa kakvim problemima se susreću i da na sve to odgovori potencijalnim rešenjima. Još, verovali ili ne, sve to u Srbiji!

Završni radovi

Sajt je još uvek u beta fazi i ne zna se do kada će sa ponosom nositi taj bedž. Setimo se samo da je Gmail u beti bio celih 5 godina i da to nikome nije smetalo, čak su šta više za prave fanove napravili opciju da se vrati beta natpis gde je bio u vreme prave beta verzije.

Na MTID-ovom sajtu, “beta” označava otvorenost ekipe, koja stoji iza sajta, da sasluša i prihvati sve konstruktivne predloge. Paralelno sa peglanjem svih eventualnih problema i bubica na koje se naleće, sprema se i razmatra lista stavki koje bi mogle da se odrade na neki bolji ili zgodniji način. Planira se premeštanje nekih opcija na mesta koja bi većini bila zgodnija, javno se testira prikaz na različitim browserima i operativnim sistemima… i sve ostalo gde zajednica može da pomogne. Zato, ako imate bilo kakav predlog, sugestiju, problem, nedoumicu, pitanje, pohvalu, kritiku ili vam jednostavno klik na “Like” nije dovoljan da izrazite svoje mišljenje, budite slobodni da ostavite komentar, bilo ovde ili direktno MTID-u preko nekog od dostupnih kanala. Bićemo vam zahvalni na pomoći, a istovremeno ćemo vam crowdsourcing-om okupirati pažnju detaljima, pa nećete ni primetiti da sadržaj sa prethodnog sajta još nije prebačen u potpunosti i da se polako seli na novi dok vi ovo čitate, kao i da će sve biti prebačeno tek kada beta bedž prestane da krasi gornji levi ugao sajta 😉

Podeli sa prijateljima...Share on Facebook37Tweet about this on TwitterShare on Google+0Share on LinkedIn0

31 responses to “Novi MTID-ov web sajt u beti”

  1. Zubarica says:

    Čestitam, evo komentara 🙂 http://bit.ly/fCr6FA

    • brankko says:

      Hvala puno na komentaru, pohvalama i savetima.
      Kontakt forma i sl. su spremni, samo čekam(o) da korenje birokratije odluči kome se totične poruke šalju pa će biti i toga… proces beta faze 🙂

      Zamolio bih da podeliš i sve potencijalne mane, jer samo tako stvari možemo popraviti 🙂

      Hvala Zubarice! 😉

  2. Zubarica says:

    Dragi prijatelju, evo da ja sad napišem tebi ovde, da se ne ganjamo po blogovima :).

    Nisam vas posebno kritikovala iz ovih razloga:
    – prvi je taj što je tim izuzetan, i mislim da ćete sve rešiti pre nego što ja otkucam šta mislim da još treba :),
    – ti znaš bolje nego ja koliko sve zavisi od naručioca sajta;
    – nemam trenutno vremena da pravim celu analizu, a vi to sve ionako znate i bez mene; moje primedbe bi se mogle ticati samo nekog tehničkog dela, ali umete i sami da raščitate W3C i usability osnovne standarde, da ne gnjavim dalje.

    Ovo je bilo otkrovenje, ozbiljno :).

  3. Filip says:

    Posto se i ja bavim web dizajnom, moram uputiti par saveta i predloga. Ne znam tacno koju color schemu si koristio, ali ova Lime zelena – bode oci. Na vrhu ova zelena boja me podseca na default pozadinu sa windowsa 95. Zatim ovaj main-top.png (http://bit.ly/dJ1yID) kao i svi detalji na sajtu su uradjeni amaterski, ja kapiram zelju i volju i sve da se odradi kako treba, ali cisto radi primera pogledaj dugmice i preciznost layouta svog bloga, a pogledaj ivice na sajtu, takodje i ova pozadina je krzava, kao da je bila manja pa je rasterski uvelicana. Sto se tice podele i organizacije sadrzaja, prikaz istih, nemam zamerku, obican korisnik moze i brzo da dodje do zeljenih informacija. Zatim svaki title je pisan cirilicom, a sadrzaj na sajtu latinicom, pri tome u html tagu ti stoji da je lang en-US…ne znam da li sam te ubio u pojam, ovako sam i ja radio na pocetku, sve ce to doci na svoje vremenom, ako se ozbiljno budes bavio web dizajnom, ali mislim da ovo trenutno nije najbolje resenje za MTID. Sve najbolje u daljem radu.

    • brankko says:

      Kao prvo hvala na komentaru.
      Dalje, neke od ovih stvari su vec u procesu izmene i dorade (pocevsi od pozadinske slike, do ponovnog fiksiranja elemenata layout-a jer su trenutni na nekim mestima pobegli zbog promene rezolucije (sirine) istog u pola posla). Ima jos stvari na kojima se radi, tako da je svaki predlog dobrodosao. Cilj je da se do kraja bete sve ispegla (da nije za peglanje, ne bi ni stajalo beta 🙂 )

  4. Milan says:

    Pozdrav @Filip
    Zatim svaki title je pisan cirilicom,a sadrzaj na sajtu latinicom, – Dodatak za WordPress,SrbTransLatin (http://pedja.supurovic.net/projekti/srbtranslatin) ima bug da svaki title prikazuje ćirilicom (pogledaj moj blog (http://milankragujevic.iz.rs/?ref=comments ),i njemu je title na ćirlici bilod ali je latinica…

    pri tome u html tagu ti stoji da je lang en-US… – Pa pošto @plagosus koristi Englesku verziju WordPress-a,normalno je da će WordPress sam u temu ubaciti en_US…

    @plagosus – Instaliraj srpsku verziju WordPress-a,ili bar prevod ili ručno u template-u unesi sr_RS…

    • brankko says:

      Nemam nista protiv cirilicnih CMS-ova, ali ostali ljudi se po nekad slabo snalaze, tako da sam to ostavio za kraj. Da samo zamenim kada sve bude gotovo, ali ima se u planu 😉

    • brankko says:

      Nasao sam 'bug' u pluginu i ispravio. Javicu autoru (Urketu) da stavi neko obavestenjce kod njega na blogu ili opisu plugin-a.

  5. Prema zbirnoj analitici sa desetak sajtova na kojima imam google analytics kod čak 36.47% korisnika ima rezoluciju monitora 1024 x 768. Vi verovatno imate bolje podatke i uzete na većem uzorku. Zašto ste onda odlučili da uradite širi sajt? Ne svidja mi se što se javlja horizontalni skrol

    • brankko says:

      U principu 1024 ide negde izmedju 20-30% a rezolucije manje od 1024 su svega par procenata (ukljucujuci i mobilne browsere – za koje ce u svakom slucaju ici mobilni template). Content sajta je sirine 1000 sto se uklapa u 1024, ali zbog one trakice dole koja strci je wrapper morao da se prosiri na 1200, sto se ni meni ne svidja. Kako smo bili u skripcu sa vermenom, peglanje takvih stvari je potisnuto bitnijim, tipa uskladjivanje stvari koje omogucuju da sajt uopste funkcionise, linkova na aktuelne zakone i sl.) a ovo sve ide na todo listu za naknadno peglanje… Ako se secas, pominjao sam da sam iz istog razloga nepodnosenja horizontalnog skrola to sredio ovde npr. no oduzelo je poprilicno vremena dok se nije uskladilo. Sto bi rek'o drug Sojic: Ce da bude sredjeno 😉

  6. Filip says:

    @Milan: bug nije opravdanje, ili se ispravi ili se ne koristi, svasta. Zatim "normalno je da će WordPress sam u temu ubaciti en_US" nemam reci, to se sve podesava, sve na sajtu moze da se podesi, ako podatak nije u kodu, onda ga vuce iz baze, u svakom slucaju Edit-ovanje je moguce.

    • brankko says:

      Slazem se u potpunosti. Postoji razlog zasto je (privremeno) tako, ali bice sredjeno na kraju.

  7. Milan says:

    Pozdrav @Filip
    Editovanje da prikazuje sr_SR je veoma lako…
    Samo treba da se podesi kroz aadmin panel,ili jednostavnoda se instalira srpski prevod…
    A to za bug – Pa može da se koristi I Avramov plugin…

    • brankko says:

      Gledao sam i Pedjin, tako da cu videti na kraju kako cu to resiti.

      • Milan says:

        Ne radi ti link ka više stranica(/page/2/) – Prikazuje iste postove bilo da li sam odabrao da bude druga,treća,četvrta ili peta strana (članaka)

        • brankko says:

          Znam. Sa templejtom je problem. Nemam kad da sredim, a i onako menjam template uskoro…

  8. RastaSheep says:

    Hteo sam da hejtujem al necu .. u svakom slucaju Brankko je samo zaduzen da se izvrsi ono sto mu se kaze .. a i o ukusima ne treba raspravljati .. bice to ok kad se srede sve stvarcice 🙂

  9. Milan says:

    rezoluciji od 1024X768 se pojavljue vodoravni skrol…

  10. Zubarica says:

    :smeh:
    I sad da je jedna obična zubarica rekla da ne voli fixed width generalno, ili ko zna šta, da ispadnem rogata :). Bolje vi – ionako znate sve, samo da "dotegnete".
    I – srećno od srca, ne videh da vam neko reče :).

  11. Acim says:

    Da li je ovo komercijalni projekat?

  12. Tomin says:

    Skinuli ste temu, izmenili background i tri boje u CSS-u.
    Sidebar na svim stranicama isti.
    Wp-admin niste sklonili.

    Vizuelno sajt izgleda odlicno, sve pohavle, ali nemojte da pricate kako ste se ubili od posla ovo je maznuta tema.

  13. Unesite tekst ovde!

  14. lidijabera says:

    Fantastičan je! Svaka čast i Ministarki i vama 🙂

  15. Car says:

    Nije lose…Mpze to ibolje…Mlad je naucice!!

  16. Oliver says:

    Koliko će da košta ovaj open source projekat?

  17. Nemanja says:

    Istoce izuzetno cenim tvoj rad i pratim tvoje teme koje objavljujes na svom blogu. Prvenstveno te vidim kao SEO experta a ne kao dizajnera,iako sam siguran da poznajes PS i pratis trendove. Na svako tvoju temu koju si objavio samo reci hvale, ali nazalost posao koji je odradjen ovde je za kritikovanje. Ukusi su razliciti i ja se sa tim slazem, ali ne mogu da se slozim da u 2011, mi dobijamo sajt koji sa stilom vizuelno a i tehnicki kasni bar 2 godine. To bi jos donekle razumeo da je radjen za neku privatnu malu kompaniju gde je budzet bio mali pa da prodje, ali ovako sajt jedne drzavne institucije da izgleda ovako krajnje neozbiljno. Imas toliko prijatelja koji su vrhunski web dizajneri…zasto te nisu posavetovali i kritikovali dok si ovo pravio?

    Ove kritike su dobronamerne i nadam se da ce pozitivno delovati na buduce projekte koje budete radili jer ekipa je stvarno cool i ne vidim otkud prosotra za ovoliko neprofesionalnosti.

  18. Talaha says:

    Hvala za uzimanje vremena kako bi razgovarali o tome, osjećam se jako o tome i vole učiti više o ovoj temi. Ako je moguće, kako da steknete znanje, bi li um ažuriranju svoj blog s više informacija? To je vrlo korisno za mene … hvala

Leave a Reply

Your email address will not be published. Required fields are marked *

 
06 November, 2010.
05 October, 2010.