7/23/2019 Cara Membuat Web Dinamis Sederhana http://slidepdf.com/reader/full/cara-membuat-web-dinamis-sederhana 1/23 Cara Membuat Web Dinamis Sederhana Bagian 1 (PHP dan Mysql) Posted by TEKNIK INFORMATIKA on Tuesday, 12 May 2015 Web dinamis adalah website yang mana pengguna (client) bisa merubah konten dari halaman tertentu menggunakan browser dan interaksi yang terjadi antara pengguna dan server sangat kompleks.Permintaan dari pengguna dapat diproses oleh server yang kemudian ditampilkan dengan isi yang berbeda-berbeda menurut alur programnya. web dinamis memungkinkan anda untuk merubah data melalui halaman admin tanpa harus merubah kodingannya.untuk membuat web dinamis anda dapat menggunakan bahasa php dan mysql sebagai databasenya.. 1. Pertama anda harus mempunyai aplikasi yang bernama xampp yaitu sebagai server yang berdiri sendiri(localhost), anda bisa mendownloadnya di internet, untuk installnya cukup mudah, ikuti saja instruksinya. 2. Setelah anda berhasil menginstal xampp, buka aplikasinya dan start "Apache" dan "Mysql" lalu buka browser anda direkomendasikan Firefox atau Chrome. Lalu Ketikkan localhost/phpmyadmin di address bar untuk mengolah database mysql
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Posted by TEKNIK INFORMATIKA on Tuesday, 12 May 2015
Web dinamis adalah website yang mana pengguna (client) bisa merubahkonten dari halaman tertentu menggunakan browser dan interaksi yangterjadi antara pengguna dan server sangat kompleks.
Permintaan dari pengguna dapat diproses oleh server yang kemudianditampilkan dengan isi yang berbeda-berbeda menurut alur programnya.web dinamis memungkinkan anda untuk merubah data melalui halamanadmin tanpa harus merubah kodingannya. untuk membuat web dinamis anda dapat menggunakan bahasa php dan
mysql sebagai databasenya..
1. Pertama anda harus mempunyai aplikasi yang bernama xampp yaitusebagai server yang berdiri sendiri(localhost), anda bisa mendownloadnya diinternet, untuk installnya cukup mudah, ikuti saja instruksinya.
2. Setelah anda berhasil menginstal xampp, buka aplikasinya dan start"Apache" dan "Mysql" lalu buka browser anda direkomendasikan Firefox atauChrome. Lalu Ketikkan localhost/phpmyadmin di address bar untukmengolah database mysql
3. Setelah muncul laman phpmyadmin, pertama anda buat databasedengan nama db_web, lalu buat table untuk admin ketikkan kode di bawahini di tab SQL :
create table admin (username varchar(15) not null primary key,
password varchar(15) not null, level varchar(15) not null)
setelah berhasil di eksekusi, saatnya untuk membuat web yang akanmenampilkan databasenya..
4. untuk membuat web, pertama anda harus membuat homepage terlebihdahulu, buka aplikasi editor seperti notepad atau notepad ++ dll laluketik/copas kode di bawah ini dan beri nama file "index.php"
</table></body></html>5. Untuk membuat tampilan web terlihat bagus, buat desain css untuk webtersebut buat file bernama "style.css" lalu ketik/copas kode di bawah ini :
#kiri adalah untuk desain web bagian kiri #login adalah untuk desain tulisan pada form login
6. untuk melihat hasilnya simpan file "index.php" dan "style.css" padaC:>/xampp/htdocs/web(buat folder baru bernama web) lalu jalankanmelalui address bar browser anda dengan mengetikan : localhost/web/index.php lalu lihat hasilnya..note : jangan lupa aktifkan xampp anda (start Apache dan Mysql)
anda sudah membuat homepage sederhana untuk data yang akan ditampilkan nanti.. bagian selanjutnya saya akan posting cara membuat koneksi untukmembuat halaman admin
Untuk melanjutkan postingan sebelumnya mengenai cara membuat webdinamis sederhana, Kali ini saya akan posting cara membuat Sistem loginuntuk admin.Pertama anda harus membuat database untuk admin, seperti yang sudahada di postingan sebelumnya
1. Buka XAMPP lalu aktifkan Apache dan Mysql, lalu ketikkan di URL Browser :
localhost/phpmyadmin Setelah muncul laman phpmyadmin, pertama anda buat
database dengan nama db_web, lalu buat table untuk admin ketikkan kode di bawah
ini di tab SQL :
create table admin (
username varchar(15) not null primary key,
password varchar(15) not null,
level varchar(15) not null
)
lalu insert data dengan :
username : admin password : admin level : admin
setelah berhasil membuat tabel admin, lalu kita akan membuat koneksi menujudatabasenya
2. buat folder di dalam htdocs dan beri nama web lalu buka notepad (disarankannotepad ++) lalu ketikkan kode di bawah ini dan Simpan di folder htdocs/web dengan
nama koneksi.php: <?php$server= "localhost";$username = "root";$password = "";$database = "db_web";
mysql_connect($server,$username,$password) or die ("Koneksi Gagal");
$login=mysql_query("SELECT * FROM admin WHEREusername='$username' AND password='$pass'");$ketemu = mysql_num_rows($login);$r=mysql_fetch_array($login);
5. Selanjutnya kita membuat halaman admin jika berhasil login akan muncul halamanini, ketikkan kode dibawah ini dan Simpan di folder htdocs/web dengannama admin.php: <h1> Anda Berhasil Login </h1><br>Jika Anda Ingin Logout <a href='logout.php'>Klik Di Sini</a>6. Terakhir kita membuat logout ketikkan kode dibawah ini dan Simpan di
7. Jika berhasil logout anda akan langsung menuju halaman form login..
Sekian tutorial sederhana ini, jika ada yang di tanyakan silahkan beri komentar :)semoga saya bisa menjawab :vPostngan selanjutnya saya akan membuat Input, Edit dan Delete data pada tabel...
Posted by TEKNIK INFORMATIKA on Friday, 10 July 2015
data barang
Sebelumnya kita sudah membuat sistem login dan logout. Kali ini saya akan
memberikan langkah-langkah dan kode untuk membuat perintah Input, Editdan Delete data pada tabel..
1. Pertama-tama seperti biasa Buka XAMPP lalu aktifkan Apache dan Mysql,lalu ketikkan di URL Browser : localhost/phpmyadmin maka muncullaman phpmyadmin, jika anda mengikuti tutorial sebelumnya buka databasedengan nama db_web, jika belum ada anda bisa membuat databasenya,lalu buat table data untuk menyimpan data yang akan kita kelola, ketikkankode SQL di bawah ini:
create table barang (
kode char(10) not null primary key,
namabarang varchar(50) not null, harga bigint )
2. Selanjutnya kita akan membuat koneksi ke databasenya,buat folder di dalam htdocs dan beri nama barang lalu buka notepad(disarankan notepad ++) lalu ketikkan kode di bawah ini dan Simpan difolder htdocs/barang dengan nama koneksi.php:
<?php
$server= "localhost";
$username = "root";$password = "";
$database = "db_web";
mysql_connect($server,$username,$password) or die ("Koneksi Gagal");
Kode diatas adalah jika kita klik tombol Kirim maka akan langsungmemproses file savebarang.php maka dari itu selanjutnya kita akanmembuat file savebarang.php
4. Kemudian kita akan membuat kode untuk menyimpan data kedalammysql, ketikkan kode di bawah ini dan Simpan di
folder htdocs/barang dengan nama savebarang.php::<?php ob_start();
5. Selanjutnya kita akan membuat tabel untuk menampilkan data yangtelah kita input. Ketikkan kode di bawah ini dan Simpan difolder htdocs/barang dengan nama tampilbarang.php: <?php
include "koneksi.php";
include "formbarang.php";
echo "<center><table border=1><tr bgcolor=orange>
<td><b><center>No</td>
<td><b><center>Kode Barang</td>
<td><b><center>Nama Barang</td>
<td><b><center>Harga Satuan</td>
<td><b><center>Delete</td>
<td><b><center>Edit</td>
</tr>";
$query=mysql_query("SELECT * FROM barang ORDER BY kode");
echo "</table><br><b>Data Barang by banuaril10.blogspot.com</b>";
?>
6. Selanjutnya kita akan membuat perintah delete, ketikkan kode di bawahini Ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengannama deletebarang.php:
<?php ob_start();
include "koneksi.php";
mysql_query("delete from barang where kode='$_GET[kode]'");
7. Selanjutnya kita akan membuat perintah edit barang, ketikkan kode dibawah ini Ketikkan kode di bawah ini dan Simpan difolder htdocs/barang dengan nama formeditbarang.php :
<?phpinclude "koneksi.php";
$kode=$_GET['kode']; $query=mysql_query("select * from barang where kode='$kode'"); ?>
<html><head><title>Halaman Edit Data Barang</title><head><body>
8. Selanjutnya kita akan membuat file yang akan memproses form editbarang dan akan menggantikan dengan data yang baru, ketikkan kode dibawah ini dan Simpan di folder htdocs/barang dengannama editbarang.php :
$query=mysql_query("update barang set kode='$kode',namabarang='$nama', harga='$harga' where kode='$kode'");
header('location:tampilbarang.php'); ?>
Terakhir jalankan program melalui URL browser anda,ketikkan localhost/barang/tampilbarang.php silahkan coba satu-persatuapakah ada error? :v script sudah di coba di saya 100% berhasil gan, jikaada error silahkan tinggalkan komentar, semoga saya bisa membantu..
Posted by TEKNIK INFORMATIKA on Monday, 19 October 2015
gallery banuaril10.blogspot.com
Assalamu'alaikum salam ngoding :D , Setelah sekian lama tidak posting, Kaliini saya akan memulai kembali dengan tutorial yang sederhana, yaitu caramembuat gallery photo menggunakan php.Oke langsung saja ke TKP...
Pertama, kita harus membuat database untuk menyimpan data gallery
1. seperti biasa Buka XAMPP lalu aktifkan Apache dan Mysql, lalu ketikkan diURL Browser : localhost/phpmyadmin maka muncul laman phpmyadmin, jika anda mengikuti tutorial sebelumnya buka database dengannama db_web, jika belum ada anda bisa membuat databasenya, lalu buattable data untuk menyimpan data gallery yang akan kita upload nanti,ketikkan kode SQL di bawah ini:
create table gallery (id_gallery int not null primary key auto_increment,judulvarchar(50) not null, photo varchar(50) not null )
2. Selanjutnya kita akan membuat koneksi ke databasenya,
buat folder di dalam htdocs dan beri nama gallery lalu buka notepad(disarankan notepad ++) lalu ketikkan kode di bawah ini dan Simpan difolder htdocs/gallery dengan nama koneksi.php:
<br> </form>4. Berikutnya kita akan membuat kode untuk menyimpan data kedalammysql, sebelumnya buat terlebih dahulu folder dengan nama photo-gallery di dalam htdocs/gallery untuk menyimpan photo yang nantinyakita upload. Ketikkan kode di bawah ini dan Simpan difolder htdocs/gallery dengan nama gallerysave.php:
fungsi dari move_uploaded_file yaitu memindahkan file yang kita uploadke dalam folder photo-gallery yang telah kita buat tadi..
5. Selanjutnya kita akan membuat tabel untuk menampilkan gallery yangtelah kita input. buka file gallery.php yang sudah kita buat, dan tambahkankode(background biru) dibawah </form> :
ketika link delete di klik maka akan memproses "gallerydelete.php" danfungsi ?id_gallery='.$data['id_gallery'].'" adalah untuk menampilkanid_gallery yang akan di delete
8. Selanjutnya kita buat proses untuk menghapus data gallery, Ketikkankode di bawah ini dan Simpan di folder htdocs/gallery dengannama gallerydelete.php:
<?php
include "koneksi.php";
$a=mysql_query("select * from gallery where id_gallery='$_GET[id_gallery]'");
$delete = mysql_query("delete from gallery whereid_gallery='$_GET[id_gallery]'");
echo"<script>alert('gallery berhasil dihapus');window.location='gallery.php'</script>"; ?>
fungsi unlink yaitu untuk menghapus file yang telah kita upload sebelumnyadi folder photo-gallery
Terakhir jalankan program melalui URL browser anda,ketikkan localhost/gallery/gallery.php silahkan coba delete gallery.Script sudah di coba di saya insya Allah 100% berhasil gan, jika ada errorsilahkan tinggalkan komentar, semoga saya bisa membantu..
Jika tombol kirim di klik maka action akan langsung memproses file saveartikel.php (warnakuning) dan data yang di form akan di baca melalui name input nya (warna hijau).
3. Untuk menyimpan data form input diatas, selanjutnya kita akan membuat kode untuk
menyimpan data form kedalam mysql, ketikkan kode di bawah ini dan Simpan di
folder htdocs/artikel dengan nama saveartikel.php:
isi Artikel yang di tampilkan tidak melebihi 100 karakter (biru), untuk menampilkan semua
isi dari artikel klik read more dan akan muncul tampilan lengkap artikel.. dan ketika readmore di klik akan menuju link single.php yang menampilkan artikel berdasarkan id artikelyang di pilih (kuning)
5. Berikut adalah script untuk menampilkan semua artikel ketika read more di klik, buat filebernama single.php dan ketikkan kode di bawah ini :
<?php
include "koneksi.php"; $id = $_GET['p'];
$hasil = mysql_query("select * from artikel where id_artikel='$id'");