tutorial cara membuat aplikasi new media

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.


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&notepad **,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/


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\.


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 :


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


6/17

1. lalu jalankan ser4i'e pa'he dan /y07) dengan klik tulisan running seperti gambar dibawah ini :


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

1. ilih database yang kita gunakan karena pada "ampp kita memakai database mys8l berarti pilih

mys8l dan klik ne"t


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


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


11/17

1. ;unggu proses seperti gambar dibawah ini sampai selesai < sampai loadingnya berhenti = jika

sudah tekan ne"t.


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


13/17


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


15/17


16/17

0umber


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/

tutorial cara membuat aplikasi new media

Documents