Minggu, 26 Januari 2014

Tutorial Membuat E-Learning

Langkah2 Membuat E-Learning 

Link E-learning : E-Learning.rumahedwin.com 









Nama :  Edwin Adam (52412366)
             Oscar Prathama (55412607)
             Yoga M Tampi(57412825
             Dara A(51412712)
kelas  :   2IA13

Komponen/Software yang dibutuhkan :
1. Xampp = DIgunakan untuk web server offline
2. Adobe Photoshop = Design Template
3. Adobe Dreamweaver = Coding
4. Mozila firefox / Chrome = Browser
5. FileZilla = Upload File Ke Hosting
6. Domain +Hosting = Menyimpan Dokumen web ke webserver online




Bagian 1 (Design Layout) 
1. Buka Adobe Photoshop,Lulu design Layout yang kita inginkan
2. Potong Gambar menjadi kecil2 dengan Tool Slice Photoshop
3. Pastikan size Gambar tidak terlalu besar, Agar Website tidak lambat
4. Buka Adobe Dreamweaver Lalu Coding CSS untuk layout














 Bagian2 (Database) 
1. Buka Xampp, Lalu start pada Apache dan Mysql
2. Buka Browser Lalu ketik Http://localhost/phpmyadmin
3. Buat database Elearning dengan mengklik tombol Create
4. Buat table Baru :
    I. Tb_admin : user varchar(30) Password(30) hakakses(30)
    II. Tb_bab : id int AutoIncrement nama_bab varchar(20) detail text file varchar(20)
    III. Tb_soal : id int AutoIncrement id_bab int soal text
    IV. Tb_jawaban : id int Autoincrement id_soal int jawaban text value int









Bagian3 (Coding) 
1. Buka Adobe Dreamweaver Lalu Klik File -> New
2. Import File css yang sudah dibuat sebelumnya ke dalam PHP dengan script
3. Pastikan Layout telah sesuai dengan keinginan kita
4. Coding dengan menggunakan Adobe dreamweaver (SS Coding ada dibawah)
5. Untuk mengetes jalan tidaknya web dengan server local menggunakan http://localhost/E-Learning













Bagian 4(hosting) 
1. Buka File zilla,Lalu login dengan cara memasukan Alamat Hosting Username dan Password
2. Lalu drag/Upload file web kita kedalam  Public_Html
3. Login ke dalam Cpanel web ,Lalu Upload database yang telah kita buat sebelumnya.
4. Pastikan seluruh file dan database telah terupload ke hosting








5. Selesai

Link E-learning : E-Learning.rumahedwin.com 

Screenshot E-learning
1. Pilih nama Bab yang akan di pelajari
2.Klik Download untuk mendownload materi

3.Klik Latihan Untuk mengerjakan soal
 











 

4.Jika sudah selesai klik tombol cek jawaban










1 komentar:

Praveen Sharma mengatakan...

Hosting is very important part of the website. If a website has average traffic than choosing shared hosting could be mistake. Miditech hosting give you full dedicated server with vps hosting services India

Posting Komentar