Senin, 06 November 2017

MEMBUAT PERINTAH UPDATE (CRUD)


Berikut ini adalah tampilan sebelumnya di halaman Home


langkah-langkah proses update sebagai berikut :

1. Tuliskan source code
 nya, dan buka file nya di folder (..Praktikum/admin/pages), dan buat script seperti dibawah ini:



2. selanjutnya klik icon Ubah pada halaman Home yang tersedia seperti gambar di bawah ini


3. lalu kita masuk ke halaman ubah 



4.  Setelah selesai melakukan pengubahan isi berita jangan lupa di klik button Simpannya, dan hasilnya akan berubah..



MEMBUAT PERINTAH DELETE (CRUD)


Pertama buka halaman Home Pada Localhost/praktikum/admin/index.php


Lalu Klik tanda (X) Pada halaman index untuk menghapus data

                           


Hasil dari Delete akan terlihat kosong pada halaman index dan bertuliskan "Belum ada berita"

Lalu akan kita lihat pada localhost/phpmyadmin 



Dan terlihat sudah tidak ada data lagi di localhost/phpmyadmin


Dan Berikut source code untuk hapus.php



SELESAI







MEMBUAT PERINTAH READ (CRUD)


sekarang saatnya kita melihat hasilnya yag telah kita tambahkan, dengan kata lainnya "READ"

Karena secara otomatis sudah dapat tampil di dalam PhpMyAdmin nya, seperti gambar di bawah ini :




Selanjutnya kita buka di localhost/praktikum/admin/index.php untuk menampilkan hasil inputnya



Dan Berikut coding readnya yang saya beri nama home.php



SELESAI



Tutorial membuat perintah CREATE (CRUD)



Assalamualaikum Warahmatullah Hiwabarakatuh
Kali ini saya akan membahas cara membuat perintah CreateReadUpdateDelete (CRUD)

Postingan ini saya akan membahas perintah CREATE

1. Pertama-tama Pastikan Xampp telah Start.


2. Membuka web browser dengan alamat “localhost/ PhpMyAdmin
3    3. selanjutnya kita buat tabel "berita" seperti gambar di bawah ini.

4. Buat sebuah folder dengan nama praktikum, lalu simpan pada folder xampp/htdocs/ dan buat folder seperti dibawah ini.


5. Pada step ini, kita akan membuat file tambah.php yang berfungsi menginput data pada database MySQL. Silahkan buat file tambah.php, lalu simpan di folder xampp/htdocs/praktikum/admin/pages. Berikut ini kodenya :





5. Lalu Masuk Ke halaman Home

6.  Kemuadian MAsukan Data yang ingin diinput




7. dan berikut hasilnya yg diinput



SELESAI










Senin, 16 Oktober 2017

Sebelumnya sudah pernah saya post juga tentang menggunakan framework dan sekarang saya akan melanjutkan dengan membuat tutorial/langkah-langkah bangaimana mengkoneksikan Php ke Database Mysql.


1. Pertama kalinya kita buka terlebih dahulu localhost/phpmyadmin dan buat database seperti berikut :





2. Kemudian kita buat nama database yang akan di buat, lalu setelah selesai kita pilih Create


3. Langkah selanjutnya kita buka database yang telah dibuat tadi, dan buat tabel lalu Go 


4. Kemudian kita buka tabel yang telah di Crate tadi


5. Dan mulailah mengisi data apa yang akan dibutuhkan, jika sudah selesai lalu simpan


6. Setelah itu kita akan membuat file PHP nya, dengan nama file conn.php dalam directoryxampp/htdocs/praktikum_web/conn/conn.php  


7. Next kita buka file PHP dengan Notepad++ karna saya pakai Notepad ++ lalu isikan Coding seperti berikut lalu simpan


8. Dan untuk melakukan pengujian bisa kita lakukan dengan cara sebagai berikutlocalhost/praktikum_web/conn/conn.php jika muncul tampilan seperti di gambar maka database sudah terkoneksi.


Selamat mencoba dan semoga bermanfaat, lebih dan kurangnya saya mohon maaf J
Terima kasih 


Senin, 02 Oktober 2017


Sebelum kita mulai membuat halam website terlebih dahulu kita memilih Framework apa yang akan kita gunakan dalam pembuatan website,

Nah disini saya akan menggunakan framework Bootstrap,


Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Berikut ini langkah - langkah dalam membuat Halaman Website dengan menggunakan Framework :

1. Download terlebih dahulu Bootstarp pada link di bawah ini 
    getbootstrap.com
    maka akan muncul gambar seperti di bawah ini :
    


2. setelah selesai mendownload bootstrap, kita harus menginstal nya terlebih dahulu

 
3. Setelah menginstal Bootstrap kita pilih aplikasi apa yang akan kita gunakan misalnya seperti: notepad ++, Sublime text, Dreamwever, dan lain-lain

             

4. Disini saya menggunakan notepad ++  langkah pertama yaitu buat file index.html  terlebih dahulu



5. Disini saya menggunakan notepad ++  langkah pertama yaitu buat file index.html  terlebih dahulu


agar website responsive terhadap perangkat mobile Untuk memastikan render yang tepat dan sentuhan zooming, tambahkan berikut <meta> tag dalam <head> elemen:
·         meta tag sendiri adalah rangkaian kode HTML yang biasa digunakan untuk mempermudah Google dan browser untuk mengidentifikasi seluruh konten yang ada dalam website tersebut.
·         meta charset="utf-8" Universal Character Set, atau yang umum disebut sebagai Charset adalah kumpulan dari beberapa jenis pengkodean karakter baik huruf, angka, symbol, dll. Untuk untuk saat ini pengkodean UTF-8 telah menjadi standarisasi untuk pengkodean dalam system operasi, bahasa pemrograman, API, dan software.
·         width=device-width Bagian menetapkan lebar halaman untuk mengikuti layar-lebar perangkat (yang akan bervariasi tergantung pada perangkat).
·         initial-scale=1 bagian menetapkan tingkat zoom awal saat halaman pertama dimuat oleh browser.


6. Setelah itu baru lah kita hidupkan XAMPP Control Panel dan Start 

 

7. Setelah itu panggil module bootstrap di halaman index, kemudian akan tampil seperti gambar di bawah ini  yang menandakan bootstrap siap digunakan


8.Setelah itu kita akan membuat menu navigator terlebih dahulu dengan perintah berikut ini

9. Langkah selanjutnya masukan perintah berikut ini sesuai dengan apa yang akan kita mau buat :

                                                                              
10.      Lalu masukan perintah berikut dan desain dengan kreasi kita


11.   Berikut hasil nya







PENGGUNAAN FRAMEWORK PADA HALAMAN WEB

By :
Free Blog Templates