1
Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2
Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook wordt verstrekt. De auteur van dit ebook kan op geen enkele manier verantwoordelijk gehouden worden voor eventuele onjuistheden in dit ebook. Belangrijk Je mag dit ebook gratis weggeven of verkopen tegen elke prijs je maar wilt. Het ebook mag uitsluitend in deze vorm worden verspreid, het is niet toegestaan de inhoud en/of opmaak te wijzigen, of informatie uit dit ebook op een andere wijze te gebruiken. Plaats dit ebook op je website, geef het aan de leden van je mailinglijst of verkoop het op advertentiesites. 3
Voorwoord Mijn naam is Mindert Aardema. Via mijn website netspecialist.nl en via mijn nieuwsbrief heb ik inmiddels duizenden mensen geholpen met het bouwen en onderhouden van hun Joomla website. Over Joomla heb ik een aantal ebooks geschreven die inmiddels door heel wat mensen zijn gedownload en gelezen. Ook heb ik een serie video cursussen gemaakt over Joomla. Ik krijg over het algemeen hele positieve reacties op deze ebooks en cursussen. Wat ik ook regelmatig hoor, is dat mensen graag zouden willen weten hoe je nu een Joomla website locaal op je computer installeert. Bij mijn ebooks ben ik uitgegaan van een situatie waarin mensen een hosting pakket bij een provider hebben, waarop ze hun Joomla website kunnen installeren. Nu blijkt dat veel mensen eigenlijk eerst eens thuis met Joomla willen experimenteren. Dus, zonder hosting provider. Daarom dit ebook. In dit ebook ontdek je hoe je Joomla locaal op je computer kunt installeren en testen. Dit doe je met behulp van het programma XAMPP. Het leuke is, dit is gratis software. Je kunt dus aan de slag, zonder dat het je iets kost. Dit ebook is geschreven met Windows in gedachten. Mocht je nu een MAC computer hebben, dan raad ik je aan niet XAMPP te gebruiken maar MAMP. Zie: http://www.mamp.info/en/. Helaas heb ik niet de mogelijkheid een ebook over MAMP te schrijven, gezien het feit dat ik zelf niet over een MAC computer beschik. In dit ebook zal ik dus alleen ingaan op het installeren van een webserver op je computer met behulp van XAMPP. Mindert Aardema 4
Inleiding Wanneer je op je computer een website wilt ontwikkelen en testen, dan kun je daarvoor een speciaal mapje aanmaken ergens op de harde schijf van je computer. In dit mapje bewaar je de html bestanden, de css bestanden en de afbeeldingen van je website. Om je website te bekijken, open je gewoon het index.html bestand en je website wordt getoond in je webbrowser. Omdat je je website grondig wilt testen, heb je natuurlijk in ieder geval de meest gangbare webbrowsers geïnstalleerd, namelijk Internet Explorer, Firefox en Chrome. Je opent het index.html bestand van je website in al deze browsers, zodat je kunt zien hoe één en ander in deze verschillende browsers getoond wordt. Bovenstaande methode is prima wanneer je een zogenaamde statische website maakt, welke alleen bestaat uit HTML en CSS. Wanneer je een dynamische website bouwt met een scripttaal en een database, dan gaat bovenstaande manier niet werken. Een dergelijke website heeft een aantal zaken nodig om te kunnen functioneren. Is je website gebouwd met bijvoorbeeld de scripttaal PHP, dan zal er een webserver op je computer geïnstalleerd dienen te worden die met PHP om kan gaan. Is je website tevens afhankelijk van een database, dan zal er ook een database server geïnstalleerd moeten worden op je computer. 5
Vind je het ingewikkeld worden en denk je, laat maar zitten? Wacht nog even. Het is allemaal niet zo moeilijk als het lijkt. Lees vooral verder en volg de stappen in dit ebook. Je zult namelijk ontdekken hoe je een complete dynamische website op je eigen computer kunt installeren, zodat je er mee kunt testen. In dit ebook gaan we uit van een website die is gebouwd in Joomla. Joomla is een open source content management systeem, waarin eenvoudig professionele websites zijn op te bouwen. Joomla is afhankelijk van een webserver, van PHP en van een database (mysql). Het eerste dat we gaan doen, is het downloaden en installeren van deze onderdelen. Het goede nieuws hierbij is, er zijn software pakketten die alles in één keer installeren, handig hè? De meest gebruikte van dergelijke pakketten, is XAMPP, in dit ebook zullen we uitgaan van dit pakket. XAMPP is een totaal pakket van een Apache webserver, een MySQL databaseserver en PHP. Laten we dit pakket gaan downloaden. 6
Het downloaden van XAMPP XAMPP is te downloaden op de volgende locatie: https://www.apachefriends.org/download.html. Deze website ziet er als volgt uit (zie afb.): Op moment van schrijven van dit ebook is de meest recente versie van XAMPP 1.8.3. Aan te raden is echter om een versie van XAMPP te nemen die PHP 5.4 bevat. Kies er daarom voor om XAMPP 1.8.2 te downloaden. Als versie 1.8.2 niet meteen zichtbaar is op de bovenstaande pagina, klik dan op de link more downloads. Op de pagina die dan verschijnt, kies je voor XAMPP Windows. Je krijgt dan een overzicht te zien van de verschillende XAMPP versies, en daar kun je alsnog XAMPP 1.8.2 downloaden. 7
Het installeren van XAMPP. Om XAMPP te installeren, dubbelklik je op het bestand dat je zojuist hebt gedownload. Je krijgt mogelijk eerst een waarschuwing te zien dat je antivirus software de installatie kan vertragen (zie afb.): Klik op Yes Vervolgens krijg je mogelijk nog een waarschuwing (zie afb.): Deze melding gaat over rechten die ingesteld zijn op bestanden en mappen op je PC die mogelijk problemen kunnen geven in het gebruik van XAMPP. Klik op OK. 8
Je krijgt dan het beginscherm van de installatie (zie afb.): Klik op Next. Dan volgt het scherm select components (zie afb.): 9
Hier kun je kiezen welke componenten van XAMPP je wilt installeren. Wijzig niets aan dit scherm en klik op Next. Je krijgt dan het scherm waarin je de installatiemap kunt opgeven (zie afb.): 10
C:\xampp is prima, dus klik op Next. Nu volgt het scherm Bitnami for XAMPP (zie afb.): Verwijder het vinkje en klik op Next. In het scherm wat dan verschijnt (Ready to Install) klik je weer op Next. Dan wordt XAMPP op je PC geïnstalleerd (dit neemt wat tijd in beslag). Wanneer de installatie voltooid is, verschijnt dit scherm (zie afb.): 11
Klik op Finish. Nu wordt het XAMPP Control Panel gestart. Dit Xampp Control Panel ziet er als volgt uit (zie afb.): 12
Klik op de start knopjes achter Apache en Mysql. Hiermee start je de webserver (Apache) en de database server (mysql). Wanneer je nu een webbrowser opent, dan kun je de webserver benaderen via http://localhost. Je zult de volgende pagina zien (zie afb.): We gaan nu eerst een database aanmaken voor onze Joomla site. Ga met je webbrowser naar http://localhost/phpmyadmin. Je zult het volgende scherm zien (zie afb.): 13
Klik op de tab Databanken. Dan wordt het volgende scherm geopend (zie afb.): Bij Databank Aanmaken vul je een naam in voor je database. Wat deze naam is, maakt niet zoveel uit. Gebruik alleen geen spaties of rare tekens, dus alleen letters 14
en cijfers. Je zou bijvoorbeeld je database joomla kunnen noemen (uiteraard zonder de dubbele aanhalingstekens). Als je een database naam hebt ingevuld, klik dan op Aanmaken. Zodra je de melding ziet dat de database is aangemaakt, kun je phpmyadmin sluiten. Joomla installeren op XAMPP Download de meest recente versie van Joomla op http://www.joomla.org. Joomla is te downloaden als ZIP bestand, dit bestand dien je uit te pakken op je harde schijf. Ga nu naar de map waarin je XAMPP hebt geïnstalleerd, in ons geval is dat C:\xampp. Open in de map XAMPP de map htdocs. De map htdocs is de map waarin alle website bestanden staan. In de map htdocs maak je een nieuwe map aan met de naam joomla. In deze nieuwe map joomla kopieer je alle Joomla bestanden en mappen uit het uitgepakte ZIP bestand dat je zojuist hebt gedownload. Wanneer alle bestanden en mappen zijn gekopieerd, ga dan met je webbrowser naar http://localhost/joomla nu verschijnt het installatiescherm van Joomla. Je kunt nu de gewone installatieprocedure doorlopen om Joomla te installeren. Deze procedure staat uitgebreid beschreven in het Joomla ebook. Heb je dit ebook nog niet gedownload, ga dan naar http://www.netspecialist.nl/ebooks/joomlaebook.html om het te downloaden. 15
Wanneer je bent aangekomen bij het Database configuratie scherm, vul dan één en ander in als Onderstaand: Type database: mysql Naam host: localhost Gebruikersnaam: root Wachtwoord: hier hoef je niets in te vullen Database: de naam van de database die je hebt aangemaakt Als je de hele installatie hebt uitgevoerd en aan het einde op de knop verwijder installatiemap hebt geklikt, dan is je website te bereiken via http://localhost/joomla. Ga je naar http://localhost/joomla/administrator dan kom je op de beheerpagina van je website. Veel succes met het testen van Joomla op je computer. Handige links Mocht je meer willen weten over Joomla, hoe het werkt en hoe je vanaf niets een complete website bouwt, kijk dan op http://www.netspecialist.nl/ebooks/joomlaebook.html Wil je je Joomla kennis verder uitbreiden en wil je zelf Joomla templates kunnen bouwen, kijk dan op 16
http://www.netspecialist.nl/ebooks/63-joomlatemplatesvanatotz.html 17