Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Modul dan ebook kursus web dengan dreamweaver dan phpmysql

529 views

Published on

ebook dan modul gratisss dan anget membuat website untuk pemula dari kursus komputer naura
LPK Naura Kursus Komputer Pondok gede-Menyelenggarakan kursus bersertifikat, kursus web master,vb.net,ms.office, excel vba, desain grafis,seo dengan harga terjangkau lokasi jakarta-bekasi

www.kursuskomputer.web.id
www.kursuskomputernaura.com
www.kursusweb.net
www.dientrimedia.com

Published in: Education
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE Format, ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Modul dan ebook kursus web dengan dreamweaver dan phpmysql

  1. 1. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 1 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat Web Dinamis menggunakan Php Dan Mysql Menginstall server Dalam mempelajari pemrograman php mysql ini anda akan bersentuhan dengan yang namanya bahasa php,server dan database Nah untuk langkah pertama kita harus mengetahui server itu apa ,karena kode kode php hanya bisa dijalankan di dalam server Nah didalam cd kursus yang sudah Diberikan terdapat sebuah file zip bernama xampplite-win32-1.7.3 silahkan extract file tersebut ke direktori c/ ,d/ atau e/ lihat contoh gambar dibawah ini Dan akan terlihat hasil extract folder tadi didalam folder project kita lihat gambar dibawah ini kemudian klik dua kali folder xampplite dan cari shortcut xampp-controll kemudian klik 2 x
  2. 2. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 2 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kemudian akan muncul jendela xampp-control seperti terlihat pada gambar kemudian klik tombol start untuk mysql dan apache nya Kemudian buka browser anda dan ketikkan alamat berikut localhost/phpmyadmin dan akan terlihat jendela seperti pada gambar dibawah ini Ini artinya server anda sudah aktif dan siap digunakan Membuat database Setelah anda berhasil menginstall server untuk php di Komputer anda saat nya sekarang kita belajar tentang database dimana database tersebut bernama mysql ,karena sebuah program aplikasi membutuhkan database dimana disini kita menggunakan database mysql.Disinilah nanti kita menyimpan seluruh hasil transaksi kita,yang kemudian ditampilkan ke halaman pengunjung atau user menggunakan kode kode php ,html dan css baiklah kali ini kita akan mencoba membuat database,membuat relasi antar tabelnya ,baiklah perhatikan gambar dibawah ini untuk memulai membuat database
  3. 3. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 3 Modul KursusWebPorgramming | www.kursuskomputernaura.com Klik tulisan basis data seperti yang terlihat pada gambar Kemudian tampil kolom untuk membuat database,ketikkan misalnya dbwebmaster,kemudian klik tombol buat lihat contohnya pada gambar dibawah ini Jika sudah maka lihat pada menu bagian kiri sudah dibuatkan sebuah database dbwebmaster kemudian klik tulisan dbwebmasternya,dan disana tersedia sebuah kolom untuk membuat table database,misalkan kita buat table user,lalu klik tombol kirim lihat contohnya pada gambar Maka akan tampil gambar seperti dibawah ini kita membuat field untk nama kolom kolom database kita dan type datanya lihat contoh pembuatannya pada gambar dibawah ini
  4. 4. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 4 Modul KursusWebPorgramming | www.kursuskomputernaura.com  Id_user =>kita buat tipe id kita bilangan bulat,dengan panjang karakter 5 digit,kemudian sebagai primary key dan penomorannya otomatis dilakukan database secara terurut  Nama_user =>type datanya varhar artinya boleh dengan bilangan karakter string/huruf kita beri batasan misalnya paling panjang untuk sebuah nama 30 karakter  Email =>type datanya varchar,kita beri batasan misalnya paling panjang untuk sebuah email sepanjang 30 karakter  Username =>type datanya sepanjang 15 karakter  Password =>type datanya varchar sepanjang 15 karakter batasannya  Level =>karena untuk level kita hanya butuh satu digit saja sebenarnya kita menggunakan tinyint,artinya type data bilangan namun dengan batasan tamping lebih kecil pada database kita beri 2 karakter  Tanggal =>type data tanggal jadi data yang nanti masuk kita format menggunakan type data dari mysql ini untuk digit karakter kita kosongkan saja karena sudah otomatis dibuatkan oleh user  Jangan lupa type penyimpanannya menggunakan innodb untuk memudahkan proses relasinya nanti  Kemudian klik tombol simpan Nah sekarang anda sudah mempunyai sebuah table yang bernama table_user,pada database dbwebmaster seperti terlihat pada gambar dibawah ini Kemudian coba kita tambahkan sebuah data baru dengan cara klik tulisan table_user yang terlihat pada gambar diatas,lalu kemudian muncul tampilan field yang masih kosong ,nah dibagian atas ada tulisan tambahkan klik lalu isi fieldnya untuk lebih jelasnya lihat gambar berikut
  5. 5. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 5 Modul KursusWebPorgramming | www.kursuskomputernaura.com Isikan seperti contoh pada gambar jika sudah kemudian klik tombol kirim, nah sekarang anda sudah mempunyai sebuah data dalam table_user untuk melihat hasilnya kita klik tulisan pada menu sebelah kiri seperti terlihat pada gambar berikut ini Maka akan terlihat data yang kita inputkan tadi sudah masuk kedatabase seperti terlihat pada gambar dibawah ini Sekarang buatlah lagi table table untuk berikutnya seperti yang terlihat pada gambar di bawah ini
  6. 6. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 6 Modul KursusWebPorgramming | www.kursuskomputernaura.com Tabel Artikel No Nama kolom Type data Panjang karakter Kunci primary 1 Id_artikel int 11  2 Id_kategori int 11 3 Id_user int 11 4 Judul varchar 200 5 isi text 6 gambar varchar 50 7 tanggal date Tabel Kategori No Nama kolom Type data Panjang karakter Kunci primary 1 Id_kategori int 11  2 Nama_kategori varchar 50 Tabel Komentar No Nama kolom Type data Panjang karakter Kunci primary 1 Id_komentar int 11  2 Id_berita int 11 3 nama varchar 30 4 email varchar 30 5 web varchar 30 6 pesan text 7 balas text 8 tanggal date 9 status char 5
  7. 7. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 7 Modul KursusWebPorgramming | www.kursuskomputernaura.com Tabel Setting No Nama kolom Type data Panjang karakter Kunci primary 1 Id_setting int 11  2 title varchar 70 3 keyword varchar 160 4 deskripsi varchar 200 5 Gambar_header varchar 30 6 footer varchar 50 7 Shotcut_icon varchar 30 8 alamat text 9 telepon varchar 15 10 Nama_pemilik varchar 30 Tabel Profil No Nama kolom Type data Panjang karakter Kunci primary 1 Id_profil int 11  2 judul varchar 200 3 isi text 4 gambar varchar 50 5 tanggal date Tabel Produk No Nama kolom Type data Panjang karakter Kunci primary 1 Id_produk int 11  2 Id_kategoriproduk int 11 3 Namaproduk varchar 50 4 keterangan text 5 harga int 50 6 diskon varchar 30 7 gambar varchar 50 7 tanggal date Tabel Kategori Produk No Nama kolom Type data Panjang karakter Kunci primary 1 Id_kategoriproduk int 11  2 Kategoriproduk varchar 50
  8. 8. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 8 Modul KursusWebPorgramming | www.kursuskomputernaura.com Tabel Gallery No Nama kolom Type data Panjang karakter Kunci primary 1 Id_gallery int 11  2 judul varchar 50 3 keterangan text 4 gambar varchar 50 5 tanggal date Tabel kontak No Nama kolom Type data Panjang karakter Kunci primary 1 Id_kontak int 11  2 nama varchar 30 3 email varchar 30 4 web varchar 50 5 pesan text 6 balas text 7 status varchar 10 8 tanggal date Table_slider No Nama kolom Type data Panjang karakter Kunci primary 1 Id_slider int 11  2 gambar varchar 50 Jika sudah maka akan terlihat semua table yang sudah dibuat seperti gambar dibawah ini Membuat relasi Antar table untuk membuatnya klik menu designer seperti yang terlihat pada gambar diatas maka akan tampil seperti gambar di bawah ini susunlah semua gambar mirip seperti gambar dibawah ini
  9. 9. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 9 Modul KursusWebPorgramming | www.kursuskomputernaura.com Backup database Untuk mempermudah penyalinan database kita dilocalhost yang nanti kemudian kita akan pindah ke hosting maka kita harus membackup atau mendumping database kita caranya sangat mudah klik tulisan ekpor seperti gambar dibawah ini
  10. 10. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 10 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kemudian muncul dialog seperti ini,pilih metodenya cepat kemudian formatnya pilih sql kemudian klik tombol kirim Kemudian muncul kotak dialog pilih save file kemudian klik tombol ok dan lihat hasilnya di folder download database anda sudah terbackup,sekarang pindahkan file tersebut ke folder project anda sebagai backup kalau kalau suatu saat server anda mengalami gangguan data anda masih bisa terselamatkan
  11. 11. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 11 Modul KursusWebPorgramming | www.kursuskomputernaura.com Merestore database Untuk mengembalikan database atau merestore caranya juga cukup mudah, buatlah sebuah database di phpmyadmin misalnya kita buat namanya dbwebmaster_backup jika sudah kemudian klik tombol import lihat contohnya seperti gambar dibawah ini Kemudian klik pilih file/browse,kemudian pilih file dari folder backup yang sudah kita pindahkan tadi ke folder project kita lihat contohnya pada gambar dibawah ini : Kalau sudah semua sekarang tinggal klik tombol kirim ,jika tidak ada masalah maka anda akan dibuatkan table tebel seperti database sebelumnya (dbwebmaster) ke database yang baru(dbwebmaster_backup) Nah cukup mudahkan untuk membackup dan restore database sekarang saatnya kita bermain main dengan kode php Mulai membuat project
  12. 12. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 12 Modul KursusWebPorgramming | www.kursuskomputernaura.com Untuk pengenalan php anda bisa lihat di modul tambahan,untuk memperkuat logis anda memasuki tahap project ini ,baiklah pertama-tama kita buka dulu editor kesayangan kita yaitu dreamweaver kemudian kita akan mengkonfigurasikan project kita dengan server dengan bantuan dreamweaver nama istilahnya mendefenisikan website Mendefenisikan website Untuk mengkoneksikan antara editor ke file kita deserver local,browser,dan database maka kita defenisikan terlebih dahulu project kita caranya bisa dilihat pada gambar dibawah ini Ketikkan sesuai nama folder project kita sebelumnya,yaitu latihanweb .kemudian klik gambar folder disebelah kanan ,untuk lebih jelasnya lihat gambar berikut Lalu akan muncul window dialog untuk membuat folder diserver kemudian buat folder baru bernama latihanweb sesuai nama yang kita ketikkan diatas tadi kemudian klik open lihat gambar
  13. 13. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 13 Modul KursusWebPorgramming | www.kursuskomputernaura.com Jika sudah maka akan muncul window dialog baru lagi dan pilih select seperti terlihat pada gambar berikut.setelah itu kemudian kita atur lagi konfigurasi servernya lihat gambar Kemudian akan muncul lagi window dialog baru dan isikan konfigurasinya seperti terlihat pada gambar dibawah ini kemudian tekan tombol save,jika sudah jangan lupa dicentang remote dan testingnya kemudian klik tombol savenya lagi Nah sekarang anda sudah selesai mengkonfigurasi di dreamweaver ,sekarang ! kita salin semua hasil dari webdesign kita sebelumnya ke folder yang baru saja kita ciptakan tadi deserver yaitu di c/xammplite/htdocs/latihanweb caranya masuk kefolder project kita yang didekstop kemudian klik folder administrator lalu tekan shift kemudian arahkan cursor kefile paling bawah dan klik kemudian klik kanan dan pilih copy setelah itu masuk ke sytem c ->pilih xampp->htdocs kemudian tekan tombol ctrl dan s secara bersamaan untuk menyalin data yang tadi dicopy,untuk lebih jelasnya lihat gambar dibawah ini
  14. 14. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 14 Modul KursusWebPorgramming | www.kursuskomputernaura.com Jika sudah silahkan buka browser anda dan ketikkan alamat localhost/latihanweb maka web anda sudah tampil deserver local computer kita seperti terlihat pada gambar dibawah ini
  15. 15. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 15 Modul KursusWebPorgramming | www.kursuskomputernaura.com Jika sudah kita kemudian kembali ke editor dreamweaver anda dan ubah file index.html,index.html dalam folder administrator dan dashboard.html menjadi berekstensi php agar bisa kita sisipkan kode kode php ,caranya buka file index.html didreamweaver kemudian klik file kemudian save as ganti akhiran htmlnya menjadi php.liat contohnya pada gambar dibawah ini Kemudian tampil gambar seperti dibawah klik lagi tombol save,ulangi lagi langkah ini untuk file index.html dan dashboard.html di folder administrator
  16. 16. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 16 Modul KursusWebPorgramming | www.kursuskomputernaura.com Jika semua file diatas sudah dirubah semua formatnya ke php maka sekarang kita akan membuat folder bernama config,kemudian buat sebuah file php baru simpan dengan nama koneksi.php simpan di folder config adapun kodennya lihat seperti gambar dibawah ini Jika sudah preview hasilnya di browser melalui dreamweaver atau mengetikkan localhost/latihanweb/config/koneksi.php ,jika tidak ada error atau layarnya putih blank berarti koneksinya sudah berhasil terlihat seperti gambar dibawah ini Selanjutnya kita buka file index.php di folder Administrator dan tambahkan script ceklogin.php pada actionnya lihat gambar berikut
  17. 17. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 17 Modul KursusWebPorgramming | www.kursuskomputernaura.com Jika sudah kita buat file baru bernama ceklogin.php lalu simpan di folder administrator lalu ketikkan kode seperti di bawah ini pada file tersebut Kemudian coba ketikkan coba ketikkan alamat localhost/latihanweb/Administrator coba login dengan sembarang ,apakah bisa masuk dashboard atau tidak? Jika tidak coba login sesuai data di table_user yang ada didatabase,nah sekarang sudah bisa masuk kehalaman dashboard.php namun sekarang coba tutup browser anda dan buka kembali,lalu ketikkan alamat localhost/latihanweb/administrator/dashboard.php Nah ternyata halamannya tetap bisa diakses tanpa melalui login,untuk mengatasi ini ketikkan kode berikut dibaris paling atas halaman dashboard.php berikut kodenya
  18. 18. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 18 Modul KursusWebPorgramming | www.kursuskomputernaura.com Sekarang coba lagi baypass menggunakan url seperti diatas,Nah sekarang halaman dashboard kita sudah terproteksi,sekarang dengan fungsi dari session kita coba bawa data dari ceklogin ke halaman dashboard dengan script $_SESSION[‘ ’]; untuk lebih jelasnya mari kita lihat kode berikut Maka akan ditampilkan siapa user yang login seperti yang tampak pada gambar dibawah ini sekarang coba login dengan username admin dan password admin maka akan ditampilkan username anda menggunakan fungsi session Jika sekarang urusan login dan session sudah beres mari kita coba membuat sitem template,apakah system template? System template artinya kita hanya menggunakan satu buah template saja,jadi data yang ditampilkan itu yang berubah hanya di bagian kontennya saja tidak dengan web statis yang halamannya berganti satu halaman penuh,disinilah keunggulan php bisa menghemat penulisan kode.sebelumnya buatlah sebuah folder bernama modul didalam folder administrator lihat contohnya pada gambar
  19. 19. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 19 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kemudian didalam folder modul kita buat lagi sepuluh buah folder untuk merapikan penyimpan modul modul php kita nanti untuk contohnya lihat gambar dibawah ini kalau sudah mari kita kehalaman dashboard.php kemudian rubah semua kode yang ada di dalam class kotak-bungkus ketikkan kode nya seperti yang terlihat seperti gambar
  20. 20. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 20 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kalau sudah semua rubah lagi semua script yang ada di bagian menu navigasi agar sesuai dengan system template yang barusan kita buat diatas tadi Sekarang kita sudah mempunyai template yang dinamis ,untuk mencobanya kita coba buat dulu script kategori.php yaitu managemen kategori untuk artikel adapun scriptnya kita ambil dari penggalan script dari produk.html berikut script yang saya ambil untuk saya jadikan template dalam file kategori.php Pertama tama ketiklah kode seperti dibawah ini dimana kode berikut adalah untuk menampilkan data dalam bentuk table berikut tampilan dan kodennya :
  21. 21. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 21 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kemudian berikut kodenya Kemudian berikut tampilan dari form tambah data Untuk kodenya seperti dibawah ini
  22. 22. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 22 Modul KursusWebPorgramming | www.kursuskomputernaura.com Untuk tampilan edit data hampir sama dengan form tambah data hanya perbedaan diquerynya Kemudian untuk menghapus data kita hanya membuatuhkan query saja adapun kodenya seperti dibawah ini Membuat halaman management Artikel
  23. 23. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 23 Modul KursusWebPorgramming | www.kursuskomputernaura.com Untuk mempermudah update atau tambah artikel kita menggunakan php dan mysql untuk mempermudah pengelolaan website kita adapun tampilannya adalah seperti berikut : Kodenya :
  24. 24. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 24 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kemudian untuk tampilan form dan kode tambahnya Untuk kodenya :
  25. 25. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 25 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  26. 26. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 26 Modul KursusWebPorgramming | www.kursuskomputernaura.com Dibagian edit data artikel untuk tampilan hampir sama hanya perbedaan pada pada kodenya saja adapun kodenya seperti dibawah ini
  27. 27. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 27 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kemudian kode untuk menghapusnya : Membuat Halaman Management komentar Nah kita sudah selesai membuat halaman untuk artikel sekarang kita akan membuat halaman untuk halaman me management komentar pada website kita caranya buka file artikel.php kemudian klik file->save as lalu simpan dengan nama komentar.php pada folder komentar,kemudia jika sudah coba tekan tombol ctrl + F secara bersamaan dan isikan seperti gambar dibawah ini
  28. 28. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 28 Modul KursusWebPorgramming | www.kursuskomputernaura.com Kemudian klik tombol replace All jika sudah hapuslah seluruh kode yang ada diantara $_get[‘data’]==tambah jadi yang tersisa tampilan table $_get[‘data’]==edit dan $_get[‘data’]==hapus dan lakukan perubahan seperti tampak dibawah ini
  29. 29. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 29 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat halaman management Setting web Halaman ini berfungsi untuk mengatur seo dan identitas web kita misalnya gambar header slider kontak dll Nah seperti cara diatas untuk mempermudah pembuatan kodenya kita save lagi halaman artikel.php menjadi halaman setting.php kemudian simpan di folder setting,tekan ctrl + f kemudian isikan artikel dikolom find dan setting dikolom replace kemudian klik tombol replece,untuk contoh gambar lihat gambar diatas,kemudian rubahlah semua kodenya ,menjadi seperti dibawah ini
  30. 30. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 30 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  31. 31. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 31 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  32. 32. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 32 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  33. 33. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 33 Modul KursusWebPorgramming | www.kursuskomputernaura.com Untuk membuat halaman management user silahkan buka file setting.php kemudian klik file lalu save as dengan nama user.php dan simpan di folder user kemudian rubahlah scriptnya menjadi seperti dibawah ini :
  34. 34. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 34 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  35. 35. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 35 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  36. 36. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 36 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  37. 37. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 37 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat halaman management slider Untuk membuat halaman management slider anda bisa memakai file user.php kemudian save as menjadi slider.php kemudian simpan dengan nama slider.php di folder slider dan buatkan juga penampung folder gambarnya beri nama gambar-slider untuk kode selengkapnya bisa dilihat contoh seperti dibawah ini
  38. 38. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 38 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  39. 39. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 39 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat halaman kategori produk Untuk membuat halaman kategori produk silahkan buka file kategori.php di folder kategori kemudian simpan dengan save as berinama kategoriproduk.php dan simpan di folder kategoriproduk kemudian rubah scriptnya menjadi seperti contoh dibawah ini
  40. 40. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 40 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat halaman Produk Untuk membuat halaman produk Anda bisa copy dari file artikel.php kemudian lakukan perubahan pada scriptnya dengan cara klik file save as kemudian simpan dengan nama produk.php kemudian simpan dengan nama produk.php di folder produk kemudian buat lagi sebuah folder bernama gambar-produk didalam folder latihanweb untuk menampung gambar hasil upload ,untuk scriptnya silahkan lihat gambar dibawah ini
  41. 41. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 41 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  42. 42. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 42 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  43. 43. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 43 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  44. 44. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 44 Modul KursusWebPorgramming | www.kursuskomputernaura.com Nah selesai sudah kita membuat halaman produk,sekarang kita akan membuat halaman untuk management portfolio
  45. 45. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 45 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat Halaman Management Portfolio Buatlah sebuah folder bernama gambar-portfolio di folder latihan web,kemudian save as file produk.php menjadi portfolio.php kemudian simpan di folder portfolio kemudian ubahlah scriptnya menjadi seperti dibawah ini :
  46. 46. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 46 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  47. 47. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 47 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat Halaman Management Kontak Nah untuk yang terakhir dihalaman backend kita akan membuat halaman kontak caranya tinggal di save as saja halaman portfolio menjadi halaman kontak.php kemudian simpan difolder kontak yang didalam modul seperti yang sudah kita siapkan sebelumnya kemudian kita rubah scriptnya menjadi seperti dibawah ini
  48. 48. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 48 Modul KursusWebPorgramming | www.kursuskomputernaura.com
  49. 49. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 49 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat file logout.php Untuk membuat logout.php cukup mudah ketikkan seperti script dibawah ini dan simpan difolder administrator,kemudian ubah link dari navigasi menjadi <ahref=’logout.php’>Keluar</a> adapun scriptnya lihat gambar dibawah ini :
  50. 50. April 23, 2013 [MODUL KURSUS WEBPROGRAMMING WWW.KURSUSKOMPUTERNAURA] 50 Modul KursusWebPorgramming | www.kursuskomputernaura.com Membuat Kode untuk Tampilan halaman pengunjung Bukalah file index.php kemudian editlah scriptnya menjadi seperti dibawah ini ubahlah dibagian div menu menjadi seperti gambar di bawah ini :

×