Joomla! za vsakogar. - PiKA, Zmagoslav Šalamun, sp
Transcription
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.