tutorial install xampp & cms
TRANSCRIPT
![Page 1: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/1.jpg)
Tutorial Install Xampp & CMS (AuraCMS, Balitbang, Dokeos, Drupal, Joomla, Moodle)
ALFAN KHUDORIX TKJ A
![Page 2: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/2.jpg)
Langkah Install Xampp
![Page 3: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/3.jpg)
1.Jalankan file xampp-win32-1.4.12-installer.exe (atau versi lainnya)
![Page 4: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/4.jpg)
2.Kemudian akan tampil pilihan untuk memilih bahasa ketika proses instalasi berjalan. Silakan pilih bahasa Indonesian atau English,
kecuali anda menguasai bahasa lainnya. Pada contoh ini saya memilih bahasa Indonesia.
![Page 5: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/5.jpg)
3. Proses instalasi akan dimulai. Klik Maju untuk memulainya.
![Page 6: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/6.jpg)
4.Akan muncul lisensi software. Silahkan membacanya jika anda mau, tetapi saya lebih suka untuk tidak membacanya karena terlalu banyak. Klik Saya Setuju untuk melanjutkan.
![Page 7: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/7.jpg)
5.Selanjutnya silakan anda pilih lokasi install untuk XAMPP. Kemudian klik install
![Page 8: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/8.jpg)
6.Tunggu beberapa saat sampai proses instalasi selesai.
![Page 9: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/9.jpg)
7.Instalasi selesai
![Page 10: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/10.jpg)
Langkah Install Macam-macam CMS
![Page 11: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/11.jpg)
1. AuraCMS
Langkah Install :
![Page 12: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/12.jpg)
Step 1
Langkah pertama adalah kita ekstrak file aura cms menjadi folder dan letakkan folder tersebut di 'htdocs' pada folder 'xampp'
![Page 13: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/13.jpg)
Step 2
Lalu ketikan pada addres bar 'localhost/phpmyadmin' . selanjutnya membuat basis data/database disitu saya memberi nama 'auracmsalfan'
![Page 14: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/14.jpg)
Step 2
Selanjutnya ketikkan pada address bar 'localhost/namafolder yang telah di ekstrak' atau seperti 'localhost/AuraCMS'.
![Page 15: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/15.jpg)
Step 3
Setelah selesai memuat halaman langkah selanjutnya adalah mengisi kolom yang ada. Kolom pertama biarkan terisi 'localhost'. Kolom kedua diisi dengan 'root'. Kolom ketiga dibiarkan kosong. Kolom terakhir diisi dengan nama database yang telah dibuat di phpmyadmin tadi. Setelah itu klik 'Next'
![Page 16: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/16.jpg)
Step 4
Langkah selanjutnya adalah mengisi kolom seperti digambar. Kolom pertama adalah nama site anda . Kolom kedua adalah judul URL anda. Kolom ketiga adalah nama admin. Kolom keempat adalah password admin. dan Kolom terakhir adalah email anda
![Page 17: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/17.jpg)
Setelah selesai mengisi kolom akan ada tampilan seperti ini
![Page 18: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/18.jpg)
Jika anda mengklik 'Admin Page' akan muncul tampilan seperti ini
![Page 19: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/19.jpg)
Jika anda mengklik 'Home Page' akan muncul tampilan seperti ini
![Page 20: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/20.jpg)
2. Balitbang
Langkah Install :
![Page 21: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/21.jpg)
Step 1.
Ekstrak file CMS Balitbang, letakkan di folder installasi XAMP > htdocs. Hasilnya seperti gambar di bawah ini.
![Page 22: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/22.jpg)
Step 2.
Buka browser Anda ketik "localhost/phpmyadmin" kemudian buat basis data dengan nama 'balitbangalfan'
![Page 23: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/23.jpg)
Step 3.ketik "localhost/CMSBalitbang" kemudian Enter
Klik button Saya Setuju.
![Page 24: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/24.jpg)
Step 4.
Langkah penggunaan CMS Balitbang > pilih tingkatan Sekolah.
![Page 25: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/25.jpg)
Step 5.
Langkah 2 Pilih Modul > Lanjut.
![Page 26: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/26.jpg)
Step 6.Konfigurasi CMS Balitbang.
Database Hostname : "localhost"Database Name : "balitbangalafn"Database User : "root"Database Password : "kosongkan".
![Page 27: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/27.jpg)
Step 7. Klik install
![Page 28: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/28.jpg)
Install selesai
![Page 29: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/29.jpg)
Jika anda mengklik 'login admin' akan ada tampilan seperti ini
![Page 30: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/30.jpg)
Jika anda mengklik 'lihat web' akan ada tampilan seperti ini
![Page 31: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/31.jpg)
3.Dokeos
Langkah Install :
![Page 32: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/32.jpg)
Step 1.
ketikan pada addres bar 'localhost/phpmyadmin' . selanjutnya membuat basis data/database disitu saya memberi nama 'dokeosalfan'
![Page 33: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/33.jpg)
Step 2.
Extract file dokeos yang sudah terdownload, dan copykan pada htdocs.
![Page 34: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/34.jpg)
Step 3.
Isi pada kolom URL pada browser dengan 'localhost/dokeos' Lalu klik pada sebuah tombol “Click To Install Dokeos” untuk memulai proses installasi.
![Page 35: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/35.jpg)
Step 4.
Pada halaman berikutnya akan tampil halaman pilih bahasa installasi. Sebagai contoh, menggunakan bahasa Indonesia
![Page 36: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/36.jpg)
Step 5.
Cek Settingan dan ijin direktori pada dokeos. Selanjutnya Klik INSTALL BARU untuk melanjutkan proses installasi dokeos.
![Page 37: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/37.jpg)
Step 6.
Pada halman berikutnya akan tampil sebuah peraturan dan HAK LISENSI dari DOKEOS. Klik SAYA SETUJU. Untuk melanjutkan.
![Page 38: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/38.jpg)
Step 7.
Pada Halaman Setting database, Isi Host database dengan localhost, Nama User database (default: root), Password kosongkanm dan Prefix MySql biarkan sebagai dokeos_. Pada halaman ini, bisa setup database menggunakan 3 database ataupun 1 database. Lebih disarankan menggunakan 3 database untuk performa elearning lebih bagus.
![Page 39: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/39.jpg)
Step 8.
Pada halaman ini, Setting configurasi Halaman administrator Dokeos isikan secara standart dengan username: admin dan password: admin
![Page 40: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/40.jpg)
Step 9.
Halaman Berikut menunjukkan untuk pemerikasaan akhir sebelum proses installasi berlanjut.
![Page 41: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/41.jpg)
Step 10.
Setelah proses installasi selesai, Maka mucul halaman dibawah ini. Klik pada LIHAT PORTAL ANDA YANG BARU DIBUAT untuk menuju Halaman Utama Elearning.
![Page 42: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/42.jpg)
Step 11.
Proses Installasi selesai dan selamat menggunakan Dokeos anda.
![Page 43: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/43.jpg)
4. Drupal
Langkah Install :
![Page 44: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/44.jpg)
Step 1.
Ekstrak file drupal dan letakkan di 'htdocs' pada xampp
![Page 45: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/45.jpg)
Step 2.
ketikan pada addres bar 'localhost/phpmyadmin' . selanjutnya membuat basis data/database disitu saya memberi nama 'drupalalfan'
![Page 46: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/46.jpg)
Step 3. buka browser 'localhost/drupal'
Pada sesi kali ini, kita pilih stsndard aja, trus kita klik save and continue.
![Page 47: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/47.jpg)
Step 4.
Lalu kita pilih english aja, sesuai defaultnya. Dan klik lagi save and continue.
![Page 48: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/48.jpg)
Step 5.
Konfigurasikan drupalisi database name : nama database yang telah dibuat di phpmyadmin tadidatabase username : standartnya 'rootdatabase password : kosongkan
![Page 49: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/49.jpg)
Step 6.
Tunggu proses instalasi sampai selesai.
![Page 50: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/50.jpg)
7.Setelah proses selesai,lengkapi configuration sitenya ya,
Site Name : kita isikan dengan nama website yang dibuat misalnya ‘localhost’
Site E-mail Address : Isi dengan alamat e-mail address
Username : Isi dengan username untuk Login Administrator misal ‘alfankhudori’
E-mail Address : Isi dengan alamat e-mail address
Password : Isi dengan password Administrator
Confirm Password : ketik ulang password tadi
![Page 51: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/51.jpg)
Step 8. Klik visit your new site
![Page 52: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/52.jpg)
Step 9.Installasi selesai
![Page 53: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/53.jpg)
5.Joomla
Langkah Install :
![Page 54: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/54.jpg)
Step 1.
ekstrak file joomla dan letakkan pada folder htdocs di xampp
![Page 55: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/55.jpg)
Step 2.
ketikan pada addres bar 'localhost/phpmyadmin' . selanjutnya membuat basis data/database disitu saya memberi nama 'joomlaalfan'
![Page 56: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/56.jpg)
Step 3.
buka browser anda dan ketikan localhost/joomla dan akan muncul halaman 1 Pengaturan seperti gambar diatas. Lalu isi dengan lengkap data yang diminta. Semua telah diisi maka lanjut ke langkah berikutnya klik Next.
![Page 57: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/57.jpg)
Step 4.
Tipe Database = pilih MySQliHostname = isi dengan Alfan HerreraNama PEngguna = defaultnya username yang digunakan adalah “root”Sandi = dikosongkan sajaNama Database = joomlaalfanAwalan Tabel = diamkan sajaProses Database Lama = pilih Buat cadangan saja.
![Page 58: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/58.jpg)
Step 5.
Klik Pasang
![Page 59: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/59.jpg)
Step 6.
Tunggu hingga proses selesai
![Page 60: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/60.jpg)
Step 7.
Klik Hapus direktori pemasangan
![Page 61: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/61.jpg)
Step 8.
Klik situs jika ingin melihat situs
![Page 62: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/62.jpg)
Tampilan situs yang telah dibuat
![Page 63: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/63.jpg)
6.Moodle
Langkah Install :
![Page 64: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/64.jpg)
Step 1.
Ekstrak file moodle dan letakkan di htdocs pada xampp
![Page 65: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/65.jpg)
Step 2.
ketikan pada addres bar 'localhost/phpmyadmin' . selanjutnya membuat basis data/database disitu saya memberi nama 'moodlealfan'
![Page 66: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/66.jpg)
Step 3.
Ketikan pada address bar browser http://localhost/moodle maka anda akan ditampilkan halaman seperti gambar diatas ini lalu pilih bahasa yang ingin anda gunakan dan klik next
![Page 67: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/67.jpg)
AStep 4.
Lalu klik selanjutnyaLalu klik selanjutnya
![Page 68: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/68.jpg)
Step 5.
Klik Selanjutnya
![Page 69: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/69.jpg)
Step 6.
Isikan data yang dimintaisi database name : nama database yang telah dibuat di phpmyadmindatabase user : rootyang lain dibiarkanLalu klik Selanjutnya
![Page 70: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/70.jpg)
Step 7.
Klik selanjutnya
![Page 71: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/71.jpg)
Step 8.
Pilih continue untuk melanjutkan. Maka proses instalasi akan berjalan sampai selesai.
![Page 72: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/72.jpg)
Step 9.
Proses instalasi selesai.
![Page 73: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/73.jpg)
Step 10.
Jika kita ingin mengedifikasi dengan baik, silahkan masuk pada edit profile dan silahkan edit profil kita sesuai yang kita inginkan.
![Page 74: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/74.jpg)
Step 11.
Jika kita ingin mengedifikasi dengan baik, silahkan masuk pada edit profile dan silahkan edit profil kita sesuai yang kita inginkan.
![Page 75: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/75.jpg)
Inilah hasil edifikasi profil secara mendasar
![Page 76: Tutorial Install Xampp & CMS](https://reader036.vdocuments.net/reader036/viewer/2022082219/55cee0bfbb61eb36678b45ff/html5/thumbnails/76.jpg)
TERIMA KASIH