Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Ebook Full Tutorial Membuat Website PHP Dinamis Dengan Dream Weaver Tanpa Ngoding

 Apa sih website dinamis itu ?

Website dinamis adalah sebuah website yang mempunyai sebuah data didalamnya dengan menggunakan database yang dibentuk lewat localhost (Jika database tersebut local) dan di  dalmnya mempunyai phpmyadmi untuk mengatur  databse punya kita. Dan kita akan membuat sebuah website dinamis atau phpmysql dengan menggunakna tools ajaib satu ini yaitu menggunakan DreamWeaver.

Banyak cara untuk membuat sebuah database dengan cara manual atau dengan cara mudah. Didunia ini tidak ada yang tidak mungkin..

Dengan aplikasi dream weaver anda bisa membuat sebauh databse php mysql dengan mudah tanpa perlu koding. Cukup drag and drop saja sudah cukup. Tapi walaupun drag and drop anda harus mengetahui bagaiamana sih memakai tools tools di dalam dream wever ? baca terus modul ini.

 

Beberapa Alat/Aplikasi Yang diperlukan Untuk membuat PHP Mysql Dengan Dream Weaver :

1. Xampp

2. Browser (Crome Disarankan), Dan

3. Dream Weaver Versi Terbaru

1. Mengatur Xammp

Install aplikasi Xampp Setelah diintall, start 2 Module Yaitu Apache Dan MySql


 

 

1. Setelah aktif masuk ke Browser Dan Ketik http://localhost/

 

2. Mengatur Database Pada Localhost

Lanjut Pada Step Berikutnya yaitu dengan mengatur databse phpmyadmin untuk memmbuat table databasenya

 

3. Akan Masuk Ke Php MyAdmin Tempat Diamana Hosting Local atau biasa disebut localhost

 

4. Klik Menu PHPMyAdmin

 



5. Setelah masuk ke phpmyadmin pilih menu new lalu buat judul folder  “DreamWeaver”  dan klik “Create”


 

 

6. Buat Sebuah nama label yaitu sebagai contoh “Barang” Dan colomnya “3”Kenapa Barang ? Karena Kita akan membuat sebuah Toko Gitu untuk membuat sebuah stock barangnya. Lalu Klik Go


 

 

7. Lalu Kita akan membuat sebuah databsenya dengan 3 Nama Yaitu

Id_Barang Type:Int Length:Default

Nama_barang Type:VarChar Length:255

Harga_barang Type:Int Length:Default

Perhatikan Data Yang Kotak Kuningkan Dan Samakan lalu Jika Sudah sama Klik “Save”

8. Jika sudah di save dan berhasil akan ada tampilan berikut


3.Nah Membuat database selesai sekarang kita buat PHP nya dengan Dream Weaver

 

Sebelum memulai pastikan Sudah install aplikasi dreamweaver dahulu. Setelah di install buka aplikasinya.

1. Setelah terbuka Klik Menu File  > New. Lalu aka nada tampilan berikut setelah itu pilih categorynya yaiu dynamic page dan PHP lalu klik Create.

 


2. Setelah di create silahakan save pagenya dengan format “.php” pada c:/xampp/Folder Kamu


 

3.  Setelah itukita buat sitenya dengan cara membuat connectionnnya.  Klik site > new Site.

 

4. Beri Nama Connectionnya Yaitu “koneksi” danurlnya yaitu localhost. Oh iya jangan lupa diaktifkan dulu  xampp nya lalu Next


 

 

5.  Pilih Server Technology “Ya/Yes”. Which Server Tenology ? Pilih “PHP  Mysql” Dan Next


6. Do You want to store  your file ? klik icon folder dan pilih nama folder yang tadi di buat. Dan Next


 

 

7. Pilih folder Pada nama folder yang anda buat. Kalua saya nama foldernya tugas. Lalu next

 


8. Step Terakhir cek link dan masukkan http://localhost/tugas

Tugas = Adalah nama folder anda.

Klik check. Jika sucsess maka pilih next terus sampai done/selesai


 

4.Setelah itu kita akan membuat sebuah record setnnya

1. Ikutipetunjunjuk di gambar untuk membuat sebuah record setnya. Klik application > klik icon petir > klik recordset > lalu akan muncul tampila berikut



2. Klik Define



3. New lalu  buat koneksinya 

 


4. Nah samakan data seperti gambar dibawah ini.

Connection name = koneksi

Mysql server = localhost

Username = root

Password = (kosongkan)

Database = nama folder databse yang kita buat awal awal (Kalau saya stock_barang)

 


 

 

5.Selesai kita membuat recordsetnya lalu kita akan membuat sebuah tablenya.

Sekarang kita akan buat databse sql nya dengan php pada dreamweaver. Disini kita bisa mengedit data dan mengahapus data.

1. Pilih Menu Aplication > Icon Petir Lalu > Pilih Dynamic Table

Reordsetya =  terserah  kalua saya sendiri pilih default saja >  OK

 


2. Jika Berhasil akan tampilsepertiberikut. Pastikan tableya sama seperti gambar berikut.


 

6.Nah  Sekarang kita sudah berhasil untuk membuat sebuah Tablenya

Lalu Kita akan membuat sebuah inputan user untuk menambahkan barang  kedalam table karena table yag tadi kita buat masih kosong

1. Buat dulu file baru file > new file Lalu Create 

 


2. Setelah itu save filenya dengan ctrl + s lalu save dengan nama “tambah_barang”

 


3. Kita akan membuat sebuah php inputan. Klik icon berikut., silahkan lihat gambar dibawah

Connection = koneksi

Table =  stock_barang

After Inserting, go to = (browse)

 


 

 

4. Lalu kita akan membuat sebuah parameternya.

Pilih stock_barang  > parameter

 

5. Lalu akan muncul tampilan seperti berikut, namenya silahkan isikan manual “id_barang”


 

 

6. Dan valuenya isikan dengan cara arahkan kursor ke table value, nanti akan ada icon petir lalu klik dan akan ada tampilan seperti berikut dibawah ini.

Pilih id_barang  > OK 

 


7. Dan jika berhasil data seperti tampilan berikut dibawah ini lalu OK


8. Lalu OK. Pastikan URL parameternya seperti gambar dibawah ini

 

9. Lalu ok lagi. Pastikan tampilannya seperti berikut.

 


10. Jika  berhasil hasilnya seperti berikut

 


7.Sekarang kita buat tombol atau  link untuk menuju kehalaman input_barang 

1. Masuk file stock_barang lalu tambahkan text dibawah table “tambahkan barang” dan diblock > lalu klik icon file untuk membuat linknya


 

 

2. Pilih file tambah_barang > OK

 


Untuk melihat apakah berhasil atau  tidak coba lihat di browser anda. Caranya  seperti berikut :

  

Coba anda tambahkan inputan barang  nya di browser. Jika bertambah  maka berhasil.

 


NB : Jika Hanya Muncul Tampilan “Not Unique blablablabla….” Seperti Berikut Maka Coba Diperbaiki Pada File Tambah_barang

Fixing

 

Maaf Karena tadi saya lupa untuk menambahkan sebuah filternya maka coba kita perbaiki.

 

 

Step :

1. Masuk ke file tambah_barang.php > Recordset1 > samakan seperti  di gambar

 


Setelah Selesai membuat inputan barang ke stock barang, kita lanjut ke step berikutnya.

 

Sekarang kita akan membuat sebuah edit dan deletenya.


 

8.Membuat sebuah edit dan delete

1. Buat colomm dengan cara berikut. Klik tablenyalalu di bawah akan muncul tools nya  

Cols = 5  > Enter

 


2. Merge Colom yang saya kotak kuningkan  dengan cara block 2 colom  dan klik kanan Table > Merge Cells

 


3. Kita tambahkan Edit Dan Delete Pada Table Kosong tadi yang baru  kita buat

 


4. Buat Dahulu 2 File baru dengan nama edit_barang dan delete_barang

 


5. Buat Update Recordnya. Klik menu application > klik icon berikut >Record update from wizard >

 


6. Kita buat recordnya

connection = koneksi >

OK  terus sampai muncul tampilan pada step 7

 


7. Pastikan tampilannya seperti dibawah ini.

Connection = koneksi

After Updating, go to > Browse = stock_barang.php

 


8. Jika sudah selesai aka nada tampilan seperti dibawah ini. Jika  berbeda dengan tampilan dibawah mungkin langkahnya masih ada yang salah.



9.Setelah Membuat edit barang kita masuk ke  cara membuat delete .

detele barang ini berfungsi untuk menghapus data pada stock_barang.

 

Cara Membuatnya cukup mudah dan caranya berbeda dari cara input atau membuat koneksi

1. Klik menu Application > Klik Icon silang  > samakan dengan gambar  dibawah ini. Jangan Di ok dulu. Klik browse

 


2. Pilih file stock_barang.php > atur parameternya


 

 

3. Seperti biasanya

Name = id_barang

Value = klik lambang petir, jika disuruh membuat recordernya silahakan buat recordnya. Seperti biasanya atur connection = koneksi. Jika sudah membuat recordnya  silahkan klik icon petir lalu pilih id_barang

 

Samakan..

 


4. Ok Terus Sampai Selesai/Done sampai muncul codingan markup nya seperti gambar dibawah ini


Selesai untuk menambahkan edit barang dan delete barang.

 

 

10.Sekarang kita buat link  untuk menuju 2 file tadi di stock_barang.

 

 

1. Masuk ke Stock_barang Blok Text “Edit” . dan setelah di block > klik icon folder pada properties bawah > pilih file edit_barang.php > parameter

 


2. Pastikan pada bagian parameter setingannya seperti pada gambar dibawah ini. Jika sudah > OK > Ok Lagi

  


 

Coba di Jalankan di browser.  Jika Berhasil Kita lanjut ke :  

Cara Membuat Link Delete Pada Stock Barang

Caranya sangat simple ya, hamper sama seperti kita membuat sebuah link edit pada pada langkah diatas. Tapi bedanya pada memlih file. Pilih file delete_barang.php ya.

Untuk parameter Sama seperti langkah membuat link edit_barang. Setelah parameter selesai OK terus sampai Done/selesai.

 

Setelah semua selesai kita sekarang membuat login register dulu. Agar lebih menarik lagi untuk para user dan adminnnya. Dan mempunyai hak hak akses yang berbeda dari user dan adminnya.

11.Cara Membuat Sebuah Login

Kembali lagi ke  phpmyadmin. Pastikan xampp sudah terhubung pada apache dan MySql

1. Masuk ke http://localhost/phpmyadmin/ lalu klik new pada folder database anda.


 

 

 

2. Akan tampil seperti berikut. Samakan saja seperti gambar dibawah.


3. Jika Berhasil aka nada tampilan seperti berikut


 

 

4. Jika sudah selesai. Kembali lagi ke dream weaver. Buat file baru dengan nama login. Jangan lupa formatnya (dot)PHP.

 

5. Pilih menu forms > klik icon kotak dengan border merah

 


 

 

6. Buat 2 Text Field untuk membuatnya klik icon disebelahnya.. kosongkan saja dan langsung OK saja.


 

 

7. Buat Deskripsinya pada formnya. Yaitu username dan password


 

8. Buat tombol submitnya. Tinggal di OK saja. Jangan di atur atur.


9. Hasilnya seperti berikut


10. Ganti nama form field username dan passwordnya. Klik form field username dan ganti namanya

 


11. Klik button submmitnya

Lalu klik icon orang > Log in User lalu samakan  lalu OK


 

12. Oh iya.  Coba kalian masuk database lagi. Insert > samakan

username = admin

password = admin

save

13. Masuk Ke Stock_barang.php > Buat Restrict acsess to page > samakan > OK


 

14. Buat text log out > diblock > log out User > samakan (gak usah setting parameter) > OK

 

 


15. Selesai…. Mantap Djiwa

 

Ok Coba kalian preview di browser kalian 

 jika semua fungsi berhasil maka selamat anda sudah selesai.jika masih ada bug ataupun ada beberapa fungsi yang error maka coba di perbaiki terlebih dahulu. Insyaallah modul ini sangat bermanfaat buat kamu yang ingin mebuat website dinamis apalagi cocok banget buat wesite toko online yang bisa membuat login juga untuk user.

 

Mungkin di lain modul saya akan ada tutorial untuk membuat register pada website dengan dream weaver juga. Happy make this  with dream weaver : )

Posting Komentar untuk "Ebook Full Tutorial Membuat Website PHP Dinamis Dengan Dream Weaver Tanpa Ngoding"