Jobsheet

Kata Pengantar

Modul  ini  dibuat  untuk  menjadi  panduan  dalam  membuat  aplikasi  sederhana. menggunakan  bahasa  pemrograman  berbasis  web  dengan  PHP,  dan  database  MySQL.

Semoga modul ini bisa menjadi pengingat untuk teman-teman dalam membuat dasar dari. sebuah  web  menggunakan  PHP  dan  MySQL.  Dari  fundamental  yang  sudah  ada,  dapat  dibuat. aplikasi yang lebih kompleks sesuai dengan kebutuhan.

v  Pengenalan PHP dan MySQL

PHP  adalah  singkatan  dari  PHP  Hypertext  Preprocessor yang  merupakan  bahasa

pemrogramman  berbasis  web  yang  memiliki  kemampuan  untuk  memproses  data  dinamis.

PHP  pertama  kali  dibuat  oleh  Rasmus  Lerdorf  pada  tahun  1995.  PHP  adalah  bahasa

pemrograman  server  side.  Sehingga  dia  memerlukan  sebuah  web  server  contohnya  apache

yang sudah ada didalam software XAMPP untuk menjalankan scriptnya.

Catatan: untuk lebih lanjutnya teman-teman bisa baca materi tentang pengenalan PHP

v  Software yang digunakan belajar PHP

Adapun software yang biasa digunakan dalam belajar  ataupun pengembangan web PHP

adalah  software  XAMPP.  Didalam  software  tersebut  sudah  terdapat  beberapa  komponen

software pendukung yaitu :

•  Xampp Lalau Aktifkan Apache untuk webserver yang digunakan untuk menjalankan PHP

•  MySQL  untuk  DMBS(Database  Management  System)  yang  digunakan  untuk

menyimpan content atau isi web didalam sebuah database.

•  PhpMyadmin  aplikasi  MySQL  berbasi  web  yang  digunakan  untuk  merancang

dan membuat database dan table-table nya.

•  Dreamweaver yang digunakan sebagai text editor.

      

  I.                    Pembuatan Data base di Phpmysql

              1.      Menjalankan Xampp

  Jalankan software XAMPP dan klik tombol start untuk apache dan mysql Seperti Gambar DI Bawah ini

2.      Buka web browser dan ketik “localhost” Tanpa tanda Petik Di sini Saya Menggunakan Chrome Lalau Klik “phpmyadmin”

3.      Setelah masuk “Phpmyadmin” Klik “Basisdata” dan Isi Kolom “Ciptakan database baru” Saya Mengisi Dengan nama “Contoh” dan Klik “ciptakan”

4.      Buatlah Table Saya Memberi Nama “koran” Dan terdapat 6 kolom Lalau Klik “Go”

5.      Isi Kolom,jenis,ukuran panjang/nilai*1, Ceklis A_I untuk id_user untuk Otomatis Bertambah Nilainya, Dan Indeks untuk id_user Menajdi “PRIMARY”  

6.      Setelah Itu Akan Muncul Tampilan Seperti ini Dan Klik “Sisipkan” 

7.      Isilah Seperti pada Gambar di bawah ini Lalu klisk “Go”

8.      Setelah Itu Akan Muncul Tampilan Seperti Di bawah ini Dan Saya Telah Membuat 4 test berita

II.                    Proses pembuatan php Dalam Dreamweaver (read)

   1.   Langkah pertama membuat folder dan Masukan gambar,dengan cara membuat folder di xampp >htdoc, dan buatlah Folder baru Saya Menggunakan nama contoh dan membuat folder lagi di dalam folder contoh untuk tempat penyinmpanan gambar dan mengganti nama gambar dengan nama yang telah di masukan di database.

2.   Buka Dreamweaver Lalu Membuat tampilan web Yang Akan Kita buat Dengan cara Membuat table Yaitu insert > table

   3.   Setelah sudah akan Tampak seperti di bawah,dan untuk mempermudah beri-nama tiap kolom dengan nama yang sama degan database dan save di folder contoh di htdoc dan beri nama tampilanberita.

4.    kita akan membuat web menjadi dinamis dengan cara penambahan script php di dalam tabel dengan sebelumnya membuat file koneksi.php dengan cara ctrl+N,kemudian kita akan membuat koneksi kedatabase dengan script :

                                                       <?php

    mysql_connect("localhost","root","");

                                                         mysql_select_db("contoh")

                                                        ?>

5.    Tahap berikutnya kita akan membuat web  menjadi dinamis dengan cara menambahkan script php :

<?php

include "koneksi.php";

$baca=mysql_query("select * form koran");

$tampung=mysql_fetch_array($baca);

?>

   6.    tambahkan script php di kolom judul,dengan menghapus judul dan menggantika dengan script php di bawah ini

 <?php echo $tampung[‘judul’]; ?>

dan copykan script di atas ke dalam content,username,tanggal dan merubah nama judul yang berada di dalam kurung bricat menjadi nama yang di copykan.

   7.  untuk gambar pilih tampilan desain kemudian di kolom gambar hapus text gambar kemudian masukan gambar dengan cara pilih menu insert > image kemudian pilih folder gambar dan pilih gambar yang di inginkan,agar tidak terlalu besar ubah panjang dan lebar dan sesuaikan.

  8.    Jika sudah kembali ke tampilan code,dan hapus nama file gambar yang ada di dalam script html dan mengganti dengan script php.

<? php echo $tampung['gambar']; ?>

Dan script php

<?php do { ?>

<?php } while ($tampung=mysql_fetch_array($baca)); ?> 

   9.    Save, selanjutnya membuka web yang sudah di buat di localhost dengan cara,ketik localhost/nama folder yang telah di buat lalu enter dan pilih file tampilanberita.php sebagai tampilan wab yang di buat,jika sudah maka akan muncul seperti berikut.

III.  membuat perintah delete dengan script php.

   1.  membuat folder “admin ” di dalam folder koran yang sebelumnya telah di buat. Selamjutnya membuat file baru di dreamweaver dengan cara ctrl+N,kemudian pilih php lalu create.

Kemudian kita akan membuat tampilan admin yang berfungsi sebagai tempat mengoprasikan wab bagi admin,dengan cara yang  sama yaitu dengan membuat table seperti yang sebelumya hanya bedanya pada tampilan admin menggunakan rows : 2 dan columns : 8

Di tujukan agar tampilan sama seperti tampilan table pada database,dan berinama yang sama pada table seperti judul,content,gambar dll.

2.      copy script php dari file tampilaberita yang sudah di buat yaitu :

<?php

include ("../koneksi.php");

$baca=mysql_query("select * from berita");

$tampung=mysql_fetch_array($baca);

?>

Pada include koneksi harus di tambahkan ../ karena koneksi beradadi luar folder admin.

   3.    Langkah berikutnya adalah nambahkan script php yang telah di pelajari sebelumnya yaitu menambah kan script php :

<?php echo $tampung['judul'];?>

Pada bagian bawah kolom judul tampilan desain dan codenya seperti dibawah :

  4.   Selanjutnya untuk table yang berada di bawah table gambar hanya tinggal memasukan gambar langakanya sama seperti yang pernah dilakukan yaitu dengan insert – image

Kemudian copykan script php,hapus nama file gambar dan paste

<?php echo $tampung['id_user'];?>

dan ganti nama yang berada di dalam kurung beriket menjadi gambar

<?php echo $tampung['gambar'];?>

   5.    Langkah selajutnya yaitu dengan menambahkan script php di diatas <tr> dan didawah</tr> baris kedua :

<?php do { ?>

<?php } while ($tampung=mysql_fetch_array($baca)); ?>

  6.   Selanjutnya adalah merubah text delete menjadi link dengan cara,buka tampilan desain dan blog text delete yang akan di jadikan link, dan pada table link di isi dengan “delete.php”(file yang akan di buat)

  7.      Selanjutnya pada tampila code copy kan script :

?delete=<?php echo $tampung['id_user'];?>

Di samping nama file delete.php seperti gambar di bawah.

selesai save di dalam folder admin yang telah di buat dengan nama tampilanberitaadmin.php save.

  8.      Selajutnya membuat file delete.php berfungsi untuk menghapus data yang telah di buat.

Pertama membuat file baru,kemudian pada tampilan code kosongkan code yang ada dengan cara ctrl+A lalu delete,karana di dalam file ini hanya menggunakan secript php.

Kemudian ketikan script php

<?php

include ("../koneksi.php");

$delete=$_GET['delete'];

$perintah=mysql_query("delete from berita where id_user=$delete");

if($perintah){

echo "data berhasil di hapus";}else{echo "data gagal di hapus";}

?>

Jika selesai Save ke folder admin Dengan nama delete.php

   9.      Jika Sudah Test Dengan cara ketik:
localhost/contoh/admin

Dan berhasil

IV. Membuat Create dengan from Dan proses menyimpan di database

1.         Pertama buat folder baru di dalam folder koran dengan nama form kemudia save.

selanjutnya adalah membuat form input untuk memasukan data dengan cara klik menu form yang berada di atas kemudian klik form.

2.     membuat table dengan rows : 7 dan columns : 2 Dan ketikan form input data,judul,content,gambar dll di dalam table.

3.     pada baris ke-2 kolom judul untuk type input menggunakan text field dengan cara memilih menu “insert >form > text field”

4.     Gunakan cara yang sama pada kolom kedua di baris content,username dan tanggal,

Khusus pada kolom ke-2 baris gambar tidak menggunakan text field melainkan file field.

Kemudian untuk kolom ke-2 baris content merubah type text dari single text menjadi multi text yang beradaa di properti.

5.     Setelah itu adalah membuat tombol untuk menyimpan,dengan cara pada kolom ke-2 baris trakhir klik menu “insert – form – button”

6.     Ketikan simpan pada table ID,dan ubah value mejadi simpan.

7.     pada tampilan code pada script form action sisipkan file proses.php,bertujuan sebagai proses meyimpan data ke database.

8.     membuat file baru untuk proses menyimpan data ke database denga cara membuat file baru di dreamweaver dengan ctrl+N,kemudian hapus semua code yang ada,dan ketikan script php berikut :

<?php

include "../koneksi.php";

$judul=$_POST['judul'];

$content=$_POST['content'];

$gambar=$_FILES[‘gambar']['name'];

$username=$_POST['user'];

$tanggal=$_POST['tanggal'];

?>

9.     Setelah itu ketikkan script php berikut : $perintah=mysql_query(“ “);

Untuk cara mudahnya adalah dengan membuka database yang telah di buat dan pilih menu sisipkan seperti yg pernah dilakukan hanya saja pada setiap kolom di ketikan sesuainama kolom dan menambahkan variabel ($) 

10.     muncul script,script itulah yang di copy semua.

11.     Setelah di copy selanjutnya hanya tinggal paste di dalam kurung

$perintah=mysql_query(“paste”);

Selanjutnya ketikan script php berikut :

if($perintah){

            echo "data yang anda masukan sudah tersimpan";

            }else

            {

            echo "maaf data anda gagal di simpan ";

                        }

Bertujuan untuk mengecek apakah data masuk apa tidak.

12.     Setelah selesai simpan file di dalam folder form dengan nama proses.php,kemudian buka localhost> contoh> form dan pilih menu forminput untuk menginput data ke database.

13.     Dan hasilnya

Selesai. . . .