Posted in Installatie.

Installatie XAMPP USB & Joomla 3

In deze handleiding beschrijf ik hoe je XAMPP Lite\USB op een USB stick kunt installeren en hoe je vervolgens daarop Joomla 3 installeerd.

In deze handleiding laat ik zien hoe je XAMPP versie 1.8.3 en Joomla 3 installeerd Windows 8 / 10. Zorg ervoor dat je een snelle USB stick hebt.
Op de website van Tweakers.net vind je een TOP 5 van de beste USB sticks geslecteerd op de recenties van de gebruikers.

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.

Download XAMPP USB versie (Windows) via deze pagina)
Download Joomla via deze pagina
Download FileZilla via deze pagina
Download 7 ZIP via deze pagina

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:

Download de USB versie van XAMPP via bovenstaande link. Het volgende scherm komt in beeld:
Klop het pijltje dat naar onder wijst, kies de optie Opslaan als, selecteer de locatie, klik dan op
Klik op de optie Map openen.
Dubbelklik op xampp-portable-win32-1.8.3-5-VC11-installer.exe..
Indien onderstaande melding in beeld komt, klik dan op Yes om de installatie te starten.
Indien onderstaande melding in beeld komt, klik dan op OK om de installatie te starten.
Het Welcome to the XAMM Setup Wizard komt in beeld, klik op Next >
Het venster Select Components komt in beeld, laat de waarde staan, klik op Next >
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).
Het venster Bitnami for XAMPP komt in beeld, vink hier de optie Learn more about Bitnami for XAMPP uit, klik dan op Next >
Het venster Ready to Install komt in beeld, klik op Next >
De setup wordt gestart, er wordt nog wat informatie over XAMPP gegeven, de installatie zal ongeveer 30 – 45 minuten duren.
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
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 Starten

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

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\
Het XAMPP Control Panel komt in beeld, controleer of alle services gestart zijn. Je kunt deze ook handmatig starten, door op Start te klikken.
Om op de beheerpagina van XAMPP te komen dien je het volgende in te typen in de adresbalk van je webbrowser: http://localhost/
Klik in dit scherm op de gewenste taal, bijvoorbeeld Nederlands. (deze stap is eenmalig). Onderstand venster komt in beeld, de homepage van XAMP.

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.

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.
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 / 10

Aanmaken Database

Open Internet Explorer (of een andere webbrowser) en type het volgende adres in, in de adresbalk: http://localhost/ en XAMPP for Windows wordt opgestart.
Klik in de linker kolom op phpMyAdmin
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)

Vul de naam van de database in en klik op Aanmaken.
De Database is succesvol aangemaakt.

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.

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

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.

Download Joomla via bovenstaande link.
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.
Pak dit bestand uit met 7 Zip, (of het standaard Zip programma van MS Windows).
Nadat de installatie bestanden van Joomla uitgepakt zijn dienen de folders en bestanden naar de folder J:\xampp\htdocs\website gekopieerd worden.
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.
Open Internet Explorer (of een andere browser) en type het volgende adres in adresbalk:
http://localhost/website/
De installatiepagina van Joomla!® wordt geopend.
Link is: http://localhost/website/installation/index.php

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.
Het installatievenster van stap 2 wordt gestart. De database gegevens moeten ingevoerd worden.

Vul hier de volgende gegevens in:Naam database: dbwebsite01
Gebruikersnaam: root
Wachtwoord: (geen)klik op Volgende.
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!
De installatie wordt gestart en voltooid.
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
Klik op de knop Website om naar de Front-End pagina te gaan.
URL: http://localhost/website/
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.

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