Tutorial Membuat Web

Mudahnya Belajar Web

Backlink Gratis Untuk Situs Anda


Temen-teman setelah browsing dari berbagai situs dan forum akhirnya saya mengumpulkan list situs penyedia backlink gratis. Silahkan mencoba dan semoga bermanfaat

  1. Linksoar ( Gratis 46 Backlink ) bisa dibuka di "http://linksoar.com/index.php?ready"
  2. Backlinks Auto Im (200k Backlinks) bisa dibuka di alamat "http://backlinks.auto-im.com/freepack/free.php"
  3. 5000 Backlink bisa dicoba di "http://www.tycoos.com/"
  4. Gratis 500 Backlink bisa anda coba di "http://freebacklinktool.com/"
  5. 2500 Backlink bisa anda dapatkan dari situs ini "http://www.imtalk.org/cmps_index.php?pageid=IMT-Website-Submitter"
  6. 15.000 Backlink Gratis bisa anda coba di "http://www.indexkings.com/"

Membuat Restrict Access To Page

Fungsi dari Restrict Access adalah untuk mencegah agar halaman tidak di shortcut, sebagai ilustrasi adalah ketika kita login dalam sebuah situs maka setelah kita login akan diarahkan ke suatu halaman tertentu. Misalkan kita masuk ke halaman login.php , jika login kita sukses kita akan diarahkan ke halaman-utama.php sedangkan jika gagal akan diarahkan ke login-gagal.php, untuk menghindari user langsung mengakses halaman-utama.php maka dibuatlah fungsi Restrict Access To Page ini, sehingga semua user untuk mengakses halaman-utama.php hanya lewat satu pintu yaitu halaman login.php.
Oke langsung saja untuk membuat fungsi Restrict Access ini,  kita buat file baru yaitu akses-terbatas.php yang berfungsi untuk menampilkan jika kita tidak berhak membuka halaman-utama.php tanpa melakukan login terlebih dahulu. Isi dengan tulisan "Akses Terbatas" seperti contoh gambar dibawah



 Selanjutnya buka halaman-utama.php, kemudian klik menu Insert --> Data --> User Authentication --> Restrict Access To Page

 
Sehingga akan muncul tampilan seperti gambar dibawah, Pilih Restrict Based On dengan Opsi Username and Password, selanjutnya pada opsi If Access Denied Go To pilih file akses-terbatas.php yang telah kita buat sebelumnya. Selajutnya klik OK 


Selanjutnya klik menu Insert --> Data --> User Authentication --> Log Out User seperti tampilan gambar dibawah


Pilih Log Out When dengan opsi Link Clicked “Log Out” dan isi When Done Go To dengan file login.php selanjutnya klik OK


Segera Save dan test di browser anda dengan memulai dari halaman login.php. Selamat Mencoba

Membuat Update Page Berbasis PHP Dengan Dreamweaver

Apa kabar semua..?? Kali ini saya akan menshare tutorial tentang update record .. oke langsung aja ya..

Buatlah 3 buah file yaitu data.php , update.php dan update-sukses.php  dan disimpan di folder dalam webserver , disini kita simpan pada folder c:/xampp/htdocs/belajar. Seperti  gambar di bawah.


Selanjutnya buka data.php, buatlah recordset beri nama “Data” pilih koneksi yang telah kita buat sebelumnya dan pilih table “USR” sebagai table yang datanya yang ingin ditampilkan.

 
Selanjutnya klik menu Data --> Dynamic Data --> Dynamic Table untuk menampilkan data pada halaman web



Selanjutnya akan muncul tampilan seperti gambar berikut, pilih recordset yang ingin ditampilkan kemudian ada 2 opsi yaitu “Show” dan “All Records” disini fungsi “All Records” yaitu menampilkan semua record dalam suatu table. Jika jumlah record ratusan atau bahkan ribuan lebih baik kita memilih opsi “Show” kemudian isi dengan jumlah record yang ingin kita tampilkan dalam satu tampilan halaman. Klik OK




Hasilnya akan muncul tampilan seperti gambar di bawah. Tambahi 2 kolom sebelah kanan yang nantinya berfungsi untuk melakukan update. Disini saya tambahi kolom “DATA” yang berisi menu untuk “Update” dan “Delete


Blok menu “Update” dan pada Properties Link nya browse file Update.php yang akan dijadikan link halaman untuk update. Setelah memilih file Update.php, klik “Parameters




Isi “Name” dengan nama parameter yang diinginkan, disini saya beri nama “ID” , selanjutnya pada klik pada “Value” dan pilih Field ID sebagai value nya. Selanjutnya klik OK dan sekali lagi pilih OK sampai Link Properties nya menutup, sehingga tampilan seperti gambar dibawah.






Coba priview di browser dengan menekan F12 sehingga tampilan seperti gambar dibawah


Selanjutnya buka file update.php , buat recordset dengan memilih Table “USR” sebagai table yang akan di edit. Beri nama recordsetnya dengan nama bebas, pilih koneksi dan table yang akan dipakai. Selanjutnya pada “Filter” pilih Field yang digunakan sebagai parameter yang telah kita buat sebelumnya. Disini kita pilih “ID” dan “URL Parameter” juga diisi dengan “ID” kemudian klik OK.




Setelah kita membuat recordset, selanjutnya pilih menu Data --> Update Record -->dan Record Update Form Wizard



Selanjutnya akan muncul tampilan seperti gambar berikut di bawah. Isi “Connection” dengan pilihan koneksi yang telah kita buat, selanjutnya “Table To Update” isi dengan opsi Tabel yang akan kita update. “Select Record From” isi dengan recordset yang telah kita buat. “Unique Key Column” isi dengan Parameter yang kita buat sebelumnya yaitu ID. Setelah itu “After Updating Go To” browse file untuk memilih halaman yang akan kita tuju ketika berhasil melakukan update record. Selanjutnya klik “OK” 



Setelah melakukan langkah seperti gambar diatas maka akan muncul hasil seperti gambar di bawah.


Selanjutnya langkah terakhir yaitu membuka file update-sukses.php. Klik menu Insert --> HTML --> Head Tags --> Refresh seperti contoh dibawah



Isi “Delay” dengan waktu yang diinginkan selanjutnya klik “OK” , langkah ini berfungsi merefresh halaman dan men redirect ke halaman yang akan kita tuju yaitu data.php


Ok sekarang saatnya mengetest halaman yang telah kita buat. Buka alamat http://localhost/belajar/data.php sehingga muncul seperti gambar dibawah. Klik menu “UPDATE” yang akan me redirect ke halaman update.php


Silahkan update sesuai dengan data yang diinginkan, kemudian klik “Update Record” yang akan menuju halaman update-sukses.php dan me redirect kembali ke halaman data.php









OK SELAMAT MENCOBA DAN SEMOGA BERHASIL..

Membuat Insert Page Berbasis PHP Dengan Dreamweaver

Wokeyy kali ini saya akan sharing tutorial membuat Insert Page berbasis PHP dengan Dreamweaver .. langsung saja..

Buatlah 2 buah file yaitu Insert.php dan Insert-sukses.php selanjutnya buka file Insert-sukses.php dengan Dreamweaver berilah tulisan "Insert Berhasil" dan berikan Head Tags berupa Refresh yang berfungsi untuk merefresh kembali halaman ketika proses Insert berhasil atau tidak.

Setelah memastikan koneksi telah siap, segera buat Recordset

Beri nama bebas ( Disini kita namakan recordsetnya dengan nama "Insert") , pilih Connection nya dan pilih tabel yang akan di Insert, selanjutnya klik OK

Setelah Recordset telah siap untuk membuat Insert Page kita klik menu Insert --> Data --> Insert Record --> Record Insertion From Wizard

Sehingga muncul seperti gambar di bawah, pilih Connection serta tabel nya dan isi opsi After Inserting Go To dengan memilih file Insert-sukses.php selanjutnya klik OK

Setelah kita melakukan langkah diatas maka hasilnya seperti gambar dibawah.

Silahkan Priview di browser dengan mengetik alamat http://localhost/belajar/insert.php atau tekan F12 sehingga muncul halaman seperti gambar di bawah.


Selamat Mencoba
 

MEMBUAT LOGIN PAGE BERBASIS PHP DENGAN DREAMWEAVER



Hal Pertama yang harus kita siapkan adalah memastikan Webserver sudah terinstall ( Disini penulis memakai XAMPP sebagai webserver) selanjutnya buat folder ”Belajar” di c:/xampp/htdocs untuk menyimpan file.




Buka database dengan Phpmyadmin atau ketik http://localhost/phpmyadmin, pada browser anda selanjutnya masukan username dan password database.


Selanjutnya buat table USR dan isi table tersebut dengan beberapa record seperti gambar di bawah
 


Setelah itu buatlah tiga buah file dengan nama halaman-utama.php , log-gagal.php, login.php dan log-sukses.php
 

Buka file login.php dengan aplikasi Dreamweaver yang sudah terinstal dan pastikan anda sudah me Manage Site dan membuat Koneksi database seperti tutorial sebelumnya. Masih didalam halaman Login.php , Buatlah Form Login seperti gambar dibawah.
 





Pastikan pada properties masing-masing textfield kita beri nama. Untuk Textfield username kita namakan “un” dan untuk Textfield Password kita namai dengan “pwd
 

 




Selanjutnya buatlah recordset dengan nama bebas ( saya memakai nama loginpg), selanjutnya isi Connection dengan koneksi database yang telah kita buat. Pilih Table sesuai dengan table yang akan kita pakai ( disini kita memakai table USR), lakukan test jika ingin memastikan hasilnya. Kemudian klik OK
 


Kemudian masuk ke menu Insert dan pilih Log In User sehingga muncul tampilan seperti gambar di bawah
 




Isi “Get Input From Form” dengan nama form yang telah kita buat pada halaman login.php, disini saya isi dengan form User, selajutnya isi Username Field dan Password Field dengan nama Textfield yang telah kita buat sebelumya.
Isi Validate Using Connection dengan koneksi database yang telah kita buat ( Disini koneksinya adalah “Konek”), selanjutnya isi Table dengan nama table yang berisi data user yang telah kita buat sebelumnya. Isi Username Column dan Password Column masing-masing dengan nama Kolom pada database “USR” disini kita isi dengan kolom “USRNAME” dan “PWD”.
If Login Succeeds Go To”  isi dengan browse file yang telah kita buat jika Login sukses. (Log-Sukses.php)
 “If Login Fails Go To”  isi dengan browse file yang telah kita buat jika Login gagal (Log-Gagal.php)
Seperti gambar dibawah.

    


Selanjutnya test di browser anda , masukkan username dan password yang benar jika berhasil anda akan menuju ke halaman log-sukses.php dan jika gagal anda akan menuju ke log-gagal.php
 


 
SELAMAT MENCOBA.. !!

Membuat Tabel Baru Dengan PHPMYADMIN

Saat ini untuk membuat tabel baru pada database Mysql sangatlah mudah, tidak diperlukan kemampuan khusus mengenai bahasa SQL, dengan PHPMYADMIN rumitnya bahasa SQL bisa diatasi. Ok langsung saja ketik http://localhost/phpmyadmin, login dengan user dan pasword yang telah disetting pada waktu install XAMPP.


Selanjutnya pilih database dimana kita akan membuat tabel baru, disini kita pilih database Latihan


Beri nama tabel dengan nama bebas , jangan lupa tentukan jumlah kolomnya



Isi Properties kolom-kolomnya sesuai dengan type dan jenis data





Setelah itu klik SAVE.. Ok sampai disini kita telah berhasil membuat tabel baru.. Selamat mencoba


Membuat Koneksi Database MySQL dengan Dreamweaver

Untuk menampilkan data dari database hal yang perlu kita persiapkan adalah membuat koneksi antara Database dengan Web Editor dalam hal ini kita memakai Adobe Dreamweaver CS5. Oke langsung saja buka Dreamweaver CS5 dan buat file baru simpan dengan ekstensi PHP. Selanjutnya pilih mode APP Developer Plus agar menu Database muncul

Belajar Web dinamis


Selanjutnya klik menu Database dan klik tanda +





 Isi Connection Name dengan nama bebas, kemudian isi MySQL Server dengan alamat server Databasenya disini kita memakai alamat localhost yaitu 127.0.0.1, kemudian isi Username dan Password sesuai instalasi Database yang sudah kita lakukan, selanjutnya pilih Database yang akan kita olah.



Belajar Web Dinamis

Silahkan melakukan testing untuk memastikan koneksinya sukses, selanjutnya klik OK

Sampai disini koneksi Database MySQL sudah berhasil kita buat, dan hasilnya seperti gambar dibawah. Selamat mencoba

Belajar Dreamweaver CS5