Make dream come true !

<br />
<header class="entry-header" style="background-color: white; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin: 0px auto; width: 584.265625px;"><h1 class="entry-title" style="border: 0px; clear: both; color: black; font-family: inherit; font-size: 36px; font-style: inherit; line-height: 48px; margin: 0px; outline: 0px; padding: 15px 0px 0.3em; vertical-align: baseline;">
<br /></h1>
<div class="entry-meta" style="border: 0px; clear: both; color: #666666; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; left: 0px; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; z-index: 1;">
<br /></div>
</header><br />
<div class="entry-content" style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin: 0px auto; outline: 0px; padding: 1.625em 0px 0px; vertical-align: baseline; width: 584.265625px;">
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1. Memperbarui Schema Database</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Disini kita membuat table baru dengan nama<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> pasien</strong> yang memiliki 3 coloumn yaitu : no_pasien , nama_pasien dan alamat. Dengan struktur databasenya no_pasien sebagai Primary Key dan Not Null agar nomor setiap pasien tidak ada yang sama.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/database1.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="database1" class="alignnone size-medium wp-image-100" height="182" src="https://bayudwiarta.files.wordpress.com/2014/12/database1.jpg?w=300&h=182" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2. Membuat Table Input Pasien dan Tampilan Pasien</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Sama dengan pembuatan form login lalu, kita hanya perlu menambahkan 3 field untuk memasukan datanya. Nama field pada textbox harus sama dengan yang tertulis di database agar tidak sulit mengubahnya. Berikut contohnya penulisannya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/tabel.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="tabel" class="alignnone size-medium wp-image-101" height="201" src="https://bayudwiarta.files.wordpress.com/2014/12/tabel.jpg?w=300&h=201" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">home.php</strong> ,sekarang kita akan membuat file .php untuk memasukan data yang kita telah masukan barusan ke database. Nama field pada textbox barusan ada kunci untuk direkam datanya yang nanti akan dimasukan ke database. dengan memanggil file koneksi agar terhubung dengan SQL nya lalu kita masukan querynya.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/tambah.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="tambah" class="alignnone size-medium wp-image-102" height="203" src="https://bayudwiarta.files.wordpress.com/2014/12/tambah.jpg?w=300&h=203" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan file tersebut dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">tambahpasien.php</strong> ,pada dalam tanda kurung yang pertama adalah nama field yang ada di database  dan tanda kurung ke dua setelah values adalah isi datanya, dengan demikian bisa kita lihat bahwa no_pasien memiliki isi data yang ada pada $no , nama_pasien dengan $nama dan alamat dengan $al. Jika berhasil akan muncul kembali halaman home dan jika gagal akan muncul tulisan gagal. Sekarang kita akan membuat tampilan yang menunjukan jika datanya telah masuk ke database atau belum.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Buka kembali file <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">home.php</strong> lalu tambahkan syntax berikut dibawahnya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/lihatdata.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="lihatdata" class="alignnone size-medium wp-image-103" height="202" src="https://bayudwiarta.files.wordpress.com/2014/12/lihatdata.jpg?w=300&h=202" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">3. Membuat Edit Data</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Buatlah form tabel yang sama dengan pembuat file input yang sebelumnya tadi dibuat, tetapi memiliki perbedaan pada textboxnya disini kita menambahkan value untuk mengisi textboxnya dengan data yang ingin kita edit nantinya.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/edit.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="edit" class="alignnone size-medium wp-image-104" height="200" src="https://bayudwiarta.files.wordpress.com/2014/12/edit.jpg?w=300&h=200" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan file tersebut dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">editpasien.php ,</strong> sekarang masuk ke file lanjutannya yaitu query untuk mengupdate. Berikut adalah potongan codenya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/update.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="update" class="alignnone size-medium wp-image-105" height="201" src="https://bayudwiarta.files.wordpress.com/2014/12/update.jpg?w=300&h=201" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan dengan nama file <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">update.php</strong>.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">4. Menghapus Data</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Sama dengan file yang kita bikin sebelumnya update.php, untuk menghapus disini tidak terlalu banyak mengalami perubahan hanya saja di querynya. Gambaran yang lebih terlihat adalah jika saat mengedit menggunakan <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Update</strong> , untuk menghapus menggunakan <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Delete. </strong>Langsung saja ke potongan code programnya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/delete.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="delete" class="alignnone size-medium wp-image-106" height="202" src="https://bayudwiarta.files.wordpress.com/2014/12/delete.jpg?w=300&h=202" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan file dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">deletepasien.php .</strong>Langsung saja kita coba untuk test hasil dari apa yang telah kita buat tadi. Berikut adalah hasilnya seperti ini :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/1.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="1" class="alignnone size-medium wp-image-107" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/1.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/2.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="2" class="alignnone size-medium wp-image-108" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/2.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/3.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="3" class="alignnone size-medium wp-image-109" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/3.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/4.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="4" class="alignnone size-medium wp-image-110" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/4.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/5.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="5" class="alignnone size-medium wp-image-111" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/5.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Jika ingin memberikan variasi dekorasi dengan webnya anda bisa tambahakan CSS untuk membuat tampilannya lebih menarik, anda bisa membuatnya sendiri atau pun juga bisa mendownloadnya gratis maupun bayar itu tergantung dengan selera anda masing-masing.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Sekian dari tutorial form login web programing sederhana dari saya, Sekian. Terima Kasih</div>
</div>

Web Programing Sederhana dengan Menambahkan Fungsi IED ( Insert,Edit,Delete )

1. Memperbarui Schema Database Disini kita membuat table baru dengan nama pasien yang memiliki 3 coloumn yaitu : no_pasien , nama_pasien dan alamat. Dengan struktur databasenya no_pasien sebagai Prim…

Baca selengkapnya »