Installatie XAMPP USB & Joomla

In dit artikel beschrijf ik hoe je XAMPP Lite\USB op een USB stick kunt instellarene en hoe je vervolgens Joomla installeerd.

In dit artikel installeren we XAMPP versie 1.8.3 en Joomla 3.3.6 in Windows 8.

Belangrijke aanvullende informatie over de XAMPP installatie in Windows 10 vind je hier:
https://www.wmdiensten.nl/nieuws/xampp-windows-10/

Benodigheden

  • USB stick 8 GB of groter, (let op de lees en schrijfsnelheid van de USB stick tijdens de aanschaf).
  • XAMPP USB versie
  • Joomla versie 3.x
  • Database in XAMPP
  • ZIP programma bijvoorbeeld 7 ZIP
  • Notepad \ kladblok bijvoorbeeld Notepad++

Via onderstaande links kunt u de benodigde software downloaden.

Installatie XAMPP

XAMPP kan op een USB stick geïnstalleerd, zodat je XAMPP tijdens een cursus of demonstratie elders en thuis kunt gebruiken. Hieronder worden de installatiestappen van XAMPP beschreven. In het dit voorbeeld wordt de driveletter J: toegekend. Aan het eind van deze pagina document staan tips om de driveletter aan te passen. Het is het handigste indien de driveletter gelijk kan blijven.

In dit hoofdstuk wordt de installatie uitgevoerd. Volg de onderstaande stappen:

  1. Download de USB versie van XAMPP via bovenstaande link. Het volgende scherm komt in beeld:

    xampp download exe file

  2. Klop het pijltje dat naar onder wijst, kies de optie Opslaan als, selecteer de locatie, klik dan op

    xampp download exe file opslaan

  3. Klik op de optie Map openen.

    xampp download exe file file openen

  4. Dubbelklik op xampp-portable-win32-1.8.3-5-VC11-installer.exe..

    xampp installer

  5. Indien onderstaande melding in beeld komt, klik dan op Yes om de installatie te starten.

    xampp antivirus warning 001

  6. Indien onderstaande melding in beeld komt, klik dan op OK om de installatie te starten.

    xampp uac warning 001

  7. Het Welcome to the XAMM Setup Wizard komt in beeld, klik op Next >

    xampp wizard setup 001

  8. Het venster Select Components komt in beeld, laat de waarde staan, klik op Next >

    xampp wizard setup 2

  9. Het venster Installation folder komt in beeld, klik hier op het folder icoontje. Pas het pad aan naar J:\xampp
    (deze folder dient geselecteerd te worden, waarbij J: de driveletter van het USB stick is).

    xampp wizard setup 3

  10. Het venster Bitnami for XAMPP komt in beeld, vink hier de optie Learn more about Bitnami for XAMPP uit, klik dan op Next >

    xampp wizard setup 5

  11. Het venster Ready to Install komt in beeld, klik op Next >

    xampp wizard setup 6

  12. De setup wordt gestart, er wordt nog wat informatie over XAMPP gegeven, de installatie zal ongeveer 30 – 45 minuten duren.

  13. De installatie is voltooid, het volgende venster komt in beeld, laat de (standaard) optie aangevinkt staan Do you want to start the Control Panel now? en klik op Finish

    xampp wizard setup 7

  14. Het XAMPP Control Panel wordt gestart. Start nu alle services door op Start te klikken. In ieder geval dienen de services Apache en MySQL gestart te zijn, (Tomcat is niet noodzakelijk). Nadat de
    services gestart zijn, ziet het scherm er zo uit:

    XAMPP Control Panel lite services gestart

XAMPP Starten

Hoe je XAMPP server kunt starten nadat deze gestopt is, wordt in dit hoofdstuk beschreven.

  1. Start nu de XAMPP server op door op xampp-control.exe te klikken. XAMPP wordt nu gestart. Zie ook onderstaande print screen. De staat in de folder: J:\XAMPP\

    xampp starten

  2. Het XAMPP Control Panel komt in beeld, controleer of alle services gestart zijn. Je kunt deze ook handmatig starten, door op Start te klikken.

    XAMPP Control Panel lite services gestart

  3. Om op de beheerpagina van XAMPP te komen dien je het volgende in te typen in de adresbalk van je webbrowser: http://localhost/ 

    xampp beheer startpagina
  4. Klik in dit scherm op de gewenste taal, bijvoorbeeld Nederlands. (deze stap is eenmalig). Onderstand venster komt in beeld, de homepage van XAMP.

    xampp beheer startpagina2

    In het volgende hoofdstuk wordt beschreven hoe je XAMPP na gebruik kunt stoppen en afsluiten.


XAMPP Stoppen

Hoe je XAMPP server kunt stoppen wordt in dit hoofdstuk beschreven.

  1. Om XAMPP te stoppen dien je in het XAMPP Control Panel op Quit klikken. In de taakbalk staat een icoontje van XAMPP, dubbelklik hierop om het Control Panel te openen.

    XAMPP Control Panel STOP

  2. Klik daarna rechtsboven op het kruisje van het MS DOS venster om ook deze af te sluiten.
     

Drive letter aanpassen

Soms kan het handig zijn om de driveletter aan te passen. Het gemakkelijkste is dat de drive letter hetzelfde is op de andere computer.
Hieronder staan 2 links die beschrijven hoe het aanpassen van de driveletter gaat.

Stationsletter aanpassen in Windows 7.

Stationsletter aanpassen in Windows 8.

Aanmaken Database

  1. Open Internet Explorer (of een andere webbrowser) en type het volgende adres in, in de adresbalk: http://localhost/ en XAMPP for Windows wordt opgestart.

    xampp beheer startpagina2

  2. Klik in de linker kolom op phpMyAdmin

    phpMyAdmin link

  3. In het hoofdvenster van phpMyAdmin klikken we in de linker kolom op Nieuw om een nieuwe database aan te maken. De gegevens van de database zijn:
    Naam database: dbwebsite01
    Gebruikersnaam: root
    Wachtwoord: (geen)

    phpMyAdmin nieuw db2

    Vul de naam van de database in en klik op Aanmaken.

  4. De Database is succesvol aangemaakt.

    db succesvol

Aanvulling: Voor testdoeleinden is het niet noodzakelijk dat er een wachtwoord ingevoerd wordt. In een productie \ live omgeving dient ten alle tijde een veilige gebruikersnaam en eens sterk wachtwoord ingevoerd te worden!

Je kunt overigens meerdere databases aanmaken voor meerdere Joomla!® websites.

Aanmaken folder voor website

In dit hoofdstuk wordt het aanmaken van een folder beschreven waarin we in het volgende hoofdstuk de Joomla! website gaan installeren, deze folder heet “website” en wordt op de USB stick aangemaakt, het pad wordt: J:\xampp\htdocs\website\. Nadat dit gebeurd is kunnen we Joomla naar deze map kopiëren. Dit wordt in het hoofdstuk Installatie van Joomla!® verder beschreven.

  1. Open de Windows verkenner en navigeer naar het pad: J:\xampp\htdocs\, maak hier een nieuwe map aan: website

    folder website in htdocs

    De link naar we website die we gaan maken is: http://localhost/website

    Je kunt in de htdocs folder meerdere mappen aanmaken voor meerdere websites.
    De link of URL wordt dan: http://localhost/<nieuwe_mapnaam>

Installatie Joomla

In dit hoofdstuk wordt de installatie van Joomla beschreven.

  1. Download Joomla via bovenstaande link.

  2. Ga naar de download locatie waar u het download bestand van Joomla heeft opgeslagen, hier staat een Zip bestand, Joomla_3.3.1-Stable-Full_Package-Dutch.zip

  3. Pak dit bestand uit met 7 Zip, (of het standaard Zip programma van MS Windows).

  4. Nadat de installatie bestanden van Joomla uitgepakt zijn dienen de folders en bestanden naar de folder J:\xampp\htdocs\website gekopieerd worden.

  5. Kopieer nu dus de gehele inhoud van de download locatie naar: J:\xampp\htdocs\website\

    Nu kunnen we starten met de installatie van Joomla!®, dit zijn 3 stappen.

  6. Open Internet Explorer (of een andere browser) en type het volgende adres in adresbalk:
    http://localhost/website/

  7. De installatiepagina van Joomla!® wordt geopend.
    Link is: http://localhost/website/installation/index.php

    Joomla stap1 ingevuld

    We hanteren de volgende informatie, de rest van de waarden laten we staan:
    Websitenaam: <vul de naam van uw website in>
    Beschrijving: <vul een beschrijving in>
    E-mailadres: <vul hier een geldig e-mailadres in>
    Gebruikersnaam: <vul hier een gebruikersnaam in>
    Wachtwoord: <vul hier een wachtwoord in>

    Klik op Volgende.

  8. Het installatievenster van stap 2 wordt gestart. De database gegevens moeten ingevoerd worden.

    Joomla stap2 ingevuld

    Vul hier de volgende gegevens in:Naam database: dbwebsite01
    Gebruikersnaam: root
    Wachtwoord: (geen)klik op Volgende.

  9. Selecteer in het installatue venster van stap 3 (de samenvatting) bij de optie Installeer voorbeelddata de optie Geen aan, indien je een eigen website gaat maken, klik op Installeren. Dit is belangrijk, zo kun je zelf de inhoud (content) maken!

    Joomla stap3 ingevuld

  10. De installatie wordt gestart en voltooid.

  11. Als de installatie voltooid, dan krijg je onderstaand venster in beeld. Dan dient de Installatie folder verwijderd te worden, klik hiervoor op Verwijder de installatiemap

    Joomla stap installatiefolderverwijderen

  12. Klik op de knop Website om naar de Front-End pagina te gaan.
    URL: http://localhost/website/

    default frontend

  13. Of klik op de knop Administratie om naar de Back-End pagina te gaan.
    URL: http://localhost/website/administrator/
    Log in de Back-End met de gegevens, zoals in stap 7 aangegeven is.

    default backend

    De Joomla!® installatie is voltooid, je kunt nu aan de slag.