Upload
romi-nursyafiq
View
226
Download
0
Embed Size (px)
Citation preview
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
1/17
Tutorial Cara Membuat Aplikasi New Media “WebElearning”
12FEB9Untuk membuat sebuah web e-learning, kami :
No Nama NPM
1 Imam Muttaqien 53412636
2 Muhammad Syawaludin 55412108
3 Muhammad Yaasiin 55412128
4 Rizky e!"u!wadi 56412608
Kami dari kelas 2IA13 membuat web elaearning menggunakan Xampp dan juga moodle :
Berikut langkah-langkahnya :
1. ertama pastikan download dan install so!tware "ampp.
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
2/17
#. $ownload paket moodle #.%.1 di http:&&download.moodle.org&
ekstark !ile yang telah selesai di download,lalu kopikan kedalam !older htdo's yang ada di dalam !older
"ampp
1. (unning program "ampp, jika terjadi masalah, maka ikuti langkah langkah dibawah ini :
1. )akukan perubahan pada !ile httpd.conf#. Buka !ile httpd.'on! di !older C:\xampp\apache\conf\ dengan menggunakan aplikasi
notepad¬epad **,atau editor lain,disini menggunakan notepad **.
+. ari kata Listen 80 dan ubahlah menjadi Listen 8080 seperti gambar dibawah ini :
http://download.moodle.org/http://download.moodle.org/http://download.moodle.org/
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
3/17
1. /asih di !ile yang sama,yaitu httpd.conf , 'arilah kata Se!e"ame #oca#host:80 kemudian
ubahlah menjadi Se!e"ame#oca#host:8080, 0eperti gambar dibawah ini :
1. )alu Simpan !ile httpd.conf tersebut.
#. 0elanjutnya, buka !ile httpd$ss#.conf di C:\xampp\apache\conf\exta\.
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
4/17
+. arilah kata Listen %%3 dan ubah menjadi Listen %%&&,0eperti gambar dibawah ini :
1. /asih di !ile yang sama yaitu httpd$ss#.conf , dan 'arilah kata !it'a#host(defa'#t(:%%3
kemudian ubahlah menjadi !it'a#host(defa'#t(:%%&&,seperti gambar dibawah ini :
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
5/17
1. /asih di !ile yang sama,yaitu httpd$ss#.conf) 'arilah kata Se!e"ame #oca#host:%%3 dan
ubahlah menjadi Se!e"ame #oca#host:%%&&
1. 0ekarang jalankan X/ ontol anel, lalu klik 0tart pada pa'he. 2ika mun'ul peringatan di
kotak detail bagian bawah Apache stated *pot 80+, maka bukalah browser dan arahkan ke
alamathttp:,,#oca#host:8080,xampp. 2ika berhasil maka 3eb 0er4i'e pa'he tersebut telah berjalan
di port 5656.
#. 2ika sudah tidak ada lagi kesalahan, maka "ampp akan running seperti gambar dibawah ini:
http://localhost:8080/xampphttp://localhost:8080/xampp
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
6/17
1. lalu jalankan ser4i'e pa'he dan /y07) dengan klik tulisan running seperti gambar dibawah ini :
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
7/17
1. Ketikan pada address bar browser http:&&lo'alhost&moodle maka anda akan ditampilkan halaman
seperti gambar dibawah ini lalu pilih bahasa yang ingin anda gunakan dan klik ne"t
1. 0elanjutnya pada halaman 'on!irm path anda dapat menentukan peletakan moodledata yang
merupakan dire'tori yang terbuat otomatis saat instalasi "ampp, jika sudah klik ne"t
http://localhost/moodlehttp://localhost/moodle
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
8/17
1. ilih database yang kita gunakan karena pada "ampp kita memakai database mys8l berarti pilih
mys8l dan klik ne"t
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
9/17
1. 0ekarang kita buat database, k kita buka tab baru dan ketikan pada address
bar http:&&lo'alhost&phpmyadmin& lalu pilih databases
#. ada 'reate database isikan database sesuai keinginan disini saya membuat database dengan
nama moodle lalu tekan reate
http://localhost/phpmyadmin/%C2%A0http://localhost/phpmyadmin/%C2%A0http://localhost/phpmyadmin/%C2%A0
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
10/17
1. Kembali ke tab sebelumnya, lakukan kon!igurasi untuk moodle dengan mengisikan database
name seperti yang telah kita buat tadi, database user isikan root, dan database password kita biarkan
kosong karena se'ra de!ault database pada "ampp tidak diberi password
1. ersetujuan lisensi pada moodle #..+* tekan ontinue saja
#. 2ika tidak terdapat kesalahan ,maka akan mun'ul tampilan seperti dibawah ini,jika terjadi
kesalahan maka aka nada tanda berwarna merah
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
11/17
1. ;unggu proses seperti gambar dibawah ini sampai selesai < sampai loadingnya berhenti = jika
sudah tekan ne"t.
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
12/17
1. nda akan diarahkan pada halaman seperti dibawah ini isikan semua yang bewarna merah,
perhatikan untuk password harus 5 karakter 1 angka, 1 karakter, 1 huru! besar jika sudah klik update
pro!ile
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
13/17
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
14/17
1. >sikan kon!igurasi untuk elearning anda seperti nama elearning dan lain lain lalu klik sa4e
1. 0elesai sudah instalasi kita heheheh sekarang anda bisa memulai membuat kelas dan kursus
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
15/17
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
16/17
0umber
8/17/2019 Tutorial Cara Membuat Aplikasi New Media
17/17
http:&&ingatlupalupa.blogspot.'om=+&6&'ara-instalasi-moodle-#+-di-lo'alhost.html
http:&&webhostmu.'om&apa'he-tidak-bisa-running-di-"ampp&
http://ingatlupalupa.blogspot.com/2013/04/cara-instalasi-moodle-243-di-localhost.htmlhttp://webhostmu.com/apache-tidak-bisa-running-di-xampp/http://ingatlupalupa.blogspot.com/2013/04/cara-instalasi-moodle-243-di-localhost.htmlhttp://webhostmu.com/apache-tidak-bisa-running-di-xampp/