Joomla! za vsakogar. - PiKA, Zmagoslav Šalamun, sp

Joomla! za vsakogar.
Zmagoslav Šalamun
4 Joomla! za vsakogar.
KAZALO
7
Uvod
9
Sistemi za upravljanje vsebin
13
Prosto dostopna koda
Prednosti in slabosti odprtokodnih sistemov za upravljanje
Trendi razvoja spletnih strani
15
O Joomli
Projekt Joomla
Zgodovina
Strukturna zasnova Joomle
Komponente
Moduli
Vtičniki
Grafične predloge
19
Namestitev odprtokodnega sistema Joomla
Potrebna programska oprema
Podatkovna baza
Kje najdem Joomlo?
Kako poteka namestitev Joomle?
Namestitev samostojnega strežnika v vaš računalnik
Lastnosti in funkcionalnost sistemov CMS
Prednosti in slabosti
Zmagoslav Šalamun
31
Namestitev grafične predloge in osnovne nastavitve
39
Dodajanje vsebin, fotografij, komponent in modulov
Urejevalnik besedila
Priprava kategorij
Vnos besedil
Ustvarjanje menija
Kreiranje postavk menija
Vstavljanje fotografij v prispevke
Večanje fotografij v pojavnem oknu (pop up)
Vstavljanje dokumentov
63
Ustvarjanje fotogalerije
Phoca Gallery
Vertical Gallery
75
Phoca maps – Google zemljevid
81
87
95
Kontaktni obrazec
Web board ali forum
Moduli
97
Vtičniki
AllVideos
101
NoNumber
Vtičnik Slider – drsnik
Vtičnik Tabs – zavihek
Vtičnik Tooltip – oblaček
Vtičnik Modules Anywhere – vstavi modul
105
Vtičnik Facebook – Twitter – Google+1
107
109
111
Zaključek
Literatura in spletni viri
Zmagoslav Šalamun – Čudak, zaljubljen v drugačnost
5
Zmagoslav Šalamun 15
3 O JOOMLI
Joomla je sistem za upravljanje vsebin, ki temelji na odprtokodni osnovi (spletni
strežnik Apache, podatkovna baza MySQL in podpora skriptnemu programskemu
jeziku PHP). Aplikacija je dostopna pod GNU/GPL licenco. Sistem je dobil že veliko
nagrad na mednarodnih konferencah, med drugim tudi nagrado Best Open Source
Solution na mednarodnih linux konferencah.
Sistem Joomla je sestavljen iz sprednje in skrbniške strani, komponent, modulov,
vtičnikov in grafičnih predlog ter jezikovnih paketov. Gre za modularni sistem, kar
pomeni, da z dodajanjem razširitev (komponente, moduli, vtičniki) dodajamo nove
funkcionalnosti. Zato se Joomla uporablja za različne namene. Tako lahko izdelamo
vse od osebne spletne strani do kompleksnega spletišča oz. spletnega portala. Na
spletišču lahko med drugim omogočimo:
• predstavitev spletnih multimedijskih gradiv,
• galerijo slik,
• spletni forum in klepetalnico,
• spletne dnevnike (bloge),
• skladišča različnih vsebin,
• spletne koledarje,
• spletne trgovine,
• objavljanje aktualnih novic in spletnih anket. [12]
3.1 Projekt Joomla
Izhodiščna stran za razvijalce in uporabnike Joomle je http://www.joomla.org. Za
uporabnike Joomle v Sloveniji pa je na voljo spletna stran slovenskega izobraževalnega
omrežja http://www.slojoomla.si, na kateri najdemo slovensko različico Joomle
in številne prevode komponent, modulov ter vtičnikov. Na tej strani najdemo tudi
forume in navodila ter vodiče.
16 Joomla! za vsakogar.
Ob teh dveh obstaja še več spletnih strani, in sicer:
Joomla (glavna stran)
JoomlaCode
Joomla Developer Site
Joomla Extensions Directory
Joomla Documentation
Joomla Forums
http://www.joomla.org
http://joomlacode.org
http://developer.joomla.org/
http://extensions.joomla.org/
http://docs.joomla.org/
http://forum.joomla.org/
Dejansko je Joomla odlična rešitev za številne potrebe, kljub temu pa je lahko v
nekaterih situacijah neprimerna. Enako kot pri ostalih CMS sistemih, je pred uporabo
dobro premisliti, kateri CMS izbrati. [6]
Med pozitivne vidike zagotovo sodi podatek, da Joomla beleži več kot 35 milijonov
prenosov, kar pomeni, da gre za rastoč projekt z veliko uporabniki. Na voljo je več kot
tisoč razširitev, kar na spletnih straneh omogoča številne funkcionalnosti. Na uradni
strani Joomle je dosegljiva popolna dokumentacija. Joomla je aktivna skupnost, kar
pomeni, da lahko dobimo podporo na forumih in sodelujemo v številnih debatah.
Med slabosti Joomle lahko štejemo, da ne deluje brez povezave, pogosto pa se
pojavijo težave pri prilagajanju določenih delov strani, ko hočemo prilagojeni del
nadgraditi na novejšo različico. Slabost Joomle so tudi različne kakovosti razširitev.
[13]
3.2 Zgodovina
Pri imenovanju tega podpoglavja smo imeli kar nekaj pomislekov, saj se v računalništvu
v primerjavi z ostalim človeškim razvojem, vse odvija in razvija zelo hitro. Torej beseda
zgodovina v računalništvu ni primerljiva s pomenom te besede v ostalem svetu.
Joomla je nastala leta 2005 iz CMS sistema Mambo. Takrat se je del programerjev
odcepil od tega sistema. Svoje delo so nadaljevali pod drugim imenom, ki so ga izbrali
preko spleta. Beseda Joomla je izpeljanka iz besede jumla
iz afriškega jezika swahili in se izgovarja kot »džumla«, kar
pomeni »skupnost kot celota« oz. »vsi skupaj«. Tudi logotip,
ki ga vidite na sliki desno, predstavlja skupnost, povezano
v celoto. Sestavni del imena je tudi klicaj na koncu imena
»Joomla!«.
Joomla se uporablja po vsem svetu za preproste domače
spletne strani in kompleksne spletne strani podjetij. Je
preprosta za namestitev in upravljanje ter zanesljiva.
Na začetku, v letu 2005, je bila zelo razširjena Joomla! 1.0. Njen razvoj se je uradno
zaključil v septembru 2009 z različico 1.0.15.
Zmagoslav Šalamun 19
4 NAMESTITEV
ODPRTOKODNEGA
SISTEMA JOOMLA
V prejšnjih poglavjih smo se seznanili s CMS-i in Joomlo, sedaj pa je čas, za praktično
delo. Najprej morate vedeti, kje boste imeli postavljeno spletno stran. Obstajata dve
možnosti, in sicer na domačem računalniku ali pa ste izbrali gostitelja – gostovanje.
Če ste se odločili, da boste Joomlo namestili na domači računalnik, s pomočjo
MOVAmpp – samostojni strežnik s podporo Apache, MySqL, PHP, phpMyAdmin, si
oglejte poglavje 4.5 Namestitev samostojnega strežnika v vaš računalnik.
Če ste izbrali gostitelja, imate zakupljeno domeno (npr: www.domena.si) in spletno
gostovanje. Od vašega ponudnika gostovanja ste prejeli tudi gesla za FTP dostop in
geslo za dostop do nadzorne plošče gostovanja.
4.1 Potrebna programska oprema
Pri namestitvi Joomle bomo uporabili naslednje odprtokodne programe:
• Mozilla Firefox – odprtokodni spletni brskalnik, ki si ga lahko prenesete s spletne
strani http://www.mozilla.org/en-US/firefox/all/
• FileZilla – program za FTP prenos, prenesete ga lahko s spletne strani https://
filezilla-project.org/index.php
• 7-Zip – program za arhiviranje datotek z visokim odstotkom kompresije, prenesete
ga lahko s spletne strani http://www.7-zip.si/
4.2 Podatkovna baza
Podatkovna baza je pri Joomli zelo pomembna, saj se v njej nahaja vsebina strani. Kar
se dejansko prikazuje na strani, je zapisano v predlogi Joomle.
Podatkovno bazo moramo ustvariti pred namestitvijo in to storimo v nadzorni plošči
(cPanel). Najbolje je, da poiščemo MySQL Database Wizard in kreiramo podatkovno
bazo. Njeno ime lahko izberemo poljubno, dobro pa je izbrati takšno, ki se bo
navezovalo na ime portala.
22 Joomla! za vsakogar.
4.4 Kako poteka namestitev Joomle?
Ko smo Joomlo prenesli na strežnik, v spletni brskalnik napišemo ime domene, ki
smo jo zakupili, na primer http://www.domena.si. V primeru, da Joomlo nameščamo
na računalnik, pa vpišemo localhost/ime (ime kreirane mape, v katero smo naložili
Joomlo).
Prikaže sem nam prvo namestitveno okno, v katerega vnesemo osnovne nastavitve,
in sicer:
• ime spletnega mesta – vpišemo ime podjetja
• naš elektronski naslov – vpišemo svoj veljavni elektronski naslov
• meta opis – tu vnesemo ključne besede naše spletne strani (splet, web, prodaja …)
• uporabniško ime – vnesemo uporabniško ime, s katerim se bomo vpisovali v
administratorski del spletne strani
• skrbniško geslo – vnesemo geslo, ki ga v naslednjem okvirčku ponovno vpišemo
in tako potrdimo
• pri Nivoju brez povezave pustimo »Ne«.
Vse te nastavitve je po nastavitvi možno spremeniti v globalnih nastavitvah in
nastavitvah uporabnikov.
Vnesemo vse podatke in kliknemo naprej.
Namestitev – osnovne nastavitve
V drugem koraku »Konfiguracija baze podatkov« je treba vpisati podatke podatkovne
baze, ki smo jo kreirali. Tip baze podatkov in ime serverja pustimo, kot nam jih ponuja
namestitveni program (MySQL in localhost). V nadaljevanju vnesemo uporabniško ime
baze, geslo baze in ime baze podatkov (tu vpisujemo podatke, ki smo si jih zapisali
Zmagoslav Šalamun 39
6 DODAJANJE VSEBIN,
FOTOGRAFIJ, KOMPONENT
IN MODULOV
Preden pričnemo s pripravo in vnosom vsebin, moramo narediti osnutek navigacije
strani, določiti statične in dinamične vsebine. Pred vnosom vsebin je za kasnejše lažje
iskanje zaželeno narediti kategorije.
Na splošno je priprava ustrezne zasnove in strategije zelo pomembna, saj se pri
sodobnih spletnih straneh osredotočamo na vsebino in manj oblikovanje ozadja. Za
pregledno spletno stran je zelo pomembna tudi preprosta navigacija in čim več beline.
Ne smemo pa pozabiti, da lahko naše spletne strani ob komponentah, modulih
in vtičnikih ter vsebini razširimo tudi s številnimi spletnimi storitvami. Na voljo je
več kot 11.000 različnih storitev (API-jev) in skoraj 8.000 sestavljank (mashups-ov).
Vsak dan se pojavljajo nove, seznam storitev pa si lahko ogledate na http://www.
programmableweb.com/.
6.1 Urejevalnik besedila
Besedilo lahko pišemo kar v oknu za novi prispevek ali pa besedilo kopiramo iz
LibreOffice Writer-ja ali drugega podobnega programa za urejanje besedil. Najbolje
je, da besedilo kopiramo preko beležnice, ker potem izgubimo njegovo predhodno
oblikovanje.
Ko smo besedilo napisali ali kopirali v okvir novega prispevka, se prične urejanje, ki
poteka s pomočjo HTML kode ali s pomočjo urejevalnika WYSIWYG (ang. What You
See Is What You Get). Poznamo več urejevalnikov besedil. Ob namestitvi Slojoomle se
nam je naložil Urejevalnik – TinyMCE.
40 Joomla! za vsakogar.
Vnosno okno novega prispevka z urejevalnikom TinyMCE
Pri našem delu bomo uporabljali JCE editor, saj je ta eden izmed pogosteje
uporabljenih urejevalnikov besedil. Odločitev o tem, s katerim urejevalnikom boste
delali, prepuščam vam. Mi bomo delali z JCE editor-jem, ki ga najdemo na uradni
spletni strani: https://www.joomlacontenteditor.net/downloads/editor/joomla-3.
Spletna stran JCE editorja
Namestitveni paket prenesemo z uradne spletne strani in ga shranimo v mapo, v
kateri shranjujemo vse razširitve za Joomlo. Komponento JCE namestimo preko
uporabniškega vmesnika, kot smo namestili grafično predlogo. Po enakem postopku
bomo nameščali vse komponente, vtičnike, module in predloge. Zato bomo postopek
še enkrat ponovili.
Stisnjeno datoteko smo prenesli s spletne strani in jo shranili na disk. V
administratorskem delu spletne strani v meniju kliknemo RAZŠIRITVE in v spustnem
meniju izberemo Namesti/Odstrani. Izberemo gumb Prebrskaj, poiščemo stisnjeno
namestitveno datoteko com_jce_2344 in kliknemo Namestitev.
Zmagoslav Šalamun 75
8 PHOCA MAPS GOOGLE ZEMLJEVID
Google zemljevidi so vedno popularnejši in tudi za Joomlo obstaja komponenta,
s pomočjo katere lahko na interaktivnem zemljevidu prikažemo željeno lokacijo.
Komponenta se imenuje Phoca Maps. Komponenta omogoča tudi številne nastavitve.
Možno je nastaviti tudi izpis poti od vnesenega naslova do ciljne lokacije na zemljevidu.
Komponenta ni prevedena v slovenščino, zato je pred uporabo potrebno prevajanje.
Komponento snamemo s spletne strani http://www.phoca.cz/download/category/37phoca-maps-component in zip datoteko naložimo v administrativnem delu Joomle.
Phoca Maps je nameščena
Komponenta je uspešno naložena, sedaj je potrebno narediti nastavitve. Najprej bomo
kreirali zemljevid (Maps). Napišemo Naslov zemljevida, vpisali smo Naša lokacija, alias
lahko pustimo prazen ali pa ga vpišemo. Latitude in Langitude najlaže nastavimo,
če kliknemo na Set Coordinates in na zemljevidu z miško grafično izberemo našo
lokacijo.
Zmagoslav Šalamun 111
V
CUDAK,
ZALJUBLJEN
V DRUGACNOST
V
Zmagoslav Šalamun,
diplomirani inženir medijskih komunikacij
Že kot otrok je segal po zvezdah, ki so mu bile najbolj oddaljene. Tiste so bile bolj
skrivnostne, skrivale so zgodbo, ki je bila posebna in je imela globjo vsebino. Odraščal
je v sožitju z naravo v majhni vasici Biš in že pri rosnih 10 letih mu je šolska knjižnica
postala preozek svet fantazije. Svojo življenjsko pot je kot strojni tehnik najprej zarisal
za risalno desko v mariborskem TAM-u, kasneje pa ugotovil, da je treba razširiti
obzorja. Delo na RTV Slovenija in piljenje novinarskega znanja mu je dalo bogato
popotnico za življenjsko delo v medijih – od radia, do sodelovanja s številnimi časopisi
kot novinar dopisnik in tudi kot odgovorni urednik. Po več kot 10 letih dela v svetu
mikrofonov in kamer je ugotovil, da mora prakso nadgraditi. Med študijem Medijskih
komunikacij na Fakulteti za elektrotehniko, računalništvo in informatiko v Mariboru
je ponovno odjadral v svet, ki mu je bil nadvse blizu – v Državni zbor Republike
Slovenije. Kot strokovni svetovalec v hiši demokracije je poleg študija v Mariboru z
odliko zaključil Londonsko šolo za odnose z javnostmi, še naprej pa učinkovito upravlja
svoje podjetje Pika. Po uspešno končanem zagovoru diplomskega dela z naslovom
Analiza obstoječih razširitev v sistemu Joomla!, kljub svoji nenadni bolezni, pogumno
uresničuje svoje sanje. Odločil se je za magistrskegi študij, s polno paro dela tudi v
svojem 11-letnem podjetju Pika, ki je vmes celo doživelo celostno preobrazbo. Ker
dela in živi za to, da pomaga ljudem, se je odločil, da bo svoje znanje izlil v priročnik
Joomla! za vsakogar., ki bo omogočal, da imajo vsi možnost samostojnega urejanja
oziroma ustvarjanja spletne strani v odprtokodnem sistemu Joomla!.
Njegovi dosežki so izjemni. Venomer sta ga na njegovi poti vodila neomajna trma,
trezno razmišljanje in sprejemanje odločitev, ki so mu kreirale življenje, kot si ga je
želel. Nikoli in nikdar se ni ustrašil, zasmilil sam sebi, ampak je s pokončno glavo
112 Joomla! za vsakogar.
prehodil trnovo pot, ki je v sokrajanih, prijateljih in znancih vzbudila spoštovanje.
Človek, ki v sebi skriva neomajne količine znanja, a skromno prizna, da vsega ne ve.
Človek, ki ljubi in podpira drugačnost, je odprt za nove izzive in stalno hodi po robu.
Človek, ki ti zna podariti lepe in tople besede, je human in empatičen, poln življenja
in iskrenega nasmeha. Človek, od katerega se lahko naučiš marsikaj.
Nina Zorman
JoomlaZmagosl
! zaav Šalvsakogar.
amun
Verjetno se vam je ob spletnem deskanju že odprla spletna stran, nad
katero ste bili navdušeni in ste si rekli: »Vau, ta stran mi je res všeč! Tudi
jaz bi imel/-a takšno spletno stran.« Vendar ste si v naslednjem trenutku
premislili, saj ste začeli razmišljati o tem, da je takšna spletna stran
verjetno draga in jo boste naročili takrat, ko boste imeli več denarja.
Sedaj se vam je ponudila prava priložnost, saj si lahko s priročnikom, ki
ga držite v roki, takšno spletno stran izdelate sami.
Iz priročnika boste pridobili teoretska in praktična znanja, saj je na prvih
nekaj straneh opisana teorija, v nadaljevanju pa opis praktičnega dela
pri postavitvi spletne strani z odprtokodnim CMS sistemom Joomla.
Priročnik vas bo jasno in preprosto vodil pri nameščanju Joomle, osnovnih
nastavitvah ter izboru grafične predloge. Postal bo vaš zvesti sopotnik
pri namestitvi besedila, fotografij in dokumentov na vašo spletno stran.
Z roko v roki bosta nameščala fotogalerije, Google zemljevid, kontaktni
obrazec, izdelala bosta lastni forum in spletno stran povezala s socialnimi
omrežji. Ob tem vam priročnik ponuja še opise in postopke namestitve
različnih razširitev za Joomlo.
Prijetno delo vam želim.