krešimir varga, mag. educ. inf....wordpress///// jedan od najpopularnijih sustava za upravljanje...
TRANSCRIPT
digitalnogškolskog lista
Krešimir Varga, mag. educ. inf.
Izrada
Sadržaj //////////////////////////////▪ usporedba tiskanog i digitalnog izdanja
školskog lista
▪ proces stvaranja digitalnog školskog lista korištenjem CMS-a
▪ responzivnost, informacijska arhitektura, kolaboracija i interaktivnost
▪ korištenje WordPressa u izradbi školskog lista – demonstracija i primjeri
Tiskani vs. digitalni list
Uvod //////////////////////////////
▪ tiskani školski list
▪ digitalizirani školski list (PDF)
▪ digitalni školski list (novinski portal)
▪ proširenje tiskanog izdanja
▪ samostalno izdanje
▪ dvostruki prijenos sadržaja
▪ školsko mrežno mjesto (web stranica)▪ Carnetov CMS za škole :(
▪ školske stranice na društvenim mrežama
Od idejedo realizacije
CMS //////////////////////////////
▪ sustav za upravljanje sadržajem (eng. Content Management System)
▪ platforma za stvaranje, izmjenu, upravljanje i objavljivanje sadržajana složenom web mjestu kroz jednostavno korisničko sučelje i kolaboraciju s drugim korisnicima
▪ cilj: omogućiti korisnicima izradu složenih web mjesta i upravljanje sadržajem bez složenijih programerskih znanja i vještina
▪ primjeri: WordPress, Joomla, Drupal
WordPress//////////////////////////////
▪ jedan od najpopularnijih sustava za upravljanje sadržajem otvorenog koda (eng. open-source)
▪ WordPress pokreće više od ¼ web stranica na internetu
▪ WordPress.org vs. WordPress.com
WordPress.org WordPress.com
Što se krije u pozadini?
Nadzorna ploča u WP-u
//////////////////////////////Teme i proširenja
▪ tema je dizajnersko rješenje i raspored sadržaja koji možemo odabrati za web mjesto napravljeno u WP-u
▪ sadržaj web mjesta odvojen je od dizajna
▪ temu možemo promijeniti u bilo kojem trenutku, bez ikakvog utjecaja na sadržaj
▪ odabir teme: besplatne i komercijalne
▪ proširenja: widgeti i programski dodatci
Odabir teme
Odabir teme
Odabir teme
Odabir teme
Cijena!? //////////////////////////////
▪ zakupljen prostor na poslužitelju (eng. hosting)
▪ potreban je paket s bazom podataka i većim prostorom
▪ 200-400 kuna godišnje
▪ domena (.hr, .com, .com.hr, .eu)
▪ ponekad besplatna u paketu sa zakupljenim prostorom
▪ oko 100 kuna godišnje
▪ komercijalna tema
▪ 50-60 €
Responzivnost
//////////////////////////////Responzivnost
▪ responzivni dizajn omogućuje da se sadržaj web stranice prilagođava prikazu na različitim uređajima kako bi uvijek bio čitljiv i pregledan
Informacijska arhitektura
//////////////////////////////IA
▪ informacijska arhitektura (eng. Information Architecture)
▪ arhitektura razumijevanja*
▪ sustavi navigacije, organizacije, označavanja i pretraživanja
* „Pomoći korisnicima da razumiju gdje se nalaze, što su pronašli, što mogu očekivati i što se nalazi u okolini.” (P. Morville)
//////////////////////////////Stranice i objave
▪ objava – svaki unos u blogu koji se sastoji od naslova, sadržaja i multimedije te se češće objavljuje
▪ svaka objava sadrži vrijeme objavljivanja
▪ prikazuju se obrnutim kronološkim redoslijedom na glavnoj stranici
▪ većini je dodijeljena i neka kategorija ili oznaka
▪ stranica – element web mjesta koji se sastoji samo od naslova i sadržaja te se ne mijenja često
▪ ne ovise o vremenskim oznakama
▪ ne prikazuju se kronološkim redoslijedom
▪ nemaju kategorije i oznake
//////////////////////////////Kategorije i oznake
▪ kategorije i oznake (eng. tags) su mehanizmi za organiziranje i pronalaženje objava unutar jedne ili više stranica
▪ kategorije su poput rubrika, dok su oznake sličnije ključnim riječima
//////////////////////////////Primjer strukturePOČETNA
DOGAĐAJNICA
KAD ZVONONE ZVONI
NAŠI USPJESI
ŠKOLSKI PROJEKTI
U ŠKOLI (I IZVAN NJE)
TEMA BROJA
BUNT(OVNICI) S RAZLOGOM
MLADI I SEKSUALNOST
NA GRANICI
KUĆA SLAVNIH
KREATIVNI ZID
PORTRETI
MEDIJATEKAČITATELJSKI
KLUB
KOMENTAR UREDNIKA
LAJKAMO
IZDVOJENO VIDEOZID
//////////////////////////////Kolaboracija
▪ korisničke uloge u WP-u i njihove ovlasti:
ADMINISTRATOR
može pristupiti svim administratorskim
funkcijama (uređivanje i mijenjanje teme,
instaliranje dodataka, rad s korisnicima itd.)
UREDNIK
ima najvišu razinu dopuštenja za rad sa
sadržajem, ali ne može mijenjati postavke samog web mjesta
AUTOR
oni su poput kolumnista u novinama; imaju
potpunu kontrolu nad vlastitim sadržajem, ali
ne i nad tuđim
SURADNIK
mogu pisati, uređivati i brisati vlastite
postove, ali ih ne mogu objavljivati
(pospremaju ih kao skice i šalju uredniku
na prihvaćanje)
PRETPLATNIK – registrirani posjetitelj koji može mijenjati samo svoj profil i objavljivati komentare
//////////////////////////////Interaktivnost
▪ interaktivni sadržaji i interakcija s korisnicima
▪ ankete, kvizovi, infografike…
▪ komentari ispod objava (moderirati ili ne?)
▪ integracija s društvenim mrežama (Facebook, Instagram, YouTube…)
▪ poziv čitateljima na suradnju
WordPress- demonstracija
I što nakonsvega toga?
Kraj? //////////////////////////////
▪ tek početak…
▪ promidžba digitalnog lista
▪ redovito ažuriranje digitalnog lista
▪ dijeljenje sadržaja na društvenim mrežama
▪ LiDraNo i natječaj Jutarnjeg lista Biramo najbolji školski list
▪ pronalazak novih ideja
Primjeri //////////////////////////////
▪ Franzine, https://gimnazija-fgalovic.hr
▪ Čarobna frula, http://carobna-frula.com
▪ Zmajček, http://os-kasina-zmaj.com.hr
▪ Mali Goran, http://www.maligoran.info
▪ Bartulin, http://www.bartulin.com
▪ Mi, https://www.casopis-mi.org/
▪ Coppell Student Media, https://coppellstudentmedia.com
Zaključak //////////////////////////////
Literatura
1. Brautović, M. (2011.), Online novinarstvo, Školska knjiga, Zagreb
2. Krol, K. (2017.), WordPress – kompletan priručnik, Dobar plan, Zagreb
3. Primorac, B., Šimeg, M. i Šojat, A. (2010.), Novinarstvo u školi, Školska knjiga, Zagreb
4. Varga, K. (2014.), Informacijska arhitektura školskih web-mjesta, diplomski rad, Sveučilište u Zagrebu, Fakultet organizacije i informatike, Varaždin
5. Varga, K. (2012.), Oblikovanje i prijelom studentskog časopisa, završni rad, Sveučilište u Zagrebu, Fakultet organizacije i informatike, Varaždin
//////////////////////////////
Pitanja? //////////////////////////////
