[CMS ET JOOMLA I FAGET IT1]

Transkript

1 2011 Kongsberg videregående skole Buskerud fylkeskommune Geir Klevstad [CMS ET JOOMLA I FAGET IT1] Joomla er ett av flere CMS basert på åpen kildekode. Det kan brukes til å publisere innhold på Internett. Joomla er skrevet i php og lagrer data i en MySQL-database. Kompetanse i HTML/CSS kombinert med database gir mange spennende muligheter innen sjangeren CMS. Joomla er fritt (også gratis) og kan kjøres enten lokalt på en PC eller på en webserver. Det finnes mange gode nettressurser på temaet. Elevene får tidlig opp et nettsted som er brukervennlig, og har et profesjonelt design. Mange firmaer bruker Joomla som basis ved utvikling av nettsteder.

2 Ressurser til bruk i og etter seminaret Ressursene som blir brukt i dette seminaret ligger på minnepennen som sendes rundt. Kopier hele mappen [Lillhammer2011] over på din egen maskin. Da vil du finne følgende: Programfiler o Xampp webserver med demositer som brukes i seminaret _joomla_praktisk Klargjort til praktisk økt(database Demo4) joomla_demo_inkl_innhold Ferdig installert med eksempelinnhold(database Demo1) joomla_demo_uten_innhold - Ferdig installert med innhold etter Joomla Norsk startveiledning (Database Demo2) joomla_demo_database Ferdig installert ihht Hovedområde Databaser(Database Demo3) o MysSQL Workbench Dokumentasjon - samlet i et dokument o Hovedområde Nettsteder og Multimedier Joomla veiledning I o Joomla - Norsk startveiledning o Hovedområde Databaser Sjekk her for å komme i gang med det praktiske arbeidet. Brukere på alle 3 siter: Xampp: Alle passord: xampp MySQL Brukernavn: root Passord: xampp Administrator Joomla Brukernavn: admin Passord: xampp Registrert bruker : Brukernavn: ingrid Passord: Bruker01 Registrert bruker : Brukernavn : helene Passord: Bruker01 Lisensiering: Vedlagte startveiledning for Joomla er lisensiert under JEDL, Joomla Electronic Documentation License.

3 Innholdsfortegnelse Hvordan komme i gang med Xampp-serveren?... 5 Hovedområde Nettsteder og Multimedier Joomla veiledning I... 8 Hva er Joomla?... 8 In action... 8 Joomla! for End Users... 8 What can Joomla Do?... 8 What's in a name?... 9 Installasjon Konfigurering av webserver Innstallering via webgrensesnitt Grunnleggende konfigurering Frontend / Backend / Brukerbehandling Komponenter (Component), moduler (Module), Plugin, maler (Template) Component Module Displaying Modules Newsflash Example Plugin Template Hvordan Seksjoner og kategorier Innstillinger førsteside Frontpage Forside Meny Legge til nytt menyvalg under Brukermeny Moduler Plassering av innhold Modulplasser for standardmal Forhåndvisning Modulplasser for malene fra Yootheme Publisere innhold Utvidelser RSGallery L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 3

4 Joomla - Norsk startveiledning Aktuelle Kompetansemål Hovedområde Databaser Del 1: Databasemodellering MySQL Workbench Aktuelle kompetansemål Start opp MySQL Workbench Åpne tilkoplingen du laget Importer tabellene Fremmednøkkel Del 2: Realisering av modell Aktuelle kompetansemål Velger databasen som skal synkroniseres Velger endringer som skal utføres Del 3: Skjema for å legge inn/endre/slette data Aktuelle kompetansemål Menylenke til skjemaet Redigere/slette egne data Legge ut menylenke for å kunne redigere/slette egn data Del 4: Formatere utdata Aktuelle kompetansemål Plot 1- Spørring summert aktivitet Plot 2 - Spørring Type aktivitet Plot 3 - Spørring treningsmengde Skjema hvor man henter verdier fra en annen tabell Joomlaressurser L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 4

5 Hvordan komme i gang med Xampp-serveren? Xampp kan kjøres fra en flyttbar disk(usb el) eller liggende på harddisk. Kopier hele mappa Lillehammer2011 over på din lokale harddisk c: \ Inne i mappe xampp finnes batchfilen setup_xampp.bat. Ved å starte fila vil du kunne konfigurere xampp på ny enten pga flytting eller ved kopiering. Her vises at gjeldende xamppplassering ikke er i henhold til den konfigurerte plasseringen. Vi svarer y for å fortsette Dersom du skal kjøre xampp fra flyttbar disk svarer du y. Skal du derimot kjøre xampp fra lokal disk(for eksempel c:\ )svarer du n. Vi svarer n her. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 5

6 Xampp gjør nødvendig konfigurering i sitt nye miljø. Trykk enter Vi kan se at Xampp er flyttet til c:\ og konfigurert og klar til bruk. Trykk 1 og [enter] for å starte kontrollpanelet. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 6

7 Her kan vi starte de nødvendige tjenestene Apache webserver MySQL databaseserver Trykk på start. Dersom vi ønsker at xampp med webserver og MySQL skal starte automatisk hver gang vi logger oss på pc en kan vi huke av i boksene Svc. Apache og MySQL vil da kjøre som tjenester. Husk å skru av alle kjørende xampp-tjenester før en evt flytting eller kopiering. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 7

8 Hovedområde Nettsteder og Multimedier Joomla veiledning I Joomla! is one of the most powerful Open Source Content Management Systems on the planet. It is used all over the world for everything from simple websites to complex corporate applications. Joomla! is easy to install, simple to manage, and reliable. Joomla! is an award-winning Content Management System (CMS) that will help you build websites and other powerful online applications. Best of all, Joomla! is an open source solution that is freely available to everybody. Hva er Joomla? In action Joomla! is used all over the world to power everything from simple, personal homepages to complex corporate web applications. Here are just some of the ways people use our software: Corporate websites or portals Online commerce Small business websites Non-profit and organizational websites Government applications Corporate intranets and extranets School and church websites Personal or family homepages Community-based portals Magazines and newspapers the possibilities are limitless Joomla! can be used to easily manage every aspect of your website, from adding content and images to updating a product catalog or taking online reservations. Joomla! for End Users The basic Joomla! package is designed to be easy to install, even for non-programmers. Most people have no trouble getting our software up and running, and there is plenty of support available for newbies. We have a growing, active community of more than 40,000 friendly users and developers on our forums eager to help. Once Joomla! is installed and running, it is simple for even non-technical users to add or edit content, update images, and to manage the critical data that makes your company or organization go. Anybody with basic word processing skills can easily learn to manage a Joomla! site. Via a simple, browser-based interface you will be able to easily add new press releases or news items, manage staff pages, job listings, product images, and create an unlimited amount of sections or content pages on your site. You can try our simple demo to get quick taste of what Joomla! is all about. What can Joomla Do? Joomla has a number of features out of the box. When you download it from you get a couple of megabyte package that you have to install on a web server. Doing this extracts all the files and enters some filler content into the database. In no particular order, some of the features with the base installation include: Simple creation/revision of content using a text editor from main website or hidden admin site User registration and ability to restrict viewing of pages based on user level Controlling editing and publishing of content based on various admin user levels L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 8

9 Polls Simple contact forms Public site statistics Private detailed site traffic stats Dynamic home page that can show content from anywhere in site Random newsflashes that can be shown anywhere Random images that can be shown anywhere Content hierarchy split into sections and categories Simple static pages for smaller sites Built in site search functionality Ability for users to submit content Ability for users to submit links Customizable presentation of content, in tables or narrative (called a blog) Automatically shows author, creation and revision dates a friend, PDF and print format capability RSS (and others) syndication Ability to show latest news/content Ability to show most read news/content Ability to show content related to current page Simple content rating system Show newsfeeds from other sites Hides s listed from spam robots As you can see, there are a tremendous amount of features. To have a web designer create all of these for a static site would cost tens of thousands of dollars. It doesn t stop there however. Joomla has a massive community of over 30,000 developers world-wide and they have contributed over 1,500 1 extensions for Joomla, most of which are free. Some of the more popular types include: Forums Shopping Carts Newsletters Calendars Document Managers What's in a name? The name Joomla! is a phonetic spelling for the Swahili word "Jumla", which means "all together" or "as a whole". It was chosen as the entire team behind Mambo was unanimous in their commitment to protecting the interests of the project and community. This name was chosen from thousands of recommendations by the community, and even went through an arduous review session by branding and marketing professionals who also felt that Joomla! was the best choice of the lot. What sets Joomla! apart from the rest is our dedication to keeping things as simple as possible while providing the most features possible. Finally, non-technical people can have complete control over their websites without paying exorbitant amounts for closed, proprietary software. 1 Pr er antall utvidelse for Joomla 2581 stk Pr er antall utvidelser for Joomla 6882 stk L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 9

10 Joomla! is more than just software, it is people. The community behind Joomla! includes developers, designers, systems administrators, translators, content writers, and most importantly the end users. We welcome you to our community, and look forward to the future with great excitement! Installasjon Konfigurering av webserver Følgende script er kjørt på webserver for å opprette bruker på webserver, bruker på mysql og sette de nødvendige tillatelser. Joomla versjon er da lastet ned i tar.gz format og installasjonsfilene kopieres ut til brukerne. Det forutsettes at webserveren har modulen USER_DIR enablet. Katalogen public_html vil da være synlig ut på Internet ved å legge ~brukernavn til her kvs-test.ikt-servicefag.no #Lese inn brukernavn og passord til webomrade echo brukernavn read brukernavn echo passord read passord #generere databasebrukernavn og passord db=db_$brukernavn db_brukernavn=$db db_passord=db_$passord #Legge til bruker useradd $brukernavn -m echo $brukernavn:$passord >passfile chpasswd < passfile echo yes rm passfile cd /home mkdir $brukernavn/public_html chown $brukernavn /home/$brukernavn/public_html chgrp $brukernavn /home/$brukernavn/public_html chmod 711 /home/$brukernavn chmod 755 /home/$brukernavn/public_html echo Webomrade for $brukernavn lagt inn #Opprette database mysqladmin -uroot -ppassord create $db mysql -uroot -ppassord --execute="grant ALL ON $db.* TO $brukernavn@localhost IDENTIFIED BY '$passord' WITH GRANT OPTION;" mysql -uroot -ppassord --execute="grant ALL ON $db.* TO $brukernavn@'%' IDENTIFIED BY '$passord' WITH GRANT OPTION;" # ## Kopiere ut filer tar -zxvf /root/nb-no_joomla_1.5.7-stabil-komplett_pakke.tar.gz -C /home/$brukernavn/public_html # ##Sette opp configfila touch /home/$brukernavn/public_html/configuration.php chmod o+w /home/$brukernavn/public_html/configuration.php L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 10

11 # ##endre eierskap på bruker og gruppe chown -R $brukernavn /home/$brukernavn/public_html chgrp -R $brukernavn /home/$brukernavn/public_html chmod 711 /home/$brukernavn chmod 755 /home/$brukernavn/public_html Innstallering via webgrensesnitt Etter installasjonsfilene er kopiert til webserver kan du åpne selve webkonfigureringen. Steg 1 Språk Velg: Norsk bokmål Neste Steg 2 Systemsjekk Alle felter bør være grønne. Neste Steg 3 Lisens Neste L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 11

12 Steg 4 Database Fyll inn fra utdelt skjema Neste Steg 5 FTP Fyll inn info fra skjema Neste L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 12

13 Steg 6 Konfigurasjon Fyll inn og installer eksempeldata. Neste Du vil ikke få se siden før installasjonskatalogen er slettet. Last ned en grafisk ssh/ftp klient. WinSCP eller Filezilla er et gode alternativ. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 13

14 Logg på med WinSCP og slett installasjonskatalogen. Ned i katalogen public_html og trykk F8 for å slette hele katalogen. Gå inn inn i nettleser og skriv inn url til websiden din. Med eksempeldata! L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 14

15 Grunnleggende konfigurering Admin på nettstedet. Logg inn. Globale innstillinger. Velg global konfigurasjon. Innstillinger Nettsted Gjør endringer bla på metadata. Kan også endre sitename. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 15

16 Innstillinger System Skal du tillate brukere på din side. Innstillinger Tjener Endre til riktig tidssone, utc +1 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 16

17 Frontend / Backend / Brukerbehandling Bruker FrontEnd BackEnd Gjest Se åpent innhold Ikke tilgang Registert Se innhold for gruppen Registert Ikke tilgang Skribent Kan skrive innhold Ikke tilgang Skribent(kan redigere) Kan redigere innhold Ikke tilgang Skribent(kan publisere) Kan publisere innhold Ikke tilgang Innholdsadministrator Skribent(kan publisere) Media Statistikk Menyer Innholdsadmin Hjelp Systemadministrator Skribent(kan publisere) Admin papirkurv Brukerbehandling Kopmonenter Moduler Programtilllegg Installere Super Administrator Skribent(kan publisere) Konfigurasjon Admin Språk Admin Maler System Bruker kan legges inn av SystemAdministrator eller man kan åpne for registrering av brukere fra FrontEnd. Komponenter (Component), moduler (Module), Plugin, maler (Template) Component A Component is the largest and most complex of the Extension types. Components are like mini-applications that render the main body of the page. An analogy that might make the relationship easier to understand would be that Joomla! is a book and all the Components are chapters in the book. The core Article Component (com_content), for example, is the mini-application that handles all core Article rendering just as the core registration Component (com_user) is the mini-application that handles User registration. Many of Joomla!'s core features are provided by the use of default Components such as: Contacts Front Page News Feeds Banners Mass Mail Polls A Component will manage data, set displays, provide functions, and in general can perform any operation that does not fall under the general functions of the core code. Components work hand in hand with Modules and Plugins to provide a rich variety of content display and functionality aside from the standard Article and content display. They make it possible to completely transform Joomla! and greatly expand its capabilities. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 17

18 Module A more lightweight and flexible Extension used for page rendering is a Module. Modules are used for small bits of the page that are generally less complex and able to be seen across different Components. To continue in our book analogy, a Module can be looked at as a footnote or header block, or perhaps an image/caption block that can be rendered on a particular page. Obviously you can have a footnote on any page but not all pages will have them. Footnotes also might appear regardless of which chapter you are reading. Simlarly Modules can be rendered regardless of which Component you have loaded. Modules are like little mini-applets that can be placed anywhere on your site. They work in conjunction with Components in some cases and in others are complete stand alone snippets of code used to display some data from the database such as Articles (Newsflash) Modules are usually used to output data but they can also be interactive form items to input data for example the Login Module or Polls. Modules can be assigned to Module positions which are defined in your Template and in the back-end using the Module Manager and editing the Module Position settings. For example, "left" and "right" are common for a 3 column layout. Displaying Modules Each Module is assigned to a Module position on your site. If you wish it to display in two different locations you must copy the Module and assign the copy to display at the new location. You can also set which Menu Items (and thus pages) a Module will display on, you can select all Menu Items or you can pick and choose by holding down the control key and selecting multiple locations one by one in the Modules [Edit] screen Note: Your Main Menu is a Module! When you create a new Menu in the Menu Manager you are actually copying the Main Menu Module (mod_mainmenu) code and giving it the name of your new Menu. When you copy a Module you do not copy all of its parameters, you simply allow Joomla! to use the same code with two separate settings. Newsflash Example Newsflash is a Module which will display Articles from your site in an assignable Module position. It can be used and configured to display one Category, all Categories, or to randomly choose Articles to highlight to Users. It will display as much of an Article as you set, and will show a Read more... link to take the User to the full Article. The Newsflash Component is particularly useful for things like Site News or to show the latest Article added to your Web site. Plugin One of the more advanced Extensions for Joomla! is the Plugin. In previous versions of Joomla! Plugins were known as Mambots. Aside from changing their name their functionality has been expanded. A Plugin is a section of code that runs when a pre-defined event happens within Joomla!. Editors are Plugins, for example, that execute when the Joomla! event ongeteditorarea occurs. Using a Plugin allows a developer to change the way their code behaves depending upon which Plugins are installed to react to an event. Template Malen bestemmer visningen av hjemmesiden. Malen består vanligvis av en fil kalt index.php som definerer den generelle layouten på alle sidene, og en css-fil (cascading style sheet) som definerer formateringen. Du kan ha forskjellige maler på forskjellige sider. Malen har opplysninger om hvor de forskjellige modulene fysisk vil være plassert på skjermen, hvilke fonter, farver og border det vil være på siden. De finnes utrolig mange flott ferdige templates som kan lastes ned og brukes. Noen koster penger, mens andre er gratis. Yootheme.com har mange flotte, men de koster penger L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 18

19 Hvordan Seksjoner og kategorier - Seksjoner er beholdere for en eller flere kategorier. - Kategorier er beholdere for en eller flere artikler (Items) - Artiklene (Items) er de som tilsammen utgjør innholdet på hjemmesiden Dette er en seksjon. Her er det plass til samlepermer. Dette er en kategori (Tenk perm med artikler). Artiklene som forfattes legges inn i disse kategoriene. Eksempel på seksjoner kan være skjønnlitteratur og faglitteratur med alle sine underkategorier. Merk! Pr dato kan man ikke lage underkategorier i kategorien. Før menylenker og innhold produseres bør man opprette denne innholdsstrukturen. Opprettelsen av seksjoner og kategorier gjøres BackEnd av bruker med rettighet Manager eller høyere. Under menyen Innhold finner du mulighet til å opprette nye seksjoner eller kategorier. Merk at du først må opprette en seksjon siden en kategori kun eksisterer i en seksjon. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 19

20 Innstillinger førsteside Frontpage Under Menyer Hovedmeny vil du finne artikkelen Forsiden Trykk på lenka her: Home Type layout, her: blog Parametere Enkel Innledning antall artikler som vises i full bredde Intro - antall artikler som vises i med ingress Kolonner antall kolonner Lenker antall artikler som kun vises som lenker L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 20

21 Parametere Avansert Kategori sortering rekkefølge etter kategori på artikkelen Primær rekkefølge: Primære rekkefølgen artiklene vil bli vist Paginering Vise paginering Pagineringsresultat - vise for eksempel side 1 av 4 osv Vise rss-lenke Parametere Komponent Mange innstillinger som vil være gjeldende for alle artikler på førstesiden. Parametere System Tittel for side vise tittel på siden Vise sidetittel Kan skru av visning av tittel Endre til Velkommen til Forsiden Forside L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 21

22 På adminsidene kan du under menyvalg Innhold/Forside få full oversikt over hva som ligger på førstesiden, samt gi deg muligheten til å endre rekkefølgen om ønskelig. Meny Dersom du legger inn testdata vil det ligge en del artikler og menyer ferdig inne. Legge til nytt menyvalg under Brukermeny Brukermeny er en brukermeny først er tilgjengelig om du har logget deg inn. Her pålogget, vil menyen vises. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 22

23 Menyen er en modul. Modulen finnes under Utvidelser/moduler Her kan du se plassering og tilgangsnivå. Legg merke til at Brukermeny er kun tilgjengelig for alle som er registrert på siten din. Dersom vi skal legge til en ny lenke på Brukermeny, finnes denne under Menyer/Brukermeny. Du vil da få en oversikt over alle publiserte/ikke publiserte menyvalg på denne menyen. Velg Ny L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 23

24 Velg hvilken type lenke du skal lage. Intern lenke En intern lenke i Joomla. Hva som dukker opp er avhengig av hvilke komponenter som er installert. Ekstern linke Lenke til ekstern URL Skille kun en plassholder i menyen Alias Lage en lenke i denne menyen (Brukermeny) fra en av de andre lenkene. Velg og lage en lenke til komponenten Spørreundersøkelse og utseende. Gi menyvalget en tittel og velg adgangsnivå. Velg også hvilken undersøkelse du vil vise resultater for. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 24

25 Menyvalget vil da bli tilgjengelig når en er innlogget. Moduler Plassering av innhold Det finnes mange tusen maler som er tilgjengelig for Joomla. Man kan også lage disse selv. De ulike malene har muligheter for plassering av innhold. Eksempel 1: Viser de 5 siste artiklene som er lagt til. Eller de 5 mest populære artiklene. Eksempel 2: Vise nyhetsflash i spesiell posisjon Modulplasser for standardmal Malen som er standard ved installasjon heter: rhuk_milkyway. Ved gå inn på Utvidelser/maler får du er oversikt over alle malene som til en hver tid ligger inne og hvilken som er standard mal. Ved å trykke på malnavnet vil du få frem mulige konfigurasjoner på malen. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 25

26 Her kan du endre fargevariasjon og bakgrunn. Forhåndvisning Ved å trykke på forhåndsvisning får du oversikt over alle modulplasseringene. Disse markeres med er røde bokser. De er heller ikke så lett å lese. Disse modulplasseringene kan du også finne igjen under Utvidelser/moduler. Kolonnen posisjon kan du se hvilken modul som er plassert i hvilken posisjon. Modulplasser for malene fra Yootheme L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 26

27 Boksene angir mulig posisjoner du kan publisere informasjon. Publisere innhold Publisering av innhold er en enkel sak når rammeverket er på plass. Det vil si at seksjonene og kategoriene er på plass. Eksempelsidene gir mulighet for å skrive en artikkel for alle som har høyere tilgang enn registert, dvs man må minimum være Skribent. Se her Logg på i Front End med bruker som minimum er Skribent. I brukermenyen vises da mulighet til å legge inn artikler. Trykk på lenka: Legg til artikkel Du får nå opp en teksteditor hvor du kan skrive inn artikkelen. Bilde: Laste opp og sette inn bilde i teksten Sideskift: Sette inn et sideskift Les mer: Sett inn en lenke les mer, dvs kun ingressen vil syntes på siden og man må trykke på lenka for å få se hele artikkelen. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 27

28 Viktig felt: Publisering Seksjon hvilken seksjon skal artikkelen tilhøre Kategori hvilken kategori skal artikkelen tilhøre. Publisert velge om artikkelen er publisert. Vis på forsiden Skal artikkelen vises på første side. SkribentAlias Endre forfatter på artikkelen Start/avslutt Publisering - Start og slutt på publisering Adgangsnivå viser hvem som kan lese artikkelen Husk å lagre!! Utvidelser På joomla.org finnes et stort antall utvidelser(komponenter, moduler og programtillegg) som kan benyttes. Flertallet av disse er fri utvidelser, men det finnes også flere som er kommersielle og koster penger. Det er viktig at du er klar over hvilken versjon av Joomla du selv bruker, da dette har betydning for hvilken versjon av utvidelsen du skal laste ned Vi skal nå legge inn et bildegalleri og lage et menypunkt som viser til dette bildegalleriet. RSGallery2 1. Vi laster ned komponent fra extensions.joomla.org. Under kategorier Photo Gallery skal vi laste ned RS Gallery2 Vi ser videre at den er til fritt bruk og at veldig mange har brukt denne. Videre støttes versjon 1.5 av joomla(native) L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 28

29 2. Trykk på download og hjemmesiden til bildegalleriet åpnes. Trykk på Download. Last ned versjon zip lokalt til skrivebordet på din bærbare pc. 3. Gå inn på administrasjonsdelen av din Joomlainstallasjon og logg deg på. For eksempel: joomla.ikt-servicefag.no/ ~klevstad/administrator 4. Trykk på Utvidelser og Installer/Avinstaller Dersom ikke dine FTP-innloggingsdetaljer er skrevet inn, gjøre dette 5. Last opp filpakke. Trykk på Browse og finn den nedlastede filpakken(zip) 6. Trykk på last opp & Installer 7. Dersom installasjonen var vellykket vil du få en bekreftelse på det. 8. Komponenten kan da konfigureres videre og en menylenke til selve komponenten bør settes opp L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 29

30 Joomla - Norsk startveiledning Aktuelle Kompetansemål Mål for opplæringen er at eleven skal kunne planlegge nettsteder som inneholder multimediekomponenter utvikle nettsteder i henhold til planer og vurdere om krav til brukergrensesnitt er oppfylt sette opp krav til og vurdere nettsteder L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 30

31 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 31

32 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 32

33 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 33

34 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 34

35 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 35

36 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 36

37 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 37

38 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 38

39 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 39

40 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 40

41 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 41

42 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 42

43 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 43

44 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 44

45 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 45

46 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 46

47 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 47

48 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 48

49 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 49

50 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 50

51 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 51

52 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 52

53 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 53

54 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 54

55 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 55

56 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 56

57 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 57

58 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 58

59 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 59

60 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 60

61 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 61

62 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 62

63 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 63

64 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 64

65 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 65

66 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 66

67 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 67

68 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 68

69 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 69

70 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 70

71 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 71

72 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 72

73 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 73

74 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 74

75 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 75

76 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 76

77 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 77

78 Hovedområde Databaser Følgende verktøy er i bruk a) MySQL Workbench b) Xampp a. Joomlainstallasjon i. ChronoForms V Chrono Connectivity Del 1: Databasemodellering MySQL Workbench Vi lager modell for følgende situasjon: Mange ansatte rundt omkring i bedrifter i Norge deltar på Sykle-til-jobben-aksjonen. Her kan ansatte registrere seg selv og aktivitet over periode. Modellen skal ta hensyn til at en person kan delta på mange aktiviteter hver dag. Aktivitetene kan være av ulike type og intensitet. Modellen skal gjøre det mulig å ta vare på denne informasjonen. Aktuelle kompetansemål Mål for opplæringen er at eleven skal kunne gjøre rede for begrepene primærnøkkel, kandidatnøkkel, fremmednøkkel og atomærkravet utvikle normaliserte datamodeller ut fra problemstillinger og begrunne valgene som er gjort Start opp MySQL Workbench Velg new Connection og legg inn data. Velg OK. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 78

79 Åpne tilkoplingen du laget Du vil da få tilgang til å se hvilke databaser som ligger på din MySQL -server Vi skal nå bruke MySQL Workbench til å rekonstruere databasemodellen Joomla bruker, slik at vi kan bygge videre på den. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 79

80 Velg tilkoplingen du laget når du kopler deg til databasen Kople til DBMS for å hente informasjon Velg riktig database. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 80

81 Hent ut info fra valgte database. Importer tabellene. Fjern haken fra Place imported.. Hvilke tabeller vi skal jobbe med i modellen vår velger vi manuelt seinere. Velg Execute. Se etter prosessen med å hente de valgte tabellene inn i MySQL Workbench er vellykket. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 81

82 Antall tabeller vil variere ut i fra hva man har installert i Joomlainstallasjonen. MySQL Workbench vil nå vise deg en oversikt over tabellene. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 82

83 Velg Add diagram Du vil nå få oversikt over de ulike importerte tabellene, samt Diagram-flaten. Dra tabellen jos_users over på Diagramflaten Dobbeltklikk på tabellens tittel. Her vil du få info om: Navn Tegnsetting Databasemotor NB! Viktig at disse innstillingene videreføres nye tabeller som du selv lager. Videre kan du i nedkant velge blant de ulike fanene for å mer info. Her datatyper og innstillinger. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 83

84 Vi skal nå sette inn et nytt objekt aktivitet. Dette objektet skal ta vare på informasjon om en persons aktivitet. Trykk på tast [t] og trykk på flaten. Dobbeltklikk på det nye objektet og fyll inn info. Velg fanen [Columns] og endre/legg til. Fremmednøkkel. Velg relasjonsverktøy ved å trykke på [2] eller velge med musepeker. Trykk først på tabellen aktivitet, så på tabellen jos_users. Vi får en relasjon: en til mange fra jos_users til aktivitet. Fremmednøkkelen blir synlig i tabellen. Fremmednøkkelen skal ikke være primærnøkkel. Den skal også kunne være null. Riktig tabell ser slik ut. NB! Døp om feltnavnet L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 84

85 jos_users_id til cf_user_id Datamodellen blir slik. Vi lager modellen modell_aktivitet. Del 2: Realisering av modell Vi videreutvikler her en eksisterende database. MySQL Workbench har muligheten til å synkronisere modell og database. Aktuelle kompetansemål Mål for opplæringen er at eleven skal kunne lage databaser i henhold til gitte datamodeller utvikle, presentere og begrunne databaseapplikasjoner L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 85

86 Velg Synchronize Modell Velger samme tilkopling til databasen tidligere. Kopler til og henter informasjon fra DBMS L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 86

87 Velger databasen som skal synkroniseres. Henter info fra/om valgte database L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 87

88 Velger endringer som skal utføres Forhåndsvisning av endringene. Velg execute Synk. er vellykket L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 88

89 Bruker phpmyadmin til å kontrollere at den nye tabellen er på plass. Logge seg på med samme brukerdata som tilkoplingen i MySQL Workbench. Da er modellen realisert ved at man i MySQL Workbench har synkronisert modellen vi videreutviklet med databasen. Neste trinn er å lage et skjema ved hjelp av en Joomla-utvidelse som muliggjør lagring/endring/sletting av data i databasen. Del 3: Skjema for å legge inn/endre/slette data Aktuelle kompetansemål Mål for opplæringen er at eleven skal kunne lage dynamiske nettsider som bruker en database ved hjelp av spørrespråk og programvare på tjener Til å lage skjema for å legge inn data i databasen bruker vi her Chronoforms som er en Joomlautvidelse. Det forutsettes at man er logget inn Backend med en bruker som har rettigheter tilsvarende superadministrator. _praktisk/administrator/ L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 89

90 Under menyvalget Komponenter finner du Chrono Forms og Forms management Velg Form Wizard. Dette vil åpne skjema i veivisermodus. Her skal vi dra de ulike elementene ut på lerretet. Trekk ut elementet Heading og under Properties skriver du inn teksten Velkommen til årets aktivitetsaksjon i feltet Text. Trykk Apply. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 90

91 Vi skal så ha inn en datovelger. Sett inn ønsket tekst i feltet Label. Dersom du ønsker å sikre at dato er valg, må du huke av i feltet Validation [Required]. Feltnavnet må være det samme som feltnavnet i databasen. Her : dato. Velg apply Så skal vi kunne skrive inn et heltall som representerer antall minutter med aktivitet. Vi setter inn en tekstbox. Skriv inn en Label, huk av for at dette er påkrevet og at det kun skal være tall. Endre feltnavn til antall_min Dette er samme navn som feltet i databasen. Velg apply L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 91

92 Neste vil være å kunne velge hvilken aktivitet man har bedrevet. Vi legger inn et sett med radioknapper for dette, setter en Label og huker av for at man må velge en aktivitet. Velg apply. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 92

93 Vi setter så inn et nytt sett med radioknapper hvor vi kan angi intensitet på aktiviteten. Sett Label og angi at man må gjøre et valg. Velg apply. Til slutt må vi legge til en knapp for å sende dataene. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 93

94 Vi skal nå lagre skjemaet vårt. Trykk på disketten og angi navn på skjemaet [aktivitet] Du vil da få en oversikt over de skjemaene du har laget. Her skjemaet aktvitet. Da er skjemaet opprettet, men ennå ikke publisert eller koplet til databasen. Vi trykker på skjemaet aktivitet og det åpnes i standard redigeringsmodus. Her er mange mulige valg, men skal kun se på de nødvendige. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 94

95 Fanen General. Valg Form HTML Lagring i feltet dato. Vi må justere datoformatet slik at det lagres i samme format som databasen er oppsatt med. Databasen Y-m-d Skjema: d/m/y Juster slik at skjemaet behandler datofeltet riktig. Velg apply eller bruk. Fanen Form Code. Når vi lagde skjemaet fikk vi endret navnet på datofelt til dato. Dette fikk vi ikke gjort i veivisermodus for feltene aktivitetstype og intenseitet, men må gjøre her. Alle name= radio0 endres til name=aktivitetstype Alle name= radio1 endres til name=intensitet Velg apply/bruk L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 95

96 Fanen DB connection Vi aktiverer datalagringen i en valgt tabell, her jos_klge_aktivitet Vi vil også kunne se lagrede data i admin-modus. Derfor lister vi opp overskrifter på de ulike feltene i databasen. dato antall_min aktivitetstype intensitet cf_user_id Velg apply/bruk Ved å trykke på Forms Management vil du nå se at ditt skjema er koplet til en database. Trykk på det røde krysset får å aktivere skjemaet. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 96

97 Ved å trykke på lenka vil du nå kunne legge inn data. Da i kun i testøyemed. Registrer noen data og gå tilbake til Backend. Trykk på tabellen som skjemaet er koplet til. Her: jos_klge_aktivitet cf_user_id vil alltid være 0 dersom man ikke er logget på systemet. Dette vil vi komme tilbake til. Menylenke til skjemaet For at brukerne skal kunne finne igjen skjemaet må vi legge ut en menylenke til dette skjemaet. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 97

98 Vi jobber fortsatt Backend. Under menyen Menyer finner du hovedmeny. Her velger vi ny og Chrono Forms. Tittel/alias: Registrer aktivitet Under Parameter Enkel (høyre side): Skriv inn navnet på skjemaet du har laget: aktivitet Velg lagre. På forsiden/frontend vil du nå finne menylenka Registrer aktivitet L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 98

99 Et trykk på denne gir deg skjemaet klart for inntasting av data. Resultatene vil du foreløpig kun se fra Backend. Komponenter / Chrono Forms Trykk på tabellen. Redigere/slette egne data Det vil være behov for å kunne endre eller slette egne data. Gitt at en person registrerer noe feil, må vedkommende ha mulighet til å kunne gjøre noe med dette. Tilhørende komponent Chrono Connectivity vil kunne hjelpe oss med dette.denne komponenten gir oss mulighet til å kople til hvilken som helst tabell for å vise, redigere eller slette innhold. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 99

100 Åpne komponent og Connections Management Velg ny Angi navn tilkoplingen: aktivitet Velg hvilken tabell tilkoplingen skal jobbe mot: jos_klge_aktivitet Skal spørringen sorteres på noen måte. Vi ønsker egne brukerdata sortert på dato. Feltnavn: dato Angi lenketitler på add/delete/new Velg Apply/Bruk Du får denne beskjeden. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 100

101 Vi går under fanen Admin settings for å angi navn feltene i adminvisning. Vi markerer feltene som skal vises. Vi angir titler for feltene. Vi kopler til skjema for å kunne redigere data i admin modus. Velg Apply/Bruk Under fanen Legend finner vi noen variabler vi nå skal bruke for å formatere utdataene. Det henvises også til hvor de kan brukes. Under fanen General finner vi Connection View Settings. Her skal vi nå kode i HTML for å vise dataene. I header: L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 101

102 I body: I footer Velg Apply/Bruk. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 102

103 Under fanen FrontEnd Settings Vi kopler til skjemaet og setter hvem som skal kunne bruke denne tilkoplingen. NB! Public Users Guest skal kun markeres i testøyemed. Vi ønsker ikke at brukere som ikke er autentisert skal kunne endre/slette data. Velg apply/bruk L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 103

104 En bruker skal kun endre sin egne data. Vi må begrense spørringen som blir gjort i koplingen slik at spørringen som kjøres kun viser egne data. Velg Lagre Publiser koplingen for aktivitet. Legge ut menylenke for å kunne redigere/slette egn data. På samme vis legger vi ut en menylenke til denne koplingen. Vi jobber fortsatt Backend. Under menyen Menyer finner du hovedmeny. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 104

105 Her velger vi ny og Chrono Connectivity. Tittel/alias: Vise egne registrerte data Under Parameter Enkel (høyre side): Skriv inn navnet på tilkoplingen du har laget: aktivitet Velg lagre. På forsiden/frontend vil du nå finne menylenka Registrer aktivitet Et trykk på denne gir deg en oversikt over inntastede data med mulighet for å endre eller slette. NB. Her vises kun data som er tastet inn uten at man er innlogget. Legge inn testdata Logg deg på med begge brukerne a) ingrid med passord Bruker01 b) helene med passord Bruker01 Legg inn to registrerte aktiviteter på disse brukerne. Del 4: Formatere utdata Aktuelle kompetansemål Mål for opplæringen er at eleven skal kunne L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 105

106 lage dynamiske nettsider som bruker en database ved hjelp av spørrespråk og programvare på tjener Vi har til nå fått ut egne data i listeform med mulighet for å endre eller slette. Tallmateriale kan ofte visualiseres flott ved bruk av diagrammer. I følgende avsnitt vil vi bruke Joomlautvidelsen Plotalot til å lage diagrammer basert på dataene som finnes i databasen vår. Vi jobber fortsatt Backend. Under menyen Komponenter finner du Plotalot. Plot 1- Spørring summert aktivitet Vi skal nå lage en spørring som henter ut aktivitet summert pr bruker. Velg New Chart. Sett inn navn Type Tittel X axis start Y axis start Velg Bruk Selve spørringen kan vi jobbe med i phpmyadmin. SELECT Name as Navn, sum(antall_min) as `Sum antall minutter` FROM `jos_klge_aktivitet`, `jos_users` WHERE jos_users.id=jos_klge_aktivitet.cf_user_id GROUP BY cf_user_id ORDER BY `Sum antall minutter` DESC Logge seg på med samme brukerdata som tilkoplingen i MySQL Workbench. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 106

107 NB! Dataene må være registrert på en bruker, dvs at data registrert uten å være pålogget vil ikke syntes i plottet. Foreløpig er kun plottet laget, men ikke gjort tilgjengelig på nettstedet. Velg Save/Lagre Legg merke til at plottet har fått en id. Den skal brukes for å legge det ut på siden. Gjøre plottet tilgjengelig på en nettside Plottet legges inn i en artikkel. Velg Innhold og Artikler Velg Ny L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 107

108 Gi artikkelen som skal vise plottet en tittel, her Aktvitetstoppen. Merk: Artikkelen koples til Seksjon utdata Kategori: Plotalot Må opprettes om ikke finnes. Selve plottet hentes inn via koden { plotalot id= x } hvor x er id en til plottet man har laget. Huker man av for Forsiden, vil artikkelen med plottet vise på førstesiden. Velg Save/Lagre. Slik ser det her ut. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 108

109 Plot 2 - Spørring Type aktivitet Lage et kakediagram ut i fra aktivitetstypene Vi åpner komponenten Plotalot og velger New Chart Spørringen skal hente ut en summert oversikt over antall min aktivitet gruppert etter de ulike aktivitetstypene. Vi bruker phpmyadmin til å jobbe frem resultatet. SELECT aktivitetstype, sum(antall_min) AS sum FROM jos_klge_aktivitet GROUP BY aktivitetstype ORDER BY sum DESC L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 109

110 Når vi har fått laget den spørringen vi vil bruke kopieres den inn i feltet Plot 1. Velg Bruk og resultatet vises slik. Velg Save/lagre. Vi legger dette plottet ut i en ny artikkel. Finner først Id til plottet. Så legger vi inn koden for å hente ut plottet i artikkelen. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 110

111 Resultat på førstesiden Plot 3 - Spørring treningsmengde justeres med faktor 1, 2 og 3 ihht intensiteten. Vi jobber ut spørring i phpmyadmin og overfører den til plottet. SELECT Name as Navn, SUM((IF(intensitet="Lav",antall_min*1,0))+ (IF(intensitet="Middels",antall_min*2,0))+ (IF(intensitet="Høy",antall_min*3,0)) ) as `Sum antall minutter` FROM `jos_klge_aktivitet`, `jos_users` WHERE jos_users.id=jos_klge_aktivitet.cf_user_id GROUP BY cf_user_id ORDER BY `Sum antall minutter` DESC Vi overfører spørringen til plottet. Chart L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 111

112 Vi formaterer aksene. Y Labels angir antall verdier vist på y-akse Y-axis end angir siste verdi på y-aksen. Her bruker vi en spørring for å finne den største verdien SELECT SUM((IF(intensitet="Lav",antall_min*1,0))+ (IF(intensitet="Middels",antall_min*2,0))+ (IF(intensitet="Høy",antall_min*3,0)) ) as `Sum antall minutter` FROM `jos_klge_aktivitet`, `jos_users` WHERE jos_users.id=jos_klge_aktivitet.cf_user_id GROUP BY cf_user_id ORDER BY `Sum antall minutter` DESC limit 1 Vi henter inn spørringen vi jobbet med i phpmyadmin. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 112

113 Så legger vi inn koden for å hente ut plottet i artikkelen. Skjema hvor man henter verdier fra en annen tabell Det er mulig å hente ut verdier fra tabell. Dette krever litt php-koding. Her kommer et eksempel hvor man i et skjema kan velge artikkeltittel som igjen er generert av en spørring fra tabellen jos_content. Denne php-koden løper gjennom tabellen jos_content og henter ut id og tittel på artiklene. Resultatet blir slik. Hele php-koden for dropdown-menyen <div class="form_item"> <div class="form_element cf_dropdown"> <label class="cf_label" style="width: 150px;"> Artikler</label> <select class="cf_inputbox validate-selection" id="articles" size="1" name="artikler"> <option value=''>--?--</option> <?php if (!$mainframe->issite() ) {return;} $db =& JFactory::getDBO(); $query = " SELECT `id`, `title` FROM `jos_content` WHERE `sectionid` = 1 L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 113

114 AND `state` = 1 ; "; $db->setquery($query); $options = $db->loadassoclist(); foreach ( $options as $o ) { echo "<option value='".$o[id]."'>".$o[title]."</option>"; }?> </select> </div> <div class="cfclear"> </div> </div> L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 114

115 Joomlaressurser joomla.org internasjonal joomlasite extensions.joomla.org finn utvidelser til din joomlasite joomlainorge.no norsk brukerforening. Samling av oversettelser forum.joomla.org internasjonalt brukerforum komponent for å jobbe mot database o o - forum greyhead.net/chronoforms nyttig side, tips og guider Ellers er generelt youtuberessurser godt likt og mye brukt av elevene. L i l l e h a m m e r IT- s a m l i n g J o o m l a C M S Side 115