Kursus Komputer Dreamweaver (Final)

Dreamweaver CC

Hallo Sahabat Unigama, apa kabar ? Semoga selalu sehat dan bersemangat. Pada kesempatan ini kami ingin melanjutkan bahasan tentang dreamweaver , PHP & MySQL yang pada artikel sebelumnya. Untuk kali ini kita akan membahas yang terakhir tentang mengedit file delete.php yang kita buat sebelumnya. 

Untuk mengaktifkan fungsi deleete.php dengan maksud untuk menghapus data pada databasenya maka ada beberapa langkah yang perlu diperhatikan, simak langkah - langkahnya :

• Buka delete.php yang sudah anda buat, pilih mode code delete semua kode yang ada, Lakukan insert connection pada code dengan database yang telah kita sambungkan seperti pada langkah awal sebelumnya, seperti pada gambar

insert code

• Kembali ke panel bindings, pilih plus (+) pada pojok kanan lalu pilih menu Delete Record seperti pada gambar

delete record

• Setelah memilih Delete Record akan ada menu option isikan Firts check is variable is defined  dengan Primary key value, kemudian isikan connection dengan koneksi sesuaikan dengan nama koneksi pada awalnya, isikan insert tablenya dengan tabel yang anda punya dan pada primary key columns pilih pada bagian Id pastikan tercentang numericnya dan primary key valuenya URL Parameter -> ID dan After inserting, go to: list.php seperti pada gambar

delete record

Setelah semua tahapan sudah dilakukan lakukan uji coba dari aplikasi yang anda buat. Demikian dulu untuk artikel kami tentang dreamweaver ketemu lagi dengan artikel artikel kami yang lain. Semoga Bermanfaat sampai ketemu artikel berikutnya.

Read More

Kursus Komputer Dreamweaver (4)

Dramweaver CC

Hallo Sahabat Unigama, apa kabar ? Semoga selalu sehat dan bersemangat. Pada kesempatan ini kami ingin melanjutkan bahasan tentang dreamweaver , PHP & MySQL yang pada artikel sebelumnya. Untuk kali ini kita akan membahas tentang mengedit file update.php yang kita buat sebelumnya. 

Untuk mengaktifkan fungsi update.php dengan maksud untuk mengupdate atau merubah data pada databasenya maka ada beberapa langkah yang perlu diperhatikan, simak langkah - langkahnya :

• Buka update.php yang sudah anda buat, Lakukan insert connection pada code dengan database yang telah kita sambungkan, pilih split dan pastikan kursor diawal kode seperti pada gambar

posisi awal kursor

• Lalu pilih tabel database di kolom panel database, klik kanan dan inset kode seperti pada gambar

insert code

•  Berikut gambar setelah form kodenya telah diinsert code

hasil menambahkan insert code

• Buatlah sekarang kita akan membuat form edit email pakai form dengan menginsertnya dari menu form -> form, tambahkan tabel dengan insert -> table -> setting rows/baris 3 dan coloum/kolom 2 yang lain abaikan saja kemudian ok

• Isikan name pada sel awal dan email pada sel dibawahnya insertkan field text dan field email seperti pada gambar

insert textfield

insert emailfield

• Tambahkan tombol submit didalam kolomnya

Insert Submit

• Lalu buatlah recordset untuk menampilkan list ke tabel yang telah kita buat pada nantinya, dengan langkah seperti berikut ini. Pilih menu window kemudian pilih server behaviors (Ctrl+F9), lihat tampilan pada panel dan klik tanda plus dipojok kemudian pilihlah recordset seperti pada gambar

• Lakukan setting nama recordset, dan koneksi database yang dipakai pada connection. Lalu pada filter pilih menu ID, seperti pada gambar

setting recordset

• Lalu kemudian buka panel binding pilih window -> bindings (Ctrl + F10) buka plus (+) pada recordset email yang baru anda buat kemudian drag yang berlebel nama ke fieldtext name dan email pada fieldemail seperti pada gambar

drag binding

• Tambahkan code seperti pada gambar

Tambah Code

• Kembali ke panel bindings, pilih plus (+) pada pojok kanan lalu pilih menu Update Record seperti pada gambar

Update Record

• Setelah memilih Update Record akan ada menu option seperti pada gambar isikan submit value form dengan form0 atau form yang anda buat sebelumnya, kemudian isikan connection dengan koneksi sesuaikan dengan nama koneksi pada awalnya, isikan insert tablenya dengan tabel yang anda punya dan pada columns pada bagian Id dan tanggal valuenya none namun pada name isikan value dibawahnya dengan value : FORM.textfield Submit as: Text dan After inserting, go to: list.php seperti pada gambar

Setting Update Record

• Setelah di Ok untuk selanjutnya kita akan mengedit delete.php

Demikian dulu untuk artikel kali ini kita akan sambung dengan artikel yang terakhir yaitu mengedit file delete.php. Semoga bermanfaat tunggu artikel kami berikutnya

BERSAMBUNG

Read More

Kursus Komputer Dreamweaver (3)

Dreamweaver CC

Hallo Sahabat Unigama, apa kabar ? Semoga selalu sehat dan bersemangat yaa. Ok pada kesempatan kali ini kami ingin melanjutkan bahasan tentang dreamweaver , PHP & MySQL yang pada artikel sebelumnya sudah dijelaskan tentang cara mengatur recordset dan list insert recordset. Untuk kali ini kita akan membahas tentang mengedit file edit.php yang kita buat sebelumnya. 

Untuk mengaktifkan fungsi add.php dengan maksud untuk menambahkan data pada databasenya maka ada beberapa langkah yang perlu diperhatikan, simak langkah - langkahnya :

• Buka add.php klik 2 kali pada file add.php di panel file dan insert code dengan cara klik kanan pada panel pilih database dan klik insert code seperti pada gambar

letakkan kursor diawal code

insert code

hasil insert code

• Buatlah sekarang kita akan membuat form tambah email pakai form dengan menginsertnya dari menu form -> form, tambahkan tabel dengan insert -> table -> setting rows/baris 3 dan coloum/kolom 2 yang lain abaikan saja kemudian ok

insert table

• Isikan name pada sel awal dan email pada sel dibawahnya insertkan field text dan field email seperti pada gambar

insert text field

Insert Email Field

• Tambahkan tombol submit didalam kolomnya

insert button

• Buka panel Server Behaviors pilih tombol plus di pojok kiri lalu pilih Insert Record seperti pada gambar

insert record

• Setelah memilih Insert Record akan ada menu option seperti pada gambar isikan submit value form dengan form1 atau form yang anda buat sebelumnya, kemudian isikan connection dengan koneksi sesuaikan dengan nama koneksi pada awalnya, isikan insert tablenya dengan tabel yang anda punya dan pada columns pada bagian Id dan tanggal valuenya none namun pada name isikan value dibawahnya dengan value : FORM.textfield Submit as: Text dan After inserting, go to: list.php seperti pada gambar

insert record

Demikian dulu untuk tutorial kali ini kita sambung pada tutorial kita berikutnya, Semoga bermanfaat tetap nantikan tutorial kami di artikel berikutnya.

BERSAMBUNG

Read More

Kursus Komputer Dreamweaver (2)

dreamwaeaver cc

Hallo Sahabat Unigama, apa kabar ? Semoga selalu sehat dan bersemangat yaa. Ok pada kesempatan kali ini kami ingin melanjutkan bahasan tentang dreamweaver , PHP & MySQL yang pada artikel sebelumnya sudah dijelaskan tentang cara seting site servernya. Untuk kali ini kita akan membahas tentang pengkoeksiannya dengan file php yang kita buat sebelumnya. 

• Buatlah (4) empat file .php yang bersisi add.php, list.php, delete.php dan update.php. 

4 file .php

• Buka list.php yang sudah anda buat, lakukan penghubungan atau pengkoneksian dengan database dengan cara seperti berikut ini :Buka panel database dari menu windows (Ctrl+Shift+F10) lalu klik tanda plus pada seperti pada gambar

connection dg php

• Kemudian setelah dipilih MySQL Connection akan muncul option conection seperti pada gambar, lakukan setting connection contohnya seperti pada gambar connection namenya isikan keterangan nama koneksi terserah anda, MySQL servernya pastikan localhost karena kita menggunakan server localhost dan username standartnya pada xammp yaitu root dan paswordnya kosong jika xammp anda masih standat, lalu pilih select untuk memilih database yang akan dikoneksikan

• Pastikan setting koneksi MySQL terhubung dengan mengetestnya dengan mengklik tombol tes hingga successfully seperti pada gambar. Klik OK untuk menghakhirinya.

• Lakukan insert connection pada code dengan database yang telah kita sambungkan, pilih split dan pastikan kursor diawal kode seperti pada gambar

insert awal code

• Lalu pilih tabel database di kolom panel database, klik kanan dan inset kode seperti pada gambar

insert code

• Berikut gambar setelah form kodenya telah diinsert code

hasil insert code

• Buat form pada list.php dengan menginsert dari menu insert, form dan pilih form, kemudian tambahkan table dengan mengklik menu insert , table di pengaturan masukkan kolomnya 5 dan barisnya 2 untuk title dan menempatkan list datanya, seperti pada gambar

form & tabel

• Lalu buatlah recordset untuk menampilkan list ke tabel yang telah kita buat pada nantinya, dengan langkah seperti berikut ini. Pilih menu window kemudian pilih server behaviors (Ctrl+F9), lihat tampilan pada panel dan klik tanda plus dipojok kemudian pilihlah recordset seperti pada gambar

add recordser

• Lakukan setting nama recordset, dan koneksi database yang dipakai pada connection. Lalu pilih tabel yang akan ditampilkan dan urutkan tampilan dengan mensetting pada bagian paling bawah menu option yaitu sort : pilih kategori pengurutan dan jenis urutannya, seperti pada gambar

Setting Recordset

• Lakukan repeat region dengan maksud list yang telah kita buat tadi akan berulang tampil kebawah berurut pada setiap tabelnya, dengan menseleksi tabel untuk menampilkan databasenya atau dengan menseleksi codingnya pada bagian seperti pada gambar

select tabel design

select tabel code

• Pilih panel bindings untuk memindahkan database yang dibuat dengan recordset sebelumnya dengan men-drag-nya ke dalam tabel seperti pada gambar

drag bindings

• Supaya pada bagian nama dapat diedit tambahkan coding ini pada data editnya

Add Edit Name

• Menambahkan list New Data untuk membuat data baru, lalu lingkan ke Add.php

add code

Untuk menampilkan list data dengan cara tersebut diatas, semoga bermanfaat tutorial yang kami berikan sampai ketemu pada tutorial - tutorial kami selanjutnya

BERSAMBUNG

Read More

Kursus Komputer Dreamweaver

Dreamweaver CC

Hallo, Para sahabat unigama, apa kabar ? Semoga selalu dalam kesehatan dan semangat untuk belajar ya .... Pada kesempatan ini kami akan membagikan tutorial mengenai dreamweaver yang terkoneksi dengan PHP dan MySQL. Untuk itu ikuti tutorial ini yaa

Untuk membuat koneksi php & mySQL di dreamweaver cc langkah pertama yang perlu anda lakukan adalah mensetting dahulu Sitenya pada dreamwever anda. Pada langkah ini pastikan anda sudah menginstall dan menjalankan xammp server sebagai localhostnya. 

Setting New Site

1. Aktifkan dreamweaver anda kemudian, buat settingan site pada menu site di dreamweaver cc
2. Masukkan Site Name : atau nama site yang disesuai dengan keinginan anda, pada contoh yang saya buat saya tuliskan addemail dan setting Local Site Folder maksudnya adalah folder untuk meletakkan site anda diserver lokal tersebut, dan di server localhost xammp biasanya terdapat pada folder C:\xammp\htdocs\addemail\
   
   
   
   Setting Site Name
3. Pilih Menu Servers, dan pilihlah tanda + di menu tersebut
   
   
   
   Setting Server
4. Option bar baru akan muncul, lalu isikan server name : misalnya email tidak harus sama dengan contoh yang saya buat. Connect Using : Local/Network atau model server yang anda gunakan. Tempat menyimpan folder lokalnya dapat anda masukkan pada kolom Server folder : c:\xammp\htdocs\addemail\ dan alamat website lokalnya masukkan di Web URL: http://localhost/addemail/
   
   
   
   Setting Basic Site
5. Bagian advance pada samping basic yang perlu anda rubah adalah pada bagian Testing server dan pilihlah Server Model pilihlah PHP MySQL.
   
   
   
   Setting PHP MySQL
6. Untuk mengakhirinya setting site-nya pilihlah Save. Pastikan testing servernya connect

connect PHP MySQL

Untuk melanjutkan ke proses berikutnya pastikan anda sudah membuat database di tentang apa yang akan kita bahas pada tutorial dan artikel berikutnya. Demikian dulu artikel ini kita ketemu pada tutorial berukutnya. 

BERSAMBUNG ...

Read More