P. 1
Membuat Web Dengan Php

Membuat Web Dengan Php

|Views: 420|Likes:
Published by Afdal Hattazao

More info:

Published by: Afdal Hattazao on Feb 13, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

05/30/2014

pdf

text

original

MEMBUAT WEB DENGAN PHP PART I

2011
SEBUAH REFERENSI PENGECUALIAN Dari KAKA SUKMARA

Cara cepat membuat web dengan PHP yang terintegrasi dengan Database MySQL, disertai dengan Cascading Style Sheet dan Dasar Macromedia Flash

Membuat Web dengan PHP

DAFTAR ISI

BAB I LAY OUT ..................................................................................................... BAB II MEMBUAT FOLDER PADA XAMPP .......................................................... BAB III MEMBUAT RANGKA DAN KOMPONENNNYA ....................................... BAB IV MEMBUAT INDEX ..................................................................................... BAB V MEMBUAT FILE KONEKSI ........................................................................ BAB VI MENAMPILKAN DATA PADA DATABASE DENGAN PHP ...................... BAB VII MEMBUAT BUKU TAMU .......................................................................... LATIHAN ................................................................................................................ BAB VIII CASCADING STYLE SHEET .................................................................. BAB IX MACROMEDIA FLASH ............................................................................. BAB X MEMBUAT LOGIN .....................................................................................

3 5 6 9 11 15 20 22 23 30 37

Membuat Web dengan PHP

BAB I LAY OUT Mari kita lihat dahulu contoh web berikut ini :
Gambar 1

Kalo kita beri batas garis, maka akan seperti ini :
Gambar 2

Bagian Identitas 1

Bagian Identitas 2

Bagian Menu 1

Bagian Isi

Membuat Web dengan PHP

Bagian Menu 2

Kalo kita gunakan table maka akan seperti berikut ini :
Gambar 3

Bagian Identitas 1

Bagian identitas 2

Bagian Kosong

Bagian Menu 1

Bagian Menu 2

Bagian Isi

Gambar apakah yang seperti gambar di atas ! Oke tentunya adalah sebuah table. Maka patokan table di atas adalah patokan rangka untuk sebuah web atau dinamakan lay out. Tugas anda : 1. Gambarlah sebuah Layout web yang ingin anda buat ! 2. Tentukan mana bagian-bagian dan peruntukkannya ! Bagaimana sudah bisa membuat lay out web ?

Membuat Web dengan PHP

imej dll pilih yang kamu suka. Jangan memakai tanda-tanda \. Untuk menyimpan fungsi variable misalnya comm var. e. hal. template. nah di folder itu tuh kita mesti membuat folder untuk web kita. Di dalam folder induk buatlah folder antara lain diperuntukan : a. Bisa jadi seperti berikut ini : Local Disk (C): + - WINDOWS xampp FileZillaFTP htdocs - + - Webku comm + image page temp Oke sekarang buat folder-foldernya Membuat Web dengan PHP . / . sess. 5. 2. misalnya. fungsi dll pilih yang kamu suka. image. Untuk menyimpan layout web. selanjutnya dari folder xampp kita cari tuh folder yang namanya htdocs. f. ada yang masih riweuh di bab I. pages dan lain-lain pilih yang kamu suka. syaratnya : 1. 4. Memberi nama folder jangan pake spasi. c. cook dll pilih yang kamu suka. Untuk menyimpan file css dan javascript. Artinya yang mudah kita ingat dan mudah kita mengerti tapi orang lain gak boleh tahu …. b. Untuk menyimpan gambar dan animasi misalnya images. script dll pilih yang kamu suka. yaitu pada folder xampp yang selalu terletak di drive C kalo kita menginstallnya standar. variable. Untuk menyimpan session dan cookie misalnya.. kalo ada kontak aza kita yah ! Siapkan script editor (misalnya edit plus) !! Siapkan browser Siapkan xampp !!!!. Folder induknya biasanya sama dengan nama web yang kita buat. apabila redi maka buat deh foldernya. misalnya page. misalnya temp. func. 3. . d. 6. Untuk menyimpan halaman-halaman yang kita buat. java. Selalu mengingat nama-nama folder tersebut. rangka dan lain-lain pilih yang kamu suka. css.BAB II MEMBUAT FOLDER PADA XAMPP Oke kita bertemu di bab II. hehehehe canda. @ dan tanda-tanda lainnya yang dianggap riskan.

Bagian Identitas. yang pertama tentu saja file dasar/base/template mari kita berinama template. dengan script sebagai berikut : <?php $Template=" <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4. misalnya 600 x 100 berarti memiliki lebar =600 dan tinggi = 100. File pengisi layout yaitu Identitas1. Identitas2.0 Transitional//EN'> <HTML> <HEAD> <TITLE><!--Judul--></TITLE> <META NAME='Generator' CONTENT='EditPlus'> <META NAME='Author' CONTENT=''> <META NAME='Keywords' CONTENT=''> <META NAME='Description' CONTENT=''> </HEAD> <!--javacript--> <!--css--> <BODY> <center> <TABLE width=800 height=100% border=0> <TR> Membuat Web dengan PHP . yaitu merupakan pondasi sebuah web. menu. Menu2.php ingat disimpan pada folder temp. 600 x 100%. Isi dan Bawah adalah bagian-bagian dari sebuah web. Menu1. Kosong. isi. nyo sekarang ane mau ngisi folder tersebut !!! Siap ? Lihat layout di bawah ini : Gambar 4 Bagian Atas1 Bagian Atas 2 Bagian Kosong Bagian Menu 1 Bagian Menu 2 Bagian Isi Keterangan : 1. 2. yaitu : 1. Angka menunjukan lebar dan tinggi web tersebut. File dasar/base/template utama. dan bawah semuanya file php Oke kalo perangkatnya sudah siap maka kita akan mulai membuat rangka dengan script editor. Identitas2. berarti memiliki lebar = 600 dan tinggi =100% Untuk membuat rangka ada sekurang-kurangnya 6 file yang harus kita buat dan semua file dalam disimpan dengan extension php. 2.BAB III MEMBUAT RANGKA DAN KOMPONENNYA Udah buat foldernya. kalo mao disimpan bisa dengan nama template atawa base atau dasar dan lain-lain.

php. atas2. Untuk file menu1.php. ?> 3. ?> Membuat Web dengan PHP .php maka didalamnya kita isikan variable menu dengan penulisan $Kosong <?php $Kosong="Ini untuk bagian Kosong". menu.php. Untuk file kosong. maka kita membuat file pengisinya antara lain atas1.php maka didalamnya kita isikan variable atas2 dengan penulisan $Atas2 <?php $Atas2="Ini untuk bagian atas 2". Awas jangan lupa antara lain : 1. ?> 5. ?> Keterangan : <!--Judul--> adalah tag comment yang harus selalu diingat bentuk dan penulisannya … awas jangan lupa lho … SO PASTI TAG COMMENT YANG LAINNYA DONK.php maka didalamnya kita isikan variable menu dengan penulisan $Menu <?php $Menu1="Ini untuk bagian Menu1".php untuk keperluan itu di dalam masing-masing file mari kita bentuk variabelnya terlebih dahulu …. isi.php dan bawah. ?> 4.php maka didalamnya kita isikan variable atas1 dengan penulisan $Atas1 <?php $Atas1="Ini untuk bagian atas 1". Untuk file atas1. ?> 2. Untuk file menu2.php maka didalamnya kita isikan variable menu dengan penulisan $Menu <?php $Menu2="Ini untuk bagian Menu2". Untuk file atas2.<TD width=200 height=100 bgcolor=#FFFF00><!--Atas1--></TD> <TD width=600 height=100 bgcolor=#99FF00><!--Atas2--></TD> </TR> <TR> <TD width=200 height=25 bgcolor=#FFCC66><!--Kosong--></TD> <TD width=600 height=25 bgcolor=#CCCC00><!--Menu1--></TD> </TR> <TR> <TD width=200 height=100% valign=top bgcolor=#CCFF99><!--Menu2-></TD> <TD width=600 height=100% valign=top bgcolor=#FFFFFF><!--Isi-></TD> </TR> </TABLE> </center> </BODY> </HTML>". Untuk pengisi template tersebut.

<?php $Isi="Ini untuk bagian Isi". Untuk file isi. ?> 7.php maka didalamnya kita isikan variable Isi dengan penulisan $Isi. Ingat ! Jangan lupa penulisan baik bentuk maupun Tulisan tag comment ataupun variable sekali lagi ulah poho ahahahahaha … Membuat Web dengan PHP . Variabel juga jangan lupa bentuk dan penulisanya Nah selesai membuat rangka….6.

$Tampil).BAB IV MEMBUAT INDEX Bisa belon buat templatenya…. Penyertaan File Dasar 4. Demikian pula index di dalam PHP … sami mawon Cuy !!! Membuat index biasanya terdiri dari : 1.php yang sederhana ingat yang ini disimpannya pada folder induk atau menurut buku ini adalah Webku <?php // Penyertaan File Fungsi dan Variable //Penyertaan File dasar include(". Pemilihan halaman yang akan ditampilkan dengan switch ….$Tampil). Pendefinisian Template yang akan ditampilkan 5.php")./temp/isi.$Tampil). include(". Nah sekarang membuat index.$Atas1. //Penampilan Halaman echo $Tampil.$Judul. $Tampil =eregi_replace("<!--Atas1-->".$Tampil). $Tampil =eregi_replace("<!--Atas2-->". } //Pengaturan Penggantian Halaman $Tampil =eregi_replace("<!--Judul-->".php").php").$Tampil). Case ….$Tampil). break. $Tampil =eregi_replace("<!--Isi-->". // Pemilihan Halaman switch ($Pg) { case "": include(".php")./temp/Kosong.$Menu2. Break …./temp/isi. // Pendefinisian Template yang akan ditampilkan $Tampil=$Template.$Atas2. 7./temp/menu1. mudah-mudahan bisa … amin ya robbal ‘alamin …. Break.$Tampil).php"). Penyertaan File koneksi 3. include(". Mari kita buat dahulu index. include(". // Definisi Halaman $Pg=isset($_GET['Pg'])?($_GET['Pg']):"". $Tampil =eregi_replace("<!--Menu1-->". Penampilan. include(".php Index di dalam buku semacam Daftar Isi yang mengatur dan mengelola semua halaman yang akan dibaca ….$Css.php"). Definisi Halaman yang akan ditampilkan 6.php"). include(". $Tampil =eregi_replace("<!--javascript-->"../temp/template./temp/atas2.$Menu1.$Js.$Tampil). $Tampil =eregi_replace("<!--Menu2-->".$Tampil)./temp/atas1./temp/menu2. Default …. $Tampil =eregi_replace("<!--css-->".$Isi. Penyertaan File fungsi dan variable 2.php"). Pengaturan penggantian halaman 8.$Kosong. default: include(". Membuat Web dengan PHP . $Tampil =eregi_replace("<!--Kosong-->".

Xampp nya udah jalan apa belom !!! 2.. Kalo masih belom bisa juga maka cek ke instalasi softwarenya di windows 5. ahahahahaha Membuat Web dengan PHP . Yakinkan … oke ! 4. Kalo gak tampil. Kalo masih gak bisa aduh mungkin itu mah takdir Tuhan …. cek : 1.?> Dan kalo udah selesai kira-kira penampilannya seperti berikut ini : Gambar 5 Udah bisa … atawa belom …. Cek kembali pengetikan script udah sama atawa belom !!! 3.

`pekerjaan` varchar(100) DEFAULT NULL.'3213130202600001'.'081321005007'. '321310001'. `nokk` varchar(50) DEFAULT NULL.'016'.`gg`.'USEP SYARIFUDIN'. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Klik dbrw yang telah di buat Tabel biopenduduk dengan perintah menggunakan SQL di dalam PhpMyAdmin atau Query di dalam SQLYog.'Destajumena'. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Kemudian klik pada table yang telah dibuat lalu pada Query atau SQL ketikan : insert into `biopenduduk` (`idp`.'A'. ketikan script di bawah ini : CREATE TABLE `biopenduduk` ( `idp` char(15) NOT NULL.`g oldarah`.'A'. '006'. ketikan script di bawah ini : create database dbrw.'GURU HONORER'. `tgllahir` date DEFAULT '0000-00-00'. maka kita buat dulu databasenya misalnya kita berinama dbrw dengan urutan table sebagai berikut : Buat database dbrw dengan perintah menggunakan SQL di dalam PhpMyAdmin atau Query di dalam SQLYog. `namalkp` varchar(100) DEFAULT NULL. `jalan` varchar(50) DEFAULT NULL.`jk`.BAB V MEMBUAT FILE KONEKSI Oke index sederhana udah ! Editor dibuka dan run ! File index. sebelum membuat file koneksi.'3213132605680001'.`tmplahir`.`namalkp`.'GARUT'.`jalan`. `nohp` varchar(25) DEFAULT NULL. `agama` varchar(25) DEFAULT NULL.'KAKA SUKMARA'.`nokk`.`pekerjaan`. `noktp` varchar(50) DEFAULT NULL.'Destajumena'.`agama`.`tgllahir`.'1968-05-26'. `rt` char(3) DEFAULT NULL.NULL).'TNI'. `no` char(5) DEFAULT NULL.'103'.php dibuka ! File Koneksi berisi koneksi jaringan dan koneksi database.'103'. '321310002'.'O'.'P') DEFAULT NULL. `tmplahir` varchar(100) DEFAULT NULL.`rw`. `rw` char(3) DEFAULT NULL. `gg` varchar(50) DEFAULT NULL.'081801226173'.'016'.`noktp`.'Panji'.'SUBANG'.'Islam'.`nohp`. `goldarah` enum('A'.'Islam'.'L'. PRIMARY KEY (`idp`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1.'AB') DEFAULT NULL.'1962-02-01'.NULL).`rt`. ketikan script di bawah ini : CREATE TABLE `buku_tamu` ( `id` int(15) NOT NULL DEFAULT '0'. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Buat Tabel buku_tamu dengan perintah menggunakan SQL di dalam PhpMyAdmin atau Query di dalam SQLYog.'B'. '006'. `jk` enum('L'. `password` varchar(100) DEFAULT NULL.'Panji'. Membuat Web dengan PHP .'L'. ('1600002'.`password`) values ('1600001'.`no`.

'1600002'.(2.`nama` char(25) DEFAULT NULL. PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1. `kdjabatan` char(15) DEFAULT NULL.'02'). `alamat` text. `tmplahir` varchar(50) DEFAULT NULL. `hubkel` varchar(50) DEFAULT NULL. `pekerjaan` varchar(50) DEFAULT NULL.'AB') DEFAULT NULL. `idp` char(15) DEFAULT NULL. `pesan` text.'B'. `rt` char(3) DEFAULT NULL. `keterangan` longtext. ketikan script di bawah ini : CREATE TABLE `h_keluarga` ( `id` int(15) NOT NULL AUTO_INCREMENT. PRIMARY KEY (`id`) ) ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=latin1. `idp` char(15) DEFAULT NULL.'04').`kdjabatan`) values (1. PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1. `nohp` varchar(25) DEFAULT NULL. `tgllahir` date DEFAULT '0000-00-00'. `namaalat` varchar(100) DEFAULT NULL. ketikan script di bawah ini : CREATE TABLE `r_alat` ( `idalat` char(15) NOT NULL. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Buat Tabel pengurus dengan perintah menggunakan SQL di dalam PhpMyAdmin atau Query di dalam SQLYog. `rw` char(3) DEFAULT NULL. `nokk` varchar(25) DEFAULT NULL. PRIMARY KEY (`idalat`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1. `jk` enum('L'. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Buat Tabel h_keluarga dengan perintah menggunakan SQL di dalam PhpMyAdmin atau Query di dalam SQLYog. `tgl` datetime. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Kemudian klik pada table yang telah dibuat lalu pada Query atau SQL isikan : insert into `pengurus`(`id`. `no` char(5) DEFAULT NULL.'O'. `goldarah` enum('A'. `agama` varchar(50) DEFAULT NULL.'P') DEFAULT NULL. ketikan script di bawah ini : CREATE TABLE `pengurus` ( `id` int(15) NOT NULL AUTO_INCREMENT. `noktp` varchar(25) DEFAULT NULL.'1600001'. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Buat Tabel r_alat dengan perintah menggunakan SQL di dalam PhpMyAdmin atau Query di dalam SQLYog.`idp`. `jalan` varchar(100) DEFAULT NULL. Membuat Web dengan PHP . `nama` varchar(100) DEFAULT NULL.

Membuat Web dengan PHP . ('10'.'Koordinator Seksi Bidang Sosial Budaya dan Kependudukan').$Pass).'Meja'. ('26'. ('22'. ('25'.'Sapu'.'Bendahara'). Logistik dan Pendanaan'). ('12'.'Lemari'.'Anggota Hansip'). ('06'.'Ketua DKM').'Peralatan Untuk Neundeun Bujur'). ('23'. Seni dan Keolahragaan').'Koordinator Seksi Bidang Pemuda.'Ketua'). ('30'.'Anggota Seksi Bidang Pemberdayaan Masyarakat'). Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Buat Tabel r_jabatan dengan perintah menggunakan SQL di dalam PhpMyAdmin atau Query di dalam SQLYog.'Penasihat').'Sekretaris').'Anggota Seksi Bidang Ketertiban dan Keamanan').`keterangan`) values ('0001'. ('08'.`namajabatan`) values ('01'.'Koordinator Seksi Bidang Usaha.'Wakil Ketua'). $Pass=””. ('07'.`namaalat`. mysql_connect($Host. PRIMARY KEY (`kdjabatan`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1. ('09'.'Koordinator Seksi Bidang Pendidikan dan Keagamaan'). ('20'. Seni dan Keolahragaan').'Anggota Seksi Bidang Pendidikan dan Keagamaan').$User.'Ketua PKK').'Peralatan Untuk Neundeun Barang'). ('03'. ('29'. Logistik dan Pendanaan').'Ketua RT').'Anggota Seksi Bidang Sosial Budaya dan Kependudukan').'Peralatan Untuk Neundeun Kakesel'). ('19'. ('27'. ('24'.'Anggota Seksi Bidang Ekonomi dan Pembangunan'). ('28'. ('18'. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Nah kalo sudah maka baru kita buat file koneksinya dengan script sebagai berikut : <?php $Host=”localhost”.'Koordinator Seksi Bidang Ketertiban dan Keamanan'). ('0003'.'Anggota Seksi Bidang Hubungan Masyarakat').'Kader PKK'). ('17'. ('05'. Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Kemudian klik pada table yang telah dibuat lalu pada Query atau SQL isikan : insert into `r_jabatan`(`kdjabatan`. Jasa.'Koordinator Seksi Bidang Lingkungan').Klik Execute lalu Refresh (Pada SQLYog) atau Klik Go pada phpmyadmin : Kemudian klik pada table yang telah dibuat lalu pada Query atau SQL isikan : insert into `r_alat`(`idalat`. ('0002'.'Koordinator Seksi Bidang Pemberdayaan Masyarakat'). ('11'.'Komandan Hansip'). ('15'.'Koordinator Seksi Bidang Hubungan Masyarakat'). ('16'.'Anggota Seksi Bidang Usaha. ('13'. Jasa. ketikan script di bawah ini : CREATE TABLE `r_jabatan` ( `kdjabatan` char(15) NOT NULL. `namajabatan` varchar(100) DEFAULT NULL. $Db=”dbrw”. $User=”root”.'Peralatan Untuk Neundeun Baju'). ('14'.'Anggota Seksi Bidang Pemuda. ('04'.('02'.'Kursi'.'Anggota Seksi Bidang Lingkungan'). ('0004'.'Koordinator Seksi Bidang Ekonomi dan Pembangunan').

php Script pada bagian atas yaitu : <?php // Penyertaan File Fungsi dan Variable //Penyertaan File dasar Dirubah menjadi : <?php // Penyertaan File Fungsi dan Variable Include(“. ?> Simpan di folder comm dengan nama koneksi. //Penyertaan File dasar Oke anda telah membuat file koneksi dan mengkoneksikan antara web anda dengan database mysql Membuat Web dengan PHP ./comm/koneksi.php Lalu buka kembali index.php”).mysql_select_db($Db).

php. ?> Itu yang sederhana. Datanya berelasi atau enggak ? Kalo datanya enggak rahasia. Buka File index. Include … breaknya dengan tulisan seperti berikut : switch ($Pg) { case "": include(". Untuk menampilkan data pada table database MySQL. Kalo belom lapor donk…. jika ingin rapih maka pergunakan table : <?php $Menu2=" <a href='?Pg=BioP'>Biodata Pengurus RW</a><br> <a href='?Pg=Org'>Organisasi</a><br> <a href='?Pg=Bk'>Buku Tamu</a><br> "./temp/isi. dan datanya enggak berelasi dengan table lainnya. tambahlah case …. maka ada beberapa hal yang perlu diperhatikan : 1./page/biop. Buka File menu2./temp/isi. maka tahapannya sebagai berikut : 1. break. default: include(". Rahasia atau enggak datanya ? 2.php"). break. contoh apabila kita ingin menampilkan data pada table biopenduduk. berikan menu (link) seperti berikut : <?php $Menu2=" <a href='?Pg'>Home</a><br> <a href=’?Pg=BioP’>Biodata Pengurus RW</a> ".BAB VI MENAMPILKAN DATA PADA DATABASE DENGAN PHP Udah bisa koneksinya ….php. maka tampilkan. ?> 2. Oke ! Nah pada bab ini kita akan menampilkan salah satu table dalam database yang merupakan informasi bagi para browser …. case "BioP": include(".php").php"). Membuat Web dengan PHP . } Tulisan yang harus diingat Penulisannya Yang diberi lingkaran adalah NAMA LINK Tambahan Case Yang diberi lingkaran adalah NAMA LINK Yang akan menampilkan include(). lalu berikan menu (link) dengan menggunakan tag <a >Menu</a>.

maka script yang dipergunakan adalah : a.=" <tr> <td>$no</td> <td>{$Data['namalkp']}</td> <td>{$Data['tmplahir']}</td> <td>{$Data['tgllahir']}</td> <td>{$Data['jk']}</td> <td>{$Data['pekerjaan']}</td> <td>Jalan {$Data['jalan']} GG.php yang harus disimpan pada folder page. ?> Keterangan : • $Q=mysql_query("select • • • * from biopenduduk"). Pengulangan data atau tidak c. Penampilan Contoh script adalah sebagai berikut : <?php $Q=mysql_query("select * from biopenduduk"). {$Data['no']} RT : {$Data['rt']} RW : {$Data['rw']}<br> Kel. } $Isi="<fieldset><legend>Data Penduduk</legend> <table border=1> <tr> <th>NO</th> <th>Nama</th> <th>Tempat Lahir</th> <th>Tgl Lahir</th> <th>JK</th> <th>Pekerjaan</th> <th>Alamat</th> <th>Agama</th> <th>No. {$Data['gg']}No.$no++. $no=1. untuk menampilkan suatu data. misalnya kita buat file biop. Query terhadap table yang diperlukan. Lalu buat filenya.3. While($Data=mysql_fetch_array($Q)) { $Isi . Telp</th> </tr> $Isi </table> </fieldset>". Bila dilihat hasilnya setelah diklik link Biodata Pengurus RW maka akan seperti berikut ini : Membuat Web dengan PHP . b. adalah pemilihan table biopenduduk yang akan ditampilkan datanya While($Data=mysql_fetch_array($Q))adalah perintah pengulangan terhadap data yang akan ditampilkan {$Data['namalkp']} adalah kolom/field dalam table yang berisi data yang akan ditampilkan $Isi="<fieldset><legend>Data Penduduk</legend> <table border=1> dan seterusnya adalah penampilan hasil dari perintah-perintah Query dan Pengulangan. {$Data['kel']}</td> <td>{$Data['agama']}</td> <td>{$Data['nohp']}</td> </tr> ".

Seperti diketahui bahwa table pengurus berisi sebagai berikut : Id Idp 1 1600001 2 1600002 Lihat bab V halaman 12 kdjabatan 01 04 Kita cari relasi dari field idp adanya pada table biopenduduk dan kdjabatan adanya pada table r_jabatan. 2 dan 3 lagi …. saya akan menampilkannya dengan dua cara yaitu : 1. Lihat pada bagian menu 2 telah tertera link : Biodata pengurus RW. coba buatkan menu tersebut ? 2. Cara array Contoh scriptnya sebagai berikut : <?php $Q=mysql_query("select * from pengurus"). while($Qr=mysql_fetch_array($Q)) { Membuat Web dengan PHP .Apabila ingin membuat lagi penampilan data dari table lainnya maka. Oke. LATIHANNYA : 1. Sejarah. agar tampil dalam bentuk data lain. $no=1. contoh kita akan menampilkan table pengurus. maka kita perlu mencari relasi dari table tersebut. lakukan perintah pada point 1. Organisasi dan Buku Tamu coba buat link tersebut ? Nah bagaimana kalo tablenya itu berelasi. Kontak Kami dan Login. Lihat pada bagian menu 1 telah tertera link untuk empat menu yaitu : Home. seperti diketahui bahwa isi pada table pengurus berbentuk angka-angka yang merupakan kode-kode untuk suatu data. untuk membuatnya ada berbagai macam cara.

* from pengurus as a inner join biopenduduk as b on a.=" <tr> <td>$no</td> <td>{$Qr[‘namalkp’]}</td> <td>{$Qr[‘namajabatan’]}</td> </tr> ".c. adalah pencarian data dari table r_jabatan dengan persyaratan relasi yang sama dari hasil pemilihan pada table pengurus yaitu kdjabatan.kdjabatan=c. Membuat Web dengan PHP . while($Qr=mysql_fetch_array($Q)) { $Isi . Cara inner join Contoh scriptnya sebagai berikut : <?php $Q=mysql_query("select a. $no=1.$nama=mysql_fetch_array(mysql_query("select * from biopenduduk where idp={$Qr['idp']}")).=" <tr> <td>$no</td> <td>$nama[1] RW 16</td> <td>$najab[1] RW 16</td> </tr> ". ?> Ingat tambah menu dengan link baru dengan NAMA LINK jabatan. adalah pencarian data dari table biopenduduk dengan persyaratan relasi yang sama dari hasil pemilihan pada table pengurus yaitu idp. $najab=mysql_fetch_array(mysql_query("select * from r_jabatan where kdjabatan={$Qr['kdjabatan']}")). $no++. $Isi .*.</TH> <TH>Nama Pengurus</TH> <TH>Jabatan</TH> </TR> $Isi </TABLE> </fieldset> ". kemudian tambah case dengan NAMA LINK jabatan.b. } $Isi=" <fieldset> <legend>DAFTAR PENGURUS RW 16 DARMAJAYA</legend> <TABLE border=1> <TR> <TH>No.kdjabatan").idp=b. Keterangan : • $nama=mysql_fetch_array(mysql_query("select * from biopenduduk where • • • idp={$Qr['idp']}")).*. $no++.idp inner join r_jabatan as c on a. $najab=mysql_fetch_array(mysql_query("select * from r_jabatan where kdjabatan={$Qr['kdjabatan']}")). $nama[1] adalah array hasil dari pencarian terhadap table biopenduduk dengan memilih field ke-2 dari table tersebut yaitu namalkp $najab[1] adalah array hasil dari pencarian terhadap table r_jabatan dengan memilih field ke-2 dari table tersebut yaitu namajabatan 1.

php dan rubah index.</TH> <TH>Nama Pengurus</TH> <TH>Jabatan</TH> </TR> $Isi </TABLE> </fieldset> ". • Jangan lupa buat link pada menu. • Tada * artinya memilih semua field pada table yang dipilih. ?> Keterangan : • Inner join adalah salah satu cara untuk merelasikan beberapa table yang berelasi.} $Isi=" <fieldset> <legend>DAFTAR PENGURUS RW 16 DARMAJAYA</legend> <TABLE border=1> <TR> <TH>No.php untuk cara array atau cara inner join Apabila dilihat hasilnya maka akan seperti berikut inilah hasil setelah diklik link organisasi : Membuat Web dengan PHP .

$Hasil .'$pesan'. $wr=$no%2==1?"bgcolor='#FFFF33'":"bgcolor='#CCFF99'". yaitu membuat Buku Tamu.<b><i>{$Data['nama']}</i></b><br> {$Data['alamat']}<br> {$Data['pesan']}</td> </tr> ". while ($Data=mysql_fetch_array($Qr)) { $no++. Seperti yang telah dibuat pada halaman 9 dan 10 table buku tamu. $alamat=addslashes(strip_tags($_POST['alamat'])). $no=0.BAB VII MEMBUAT BUKU TAMU Bagaiman … ? sudah bisa …. Nah … kali ini kita akan mencoba membuat suatu halaman yang bukan hanya melihat saja tetapi juga mengisinya. $pesan=addslashes(strip_tags($_POST['pesan'])). ? Kalo belon bisa latih lagi …. &nbsp. if (isset($_POST['submit'])) { $nama=addslashes($_POST['nama']). } } else { $info ="Nama dan Pesan harus diisi".'$nama'. } else { $info = "Data Salah". if(!empty($nama)&& !empty($pesan)) { $Q=mysql_query("insert into buku_tamu values(''. } //Penyimpanan Buku Tamu $info="".now())"). coba lagi … lihat scriptnya secara benar …. } } //Penampil $Isi =" <fieldset><legend>BUKUT TAMU</legend> $info <table> <form action='?Pg=$Pg' method=POST name=frmguest> <tr> <td>Nama</td> Membuat Web dengan PHP . if($Q) { $info ="Terima kasih anda telah mengisi buktu tamu". maka kali ini kita akan membuat script model buku tamu Cobalah script berikut ini : <?php // Pemilihan untuk penampilan $Qr=mysql_query("select * from buku_tamu").'$alamat'.= " <tr $wr> <td>$no.

?> <td>DATA TAMU</td> Cobalah lakukan untuk table biopenduduk !!! Coba lagi…. Cabo ….</td> <td><input type=submit name=submit id=submit value='Isi Buku'></td> <td><input type=reset name=reset value='Batal'></td> </tr> <tr> </tr> <tr> </tr> </form> </table><br> <table> <tr> </tr> $Hasil </table> </fieldset> ". Eh coba lagi !!! Membuat Web dengan PHP .</tr> <tr> <td>:</td> <td><input type=text name=nama id=nama></td> <td>Alamat</td> <td>:</td> <td><textarea name=alamat cols=20 rows=4 id=alamat></textarea></td> <td>Pesan</td> <td>:</td> <td><textarea name=pesan cols=20 rows=4 id=pesan></textarea></td> <td>&nbsp.

Indonesia Pop MP3. News.LATIHAN Bagaimana kalo design layoutnya adalah sebagai berikut : Bagian Atas Bagian Menu Atas Bagian Menu Kiri Bagian Isi Bagian Menu Kanan Bagian Bawah Lebar = 800 Tinggi = 100% Bagian Atas = 800 X 100 Bagian Menu Atas = 800 x 25 Bagian Menu Kiri = 150 x 100% Bagian Isi =*x* Bagian Menu Kanan = 150 x 100% Bagian Bawah = 800 x 100 Judul Web = Musik Anda Menu Atas terdiri dari link : Home. Indonesia Jazz MP3. dan Kontak Kami Menu Kiri terdiri dari link : Biodata. Menu Bawah terdiri dari link : Facebook. BioPengelola. Indonesia Keroncong MP3. dan DaftLagu Membuat Web dengan PHP . dan Buku Tamu. Indonesia Dangdut MP3. Yahoo dan Twitter Database Terdiri dari table = MP3 = buku_tamu. dan Indonesia Daerah MP3. Menu Kanan terdiri dari link : Barat MP3. Indonesia Rock MP3.

aliran dari suatu kode ke kode lain yang saling berhubungan. Pengelompokan Selectors Anda dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma. ). Jadi. tampilan web dengan CSS terlihat baik di browser yang satu. lalu suatu hari anda bosan dengan arial dan ingin mengganti ke trebuchet. 1 property. Jadi anda harus memeriksa tampilan supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web anda terlihat baik di semua browser. anda harus merubah satu per satu halaman website anda dan merubah tipe font dari arial menjadi trebuchet.h2. anda cukup merubah satu baris kode css untuk merubah font di semua halaman web dari arial ke trebuchet. h2 dan h3 semua menggunakan warna merah. Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.h3 yang dipisahkan oleh koma. Penggunaan Banyak Properties Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( . Format penulisan kalimat CSS: selector { property: value } Selector itu untuk menunjukkan bagian mana yang hendak diatur / diformat. Membuat Web dengan PHP . Syntax CSS Syntax / kalimat CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector. keuntungan menggunakan CSS. Kalau baca di kamus. Jadi kadang-kadang.h2. yang di maksud adalah.BAB VIII CASCADING STYLE SHEET Pengenalan CSS Apa Itu CSS? CSS adalah singkatan dari Cascading Style Sheets. cascading itu artinya air terjun. lebih praktis! Kekurangan Penggunaan CSS Tidak semua browser mengartikan kode CSS dengan cara yang sama. Misalkan anda mau mengatur agar tag h1. Property untuk menunjukkan. Contoh Syntax: h1 { color: red } Contoh di atas menunjukkan Selector: h1 Property: color Value: red Kalau diterjemahkan ke kalimat bahasa Indonesia kira-kira begini: Mengatur color dari h1 ke warna merah (red). tapi berantakan di browser yang lain. dimana semua halaman web memakai css yang sama. bagian (properti) dari selector yang hendak diatur. Value adalah nilai dari pengaturannya. Keuntungan Penggunaan CSS Jika anda memiliki beberapa halaman website dimana anda menggunakan font arial untuk tulisannya.h3 { color: red } Perhatikan penulisan h1. 1 value. maka kode CSS nya menjadi: h1. Dengan menggunakan css. Tapi dalam hal ini.

Penulisan CSS dengan cara ini di mulai dengan kata style: lalu di ikuti dengan syntax property: value. /* Tulis komentar anda di sini */ color: blue. elemen paragraf <P> di format agar tulisannya menggunakan warna biru. Ada 4 cara memasang kode CSS ke dalam kode HTML / halaman web. Membuat Web dengan PHP . Cara Penulisan Yang Baik Sangat disarankan untuk menulis kode CSS menggunakan beberapa baris dimana pengaturan property dan values nya di indent. h1. dan ukuran font 150%. tag h1. font-family:arial.h3 { color:red. ga harus kok. CSS Comment Kadang kala. tapi hanya sebagai catatan untuk diri anda. font-family:arial.h2. h2 dan h3 di atur agar menggunakan warna merah.} Pada contoh di atas.h2. } Sekarang anda sudah mengerti aturan dasar penulisan kalimat CSS. Segala teks yang berada di antara tag /* dan */ tidak akan dibaca sebagai kode. font-family: arial.Contoh: h1.h3 {color:red. Pelajaran berikutnya akan mengajarkan anda mengaplikasikan kode CSS ke halaman website. </p> Pada contoh di atas. yaitu: • • • • Inline CSS Embed atau memasang kode css ke dalam bagian <head> Nge link ke external CSS Import CSS file Yuk kita bahas satu per satu… Inline CSS Kode CSS dituliskan langsung ke dalam tag HTML yang ingin di format. Penulisan CSS dengan cara ini diawali dengan tag <style> dan diakhiri dengan tag </style>. Penulisan cara ini tidak memerlukan penulisan selector dalam kode CSS. Ya cuma biar rapih dan lebih mudah di baca aja sih. Cara ini sebaiknya hanya digunakan jika anda mau memformat suatu elemen satu kali saja. font-size:150%. tidak akan menggunakan warna biru. font-size:150%. /* Tulis komentar anda di sini */ p { text-align: justify. Embedded CSS Anda bisa juga menempelkan kode CSS di antara tag <head> dan </head>. dengan type font arial. Anda bisa menggunakan syntax pembuka /* dan penutup */ untuk menuliskan komentar. Elemen paragraf lain. Contoh: <P style=”color:blue”> Isi paragraf. karena format ini hanya berlaku pada elemen paragraf yang ditentukan kode CSS nya. ada baiknya anda menuliskan komentar ke dalam kode CSS anda untuk memberi catatan pengingat.

p {font-family: arial. Caranya dengan memasukkan kode di bawah ini. menggunakan eksternal style sheet untuk memformat elemen H1 sbb: h1 { color: red.} 3. dan berinama.css"). Langkah kedua adalah memanggil file style. maka yang akan aktif adalah kode yang lebih spesifik.css. h1 {color: red. External CSS Kode CSS external di tulis dalam satu file terpisah yang disimpan dengan akhiran . dalam contoh di atas. Dengan cara ini. dalam hal ini. dari eksternal style sheet. font-size: small. Anda lalu perlu memanggil file CSS tersebut ke dalam semua halaman web yang anda buat. anda hanya perlu memiliki satu set kode CSS yang digunakan untuk semua halaman web anda. atau @import url("style. } 4.css". font-size: 8pt } Sementara di halaman web yang sama. kode yang akan diimplementasikan adalah sbb: Membuat Web dengan PHP . 2. Contoh: @import "style. di antara tag <head> ada kode CSS sbb: h1 { text-align: right. internal style sheet lebih spesifik dibandingkan eksternal style sheet.css. Dalam kasus seperti ini.css” type=”text/css”> </head> Import CSS Anda bisa juga meng-import CSS ke dalam suatu halaman website menggunakan tag import. text-align=right.css dari semua halaman web.Contoh: <head> <style type="text/css" media=screen> p {color:blue. di antara tag <head> dan </head> <head> <link rel=”stylesheet” href=”style. Penggunaan Lebih dari Satu Kode CSS Apabila ada lebih dari satu kode CSS untuk satu elemen. text-align: left. lalu tuliskan kode-kode css di dalam file tersebut. Misalkan dalam satu halaman web. Jadi ada dua langkah dalam pengimplementasian CSS dengan cara ini. misalkan: style.} </style> </head> Dalam contoh di atas semua elemen <P> dalam halaman web tersebut akan diformat menggunakan font berwarna biru. Jadi. Contoh: 1. maka yang akan digunakan adalah kode yang lebih spesifik. Anda membuat satu file dengan notepad atau teks editor lain. text-align=left sementara dari internal style sheet. font-size: 20pt } Perhatikan bagaimana pemformatan saling bertabrakan.

tengah {color:red. anda bisa menggunakan Class selector dan ID selector.} Untuk menempelkan class ke dalam tag HTML: taghtml.tengah {color:black. Contoh: Penulisan kode CSS: .</p> <h1 > Tag H1 tengah akan berwarna hitam</h1> </div> <h1 class=kiri>Tag H1 kiri akan berwarna biru</h1> Hasil: Teks tengah akan berwarna merah.nama-class {Property:value.} h1. anda melihat penggunaan tag HTML sebagai selector. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <div class=nama-class> dan di akhiri dengan tag </div>.color: red. Pada contoh-contoh di pelajaran sebelumnya. text-align: right. Cara penulisan Class Selector: .kiri {color:blue.tengah {text-align:center. font-size: 20pt Class dan ID Selector Masih ingat kan pada pelajaran syntax CSS bagian pertama yang di tulis adalah selector.} p.} Membuat Web dengan PHP .} Perhatikan tanda titik di setiap awal nama Class. misalnya untuk memformat bagian menu / sidebar. Untuk kasus seperti ini.} h1. gunakanlah ID selector untuk memformat bagian yang hanya muncul satu kali dalam satu halaman web.} Pemakaian kode CSS <div class=tengah> <p>Teks tengah akan berwarna merah. Tag H1 tengah akan berwarna hitam Tag H1 kiri akan berwarna biru ID Selector ID Selector mirip dengan Class selector. anda ingin tag <h1> di kolom kiri berwarna biru sementara tag <h1> di kolom tengah berwarna hitam. Cara penulisan ID Selector: #nama-ID {property:value.nama-class {property:value.} Untuk menempelkan ID selector ke dalam tag HTML: taghtml#nama-ID {Property:value. Class Selector Class selector adalah penggabungan beberapa properties yang digunakan lebih dari satu kali. Sekarang bagaimana jika anda ingin memformat tag <h1> dengan warna / property berbeda? Misalkan. Misalkan anda membuat kode CSS untuk tag <h1>. Untuk membedakannya.

top:0. maka perlu di panggil file css khusus IE dan gunakan kode: #outer{ top: 44%. left:0. width:100%. Namun demikian. } Dan letak kode headernya. di luar bagian yang lebarnya ditentukan (fix width) yaa. margin-top: -25%. kode di atas tidak berjalan dengan baik di IE (Internet Explorer).Perhatikan tanda # di setiap awal nama ID. kode buat headernya: #header { position:absolute. Kode CSS Untuk Header Lebar Penuh Hari ini lagi ngerjain design untuk salah satu web baru ku. Nilai 10px di contoh adalah jarak antara id #outer dengan tepi atas browser. dan design nya tuh headernya full lebar screen gitu… Ini ya. akan terlihat lebih cantik kalau design tersebut berada di tengah tampilan browser. jadi jika ingin tampilan di internet explorer juga rata tengah. misalnya: <div id=header> … isi header </div> <div id=content> … isi content yang fix width </div> Contoh hasil bisa di lihat di www.dBC-Online. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <div id=nama-ID> dan di akhiri dengan tag </div>. left: 50%. margin-left: -35%.com Membuat Tampilan Design Di Tengah posted by Dini Shanti on Apr 12 Jika kita menggunakan design dengan lebar tetap.. Hal ini bisa dengan mudah dicapai dengan menggunakan kode: #outer { margin: 10px auto. Dalam contoh diatas.. } Pasang kode css ini di sebagai property dari bagian paling luar yang menampung isi konten. } Membuat Web dengan PHP . berarti digunakan id #outer sebagai wadah paling luar.

perubahaan warna.BAB IX MACROMEDIA FLASH Dasar-dasar Macromedia Flash Yuk Belajar Flash Ikuti terus Animation Animasi Animasi adalah proses penciptaan efek gerak atau efek perubahan bentuk yang terjadi selama beberapa waktu. Macromedia Flash MX PROFESIONAL Bagian-bagian dari Flash Time Line Menu Flash adalah suatu program animasi yang terfokus untuk membuat suatu grafik dan animasi yang bisa digabungkan dengan suara. atau perubahan bentuk. Animasi bisa berupa gerak sebuah objek dari tempat yang satu ke tempat yang lain. Frame Windows Fungsi Layer Lembar Kerja Toolbar 1. Main Toolbars Toolbars utama yang terdiri dari fungsi-fungsi utama 2. Toolbars Toolbars yang terdiri dari tool-tool untuk mengelola suatu object yang nantinya akan kita proses (tanda alphabet dalam kurung merupakan shorcut keyboard) Membuat Web dengan PHP .

. lebar garis Brush Tool (B) Untuk menggambar bebas Paint Bucket Tool (U) Untuk merubah warna pada isi object Pencil Tool (N) Untuk membuat garis tak beraturan Drooper Tool (D) Untuk mendapatkan warna pada object Icon 3. button. . Timeline Element utama dari flash.Setelah itu Import gambar dengan cara File – Import atau tekan Ctr +R dan cari gambar Mobil. Animasi Mobil yang berjalan menuju daerah yang kita tentukan. Membuat Web dengan PHP .Fungsi Arrow Tools (A) Untuk memilih/menselect object yang kita inginkan Line Tool (N) Untuk membuat garis lurus beraturan Text Tool (T) Untuk membuat character dalam lembar kerja Oval Tool (O) Untuk membuat gambar oval Retangle Tool (R) Untuk membuat kotak Eraser Tool (E) Untuk menghapus object Ink Bottle Tool (I) Untuk merubah warna garis.Pertama buat File Baru File – New atau tekan Ctr+N . Layer Tempat media object berada 6. . Frame Tempat kita membuat animasi Latihan 1 1. graphic) dengan bantuan layer 4.gif setelah itu tekan OK.Gunakan Arrow Tool untuk memilih gambar Mobil dan drag ke kiriatasdari lembar kerja. dimana kita dapat mengatur object-object yang kita proses (movie clip.Setelah itu pilih Frame Pertama dan berikan awal animasi dengan cara Insert Created Motion Tween. Windows Fungsi Untuk mengedit atau mengolah object yang kita taruh di timeline 5.

.Frame atau tekan Ctr+F. Membuat animasi teks sederhana yang berputar dan berubah menjadi besar. . pilih Rotate dengan CW dan isi pada Input Times.Clik Arrow Tool dan pilih kata yang tadi anda buat. selanjutnya pilih tombol Scale untuk merubah menjadi besar (pastikan tanda frame berada di frame-15).Pertama buat File Baru . -Setelah itu pindah ke Frame pertama dan pilih Modify . tulis kata “SMAN 1 JAKARTA” dan ganti besar huruf dengan pilih Window Character atau tekan Ctr+T dan pilih fonts dan besar sesuai keinginan . Latihan 3 Di sini kita akan membuat animasi teks sederhana yaitu kalimat yang akan menghilang di akhir frame 1.Klik Text Tool dan klik di tengah-tengah lembar kerja..Created Motion Tween setelah itu pilih Frame ke-15 sebagai akhir animasi Insert – Keyframe (F6) . Latihan 2 1. selanjutnya jalankan animasi….Clik tombol Text Tool dan clik di tengah-tengah lembar kerja. jalankan animasi menggunakan tombol Enter atau Alt + Enter.Pilih frame yang ke-15 dan berikan tanda akhir animasi dengan cara Insert – Keyframe (F6) -Tahap akhir drag gambar mobil kekanan bawah.Setelah itu pilih Frame ke-1 dan masukan awal animasi dengan Insert . Buatlah Kata GHOST ditengah-tengah lembar kerja (Font=Impact Size=40) Membuat Web dengan PHP .

Pastikan Cursor masih di frame 45 4.Tahap berikutnya rubahlah Text Tool menjadi Selection Tool 5.Pada Input Box = 0% ganti dengan 100% 8.Klik Kalimat GHOST 6.Test Movie (Ctr + Enter) Latihan 4 Di sini kita akan membuat animasi teks sederhana yaitu kalimat yang akan berubah bentuk 1.Jalankan Animasi. klik Menu Control . ketikkan kalimat "SMAN 1" ganti font menjadi "IMPACT" dan ukuran text 40 pada jendela Properties (lihat pada gambar) 2.Klik Text Tool dan klik di tengah-tengah lembar kerja.Click kanan pada Frame 1 dan berikan awal animasi (create motion tween) dan untuk akhir animasi click kanan (Insert Keyframe) pada frame 45 3.Setelah itu pilih frame (40) dan masukkan akhir animasi (klik kanan Insert Key Frame) Membuat Web dengan PHP .Pada Windows Properties pilih Color dengan Brightness 7.2.

cobalah untuk Break Apart 1 kali lagi 9.Untuk langkah akhir.Klik kanan pada kalimat "SMAN 1" dan pilih Break Apart 8.Bila hasil tidak seperti dibawah.Dengan cara klik pada kalimat "SMAN 1" dan rubahlah menjadi kalimat "JAKARTA" 6. klik frame 1 11.Tahap berikutnya rubahlah Text Tool menjadi Selection Tool Selection Tool 7. klik Menu Control .Rubahlah kalimat "SMAN 1" dengan menggunakan Text Tool 5.Rubahlah Tween pada jendela Properties.Ulangi langkah yang sama pada nomor 6 dan 7 untuk kalimat "JAKARTA" 10.Test Movie (Ctr + Enter) Gimana … bisa ! Gimana agar Flash dapat menclok di Web kita ? Membuat Web dengan PHP .4.Jalankan Animasi.Bila anda mengikuti langkah-langkah diatas dengan benar. maka frame 1 sampai frame 39 akan berwarna Hijau 13. dengan Shape 12.

Caranya : 1. Klik File kemudian klik Publish Setting atau Ctrl+Shitf+F12 Membuat Web dengan PHP . Dimensi lebarnya berapa b. Tingginya berapa c. Kemudian backgroundnya sesuaikan dengan warna background web kita 1. Rubahlah size dari slide flash yang akan kita buat sebesar tempat mencloknya di web kita a. Buatlah Flashnya 2.

Src-nya harus disesuaikan juga letaknya lho !!! selesai Sekian dulu yah … nanti ta’ sambung kembali dalam nuansa advance ada login ada halaman admin dan user ada pencarian ada update.macromedia. contoh : <?php $Atas=" <embed src=\".macromedia.com/go/getflashplayer" /> ?> 6. HTML dan Give maka checklist.ketiga kotak disampingnya. lalu rubahlah lokasi File: kemudian klik Publish kemudian OK 4./image/RW16. Kemudian beri variable sesuai tempatnya.swf\" quality=\"high\" bgcolor=\"#ffffff\" width=\"150\" height=\"150\" name=\"RW16\" align=\"middle\" allowScriptAccess=\"sameDomain\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www. ada delete dan lain-lain. Kemudian carilah file HTML-nya sesuai lokasi yang kita tentukan 5. Membuat Web dengan PHP .3. Copykan mulai dari <embed> pada tempat yang semestinya upamanya pada bagian atas contoh : <?php <embed src="julia.com/go/getflashplayer\" /> ". ?> 8.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="julia" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwaveflash" pluginspage="http://www. Rubahlah : Tempat meletakan lokasi file yang akan kita publish Misalnya kita akan mem-publish type : Flash. Rubahlah tanda kutip ganda dengan tanda kutip tunggal (‘) atau \” 7.

Jika anda ingin membuat halaman khusus artinya tidak boleh ada orang laen yang masuk ke halaman tersebut. Contoh script sebagai berikut : <?php //mengambil variabel kiriman post $userid = isset($_POST['userid'])?$_POST['userid']:"". Index d. Tidak dengan apa-apa 2. `namalkp` varchar(50) NOT NULL. telepon untuk aktif otomatis dan jenis komponen form yang dibutuhkan lihat tipe data untuk enum maka dengan menggunakan list combo. Jika orang yang langsung masuk di dalam table itu namanya pengelola atau admin. `password` char(32) NOT NULL. Halaman Login c.'0') NOT NULL DEFAULT '0'. Dari pernyataan tersebut maka diperlukan paling sedikit 2 tabel untuk membantu login tersebut. Session c. jk (jenis kelamin). Menu Yang kita bicarakan terlebih dahulu adalah Login dengan Cookie : 1. `email` varchar(30) DEFAULT '--'. antara lain : 1. 2. `aktif` enum('1'. $namalkp = isset($_POST['namalkp'])?$_POST['namalkp']:"". `alamat` varchar(100) NOT NULL. password. Template atau rangka web e. Membuat halaman pendaftaran dengan form yang dibutuhkan adalah kd_anggota (semacam user id). email. yaitu login …. alamat. `jk` enum('L'. Tidak setiap personal langsung masuk di dalam table. namalkp (nama lengkap). ada orang-orang yang masuk melalui pendaftaran terlebih dahulu. 3. `telepon` varchar(20) NOT NULL DEFAULT '--'. Jika berhubungan dengan database. $jk = isset($_POST['jk'])?$_POST['jk']:"". maka diperlukan. Halaman Pendaftaran b.'P') NOT NULL. Membuat Web dengan PHP . PRIMARY KEY (`kd_anggota`) ). jika tidak maka orang itu disebut pengguna atau user. Karena pengelola sudah ada yaitu dengan table biopenduduk sehingga tinggal table usernya saja. a. Metode loginnya dengan apa : a. Halaman apa saja yang mesti diadakan dan mesti dirubah.BAB X MEMBUAT LOGIN Oke … kini anda sudah sampe ke bagian khusus. maka buatlah seperti berikut ini : CREATE TABLE `user` ( `kd_anggota` varchar(15) NOT NULL. Cookie b. table apa yang mesti di siapkan.

="Password tidak sama"..'$alamat'.. if (!$Qinsert) { if (mysql_query("select kd_anggota from userdbrw where kd_anggota ='$userid'")) { $info = "User name telah terdaftar". $telepon = isset($_POST['telepon'])?$_POST['telepon']:"".'$email'.'$jk'. $password2 = isset($_POST['password2'])?$_POST['password2']:"". $email = isset($_POST['email'])?$_POST['email']:"".'1') "). }else { $info . '$password'. $alamat = isset($_POST['alamat'])?$_POST['alamat']:"".$password = isset($_POST['password'])?$_POST['password']:"". $submit = isset($_POST['submit'])?true:false. }else { $info = "Data gagal di masukan. } } $Isi=" <TABLE width='100%' height='100%'> <TR> <TD valign='middle'> <TABLE class='border' width='500' align='center' border=0 cellpadding='5' bgcolor='#eeeeee'> <TR> <TD> <FORM METHOD=POST ACTION='?Pg=$Pg' name='gp'> <TABLE align='center' border=0 <TR> <TD>User Id</TD> <TD>:</TD> <TD align='right'><input </TR> <TR> <TD>Nama</TD> <TD>:</TD> <TD align='right'><input </TR> <TR> <TD>Password</TD> <TD>:</TD> <TD align='right'><input </TD> </TR> <TR> Membuat Web dengan PHP width='70%'> type='text' name='userid'></TD> type='text' name='namalkp'></TD> type='password' name='password'> .". } }else { $info = "Registrasi berhasil. } //registrasi if (!empty($userid) && !empty($namalkp)) { $Qinsert=mysql_query("insert into userdbrw values ('$userid'.'$telepon'.'$namalkp'. $info="". if ($password == $password2) { $password=md5($password). <br>harap periksa ulang ".

<input type='radio' value='P' name='jk'>P </TD> </TR> <TR> <TD>Email</TD> <TD>:</TD> <TD align='right'><input type='text' name='email' ></TD> </TR> <TR> <TD>Alamat</TD> <TD>:</TD> <TD align='right'><input type='text' name='alamat' ></TD> </TR> <TR> <TD>Telepon</TD> <TD>:</TD> <TD align='right'><input type='text' name='telepon' ></TD> </TR> <TR> <TD colspan='3' align='center'> <INPUT TYPE='submit' value='Daftar'> </TD> </TR> </TABLE> </FORM> </TD> </TR> <TR> <TD style=\"color:red\" align='center'>$info </TD> </TR> </TABLE> </TD> </TR> </TABLE> ".php Seperti biasa : a.<TD>Ulangi Password</TD> <TD>:</TD> <TD align='right'> <input type='password' name='password2'> </TD> </TR> <TR> <TD>Jenis Kelamin</TD> <TD>:</TD> <TD align='left'>&nbsp.&nbsp. $Menu=" <a href='?Pg'>Home</a><br> <a href=’?Pg=BioP’>Biodata Pengurus RW</a><br> <a href=’?Pg=BT’>Buku Tamu</a><br> $MulaiLogin<br> Membuat Web dengan PHP . <input type='radio' value='L' name='jk'>L &nbsp.&nbsp. Menu ditambah dengan pendaftaran <?php $MulaiLogin = isset ($_COOKIE['login']) ? "::<a href='?Pg=logout'>Logout</a>" : "<a href='?Pg=login'>Login </a> :: <a href='?Pg=Daftar'>Daftar</a>::". ?> Simpan script tersebut pada folder page dengan nama daftar.&nbsp.

setcookie("kdtbl"./page/Daftar."").php"). break. b. Index. } Membuat Web dengan PHP ./page/bukutamu.php"). if (!mysql_num_rows($QCekUser)) { //jika tidak ada hasil dari table user ganti query dari anggota $QCekUser = mysql_query("select * from userdbrw where kd_anggota ='$user' && password = '$pass' && aktif = '1' ").php"). $info=""."userdbrw"). setcookie("sebagai".php ditambah dengan case pendaftaran switch ($Pg) { case "": include(".$rest['namalkp'])./temp/isi. case "BT": include("./page/biop. case "BioP": include(". setcookie("nmuser". setcookie("login".php").".php simpan pada folder page <?php $user = isset($_POST['user']) ? $_POST['user']:"". setcookie("login". setcookie("sebagai".true). case "Daftar": include(". if (!empty($user) && !empty($pass)) { //cek dari table biopenduduk $QCekUser = mysql_query("select * from biopenduduk where idp ='$user' && password = '$pass' && aktif = '1' "). break. break. default: include(". $pass = isset($_POST['pass']) ? md5($_POST['pass']):"". // hapus dulu cookie setcookie("nmuser". setcookie("id". ?> Keterangan lihat halaman selanjutnya. } 1.""). setcookie("id". setcookie("kdtbl". break. if (!mysql_num_rows($QCekUser)) {//jika tidak ada hasil dari anggota maka login gagal $info="User dan Password salah". }else {//login user $rest = mysql_fetch_array($QCekUser). Buatlah halaman login."")."user")./temp/isi."").php").$rest['kd_anggota']).""). header("location:?").

/page/menu1. Rubahlah index.php"."biopenduduk")./comm/koneksi. header("location:?"). setcookie("sebagai". setcookie("login".$rest['namalkp'])./page/template. //Penyertaan File dasar dengan login if (!empty($_COOKIE['login'])) { include ".php // Penyertaan File Fungsi dan Variable Include(“. setcookie("id". include ".php". setcookie("nmuser". Membuat Web dengan PHP . ?> 2.$rest[‘idp’]). } $Isi=" <TABLE width='100%' height='80%'> <TR> <TD valign='middle'> <TABLE class='border' width='250' align='center' border=0 cellpadding='5' bgcolor='#eeeeee'> <TR> <TD> <FORM METHOD=POST ACTION='?Pg=$Pg' name='login'> <TABLE align='center' border=0> <TR> <TD>User Id</TD> <TD>:</TD> <TD><input type='text' name='user'></TD> </TR> <TR> <TD>Pass</TD> <TD>:</TD> <TD><input type='password' name='pass'></TD> </TR> <TR> <TD colspan='3' align='center'> <input type='submit' value='Login'> <a href='?Pg=daftar'>Daftar</a> </TD> </TR> </TABLE> </FORM> </TD> </TR> <TR> <TD style=\"color:red\" align='center'>$info </TD> </TR> </TABLE> </TD> </TR> </TABLE> ".true).$rest['level']). setcookie("kdtbl".php”).} }else {//login admin $rest = mysql_fetch_array($QCekUser).

$Tampil =eregi_replace("<!--javascript-->".php". case "Login": include(". selanjutnya sesuai dengan file yang harus tampil pada saat login. // Pemilihan Halaman switch ($Pg) { case "": include(". Template pada folder page b./temp/atas1.$Js. ". ".$Tampil). break.php"). case "BT": include(".php").$Kosong.php")./page/bukutamu.php").$Tampil).$Tampil). include(". } // Pendefinisian Template yang akan ditampilkan $Tampil=$Template.php").$Atas1.$Tampil).php")./temp/atas1./temp/atas2. ?> 3.}else { include include include include "./temp/template.php"). default: include(".$Menu1.php"). $Tampil =eregi_replace("<!--Kosong-->"./page/biop. maka ada beberapa file yang harus dibuat./page/logout. break./temp/Kosong.php dirubah. // Definisi Halaman $Pg=isset($_GET['Pg'])?($_GET['Pg']):"". include(". include(". $Tampil =eregi_replace("<!--Isi-->".php".$Tampil). break. break./temp/menu2. case "Daftar": include(".php").php").$Tampil). Menu1 pada folder page Membuat Web dengan PHP ./temp/menu1. break.$Tampil).$Judul./page/daftar. include(".$Isi. $Tampil =eregi_replace("<!--css-->". //Penampilan Halaman echo $Tampil. include("./temp/isi. $Tampil =eregi_replace("<!--Atas2-->"./temp/atas2. ". Setelah index.php". diantaranya : a. $Tampil =eregi_replace("<!--Menu1-->". $Tampil =eregi_replace("<!--Menu2-->".$Tampil). case "BioP": include("./page/login./temp/kosong.php".$Css. include(".$Tampil). $Tampil =eregi_replace("<!--Atas1-->". } //Pengaturan Penggantian Halaman $Tampil =eregi_replace("<!--Judul-->".$Menu2. case "Logout": include "./temp/isi.php"). break.php".$Atas2.php")./page/menu2.

?> 5. $strLogin = isset ($_COOKIE['login']) ? "<a href='?Pg=Logout'> Logout</a>" Membuat Web dengan PHP . diantaranya hanya satu link yaitu logout.0 Transitional//EN'> <HTML> <HEAD> <TITLE><!--Judul--></TITLE> <META NAME='Generator' CONTENT='EditPlus'> <META NAME='Author' CONTENT=''> <META NAME='Keywords' CONTENT=''> <META NAME='Description' CONTENT=''> </HEAD> <!--javacript--> <!--css--> <BODY> <center> <TABLE width=800 height=100% border=0> <TR> <TD width=200 height=100 bgcolor=#FFFF00><!--Atas1--></TD> <TD width=600 height=100 bgcolor=#99FF00><!--Atas2--></TD> </TR> <TR> <TD width=200 height=25 bgcolor=#FF6600><!--Kosong--></TD> <TD width=600 height=25 bgcolor=#CCCCFF><!--Menu1--></TD> </TR> <TR> <TD width=200 height=100% valign=top bgcolor=#FFFFCC><!--Menu2-></TD> <TD width=600 height=100% valign=top bgcolor=#FFFFFF><!--Isi-></TD> </TR> </TABLE> </center> </BODY> </HTML>". Oleh karena itu yang membedakan antara halaman index dan halaman admin adalah terletak pada bagian menu serta template walaupun design layoutnya sama tetapi isinya beda.php pada folder page diantaranya mengatur link pada saat login. Buatlah template khusus Terlebih dahulu kita buatkan folder admin di dalam folder page sebagai tempat halamanhalaman khusus.c. Misalnya script sebagai berikut template.php disimpan pada folder page : <?php $Template=" <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4. Menu1. yaitu pada bagian menu dan tempatenya itu sendiri. maka pertama-tama kita membuat layout yang sama dengan isi yang berbeda. $nmuser = isset ($_COOKIE['nmuser']) ? $_COOKIE['nmuser'] : "". Logout pada folder page 4.php ini contoh seperti dibawah ini : <?php $sebagai = isset ($_COOKIE['sebagai']) ? $_COOKIE['sebagai'] : "". script yang biasa dipakai untuk menu1. Menu2 pada folder page d.

ucwords($sebagai). ?> saat ini anda login 6. case "user": $menuAdmin=" <TABLE> <TR> <TD><a href='?Pg=gantiprofil'>Ganti Biodata Anggota</a></TD> </TR> <TR> <TD><a href='?Pg=gantipassword&kdtbl=$kdtbl&id=$id'> Membuat Web dengan PHP . break. $Menu1=" <TABLE width='100%'> <TR> <TD align='left'> Hallo <b>"."</b>.: "<a href='?Pg=Login'> Login / Daftar</a>". case "Pengurus": $menuAdmin=" <TABLE> <TR> <TD><a href='?Pg=gantiprofil'> Profil Pustakawan</a></TD> </TR> <TR> <TD><a href='?Pg=gantipassword&kdtbl=$kdtbl&id=$id'> Ganti Password</a> </TD> </TR> </TABLE> ". break.php pada folder page contoh seperti berikut ini : <?php $id= (!empty($_COOKIE['id'])) ? $_COOKIE['id'] : ""." </TD> <TD align='right'> $strLogin </TD> </TR> </TABLE> ". switch ($sebagai) { case "Admin": $menuAdmin=" <TABLE> <TR> <TD><a href='?Pg=gantiprofil&kdtbl=$kdtbl&id=$id'> Profil Admin</a></TD> </TR> <TR> <TD><a href='?Pg=gantipassword&kdtbl=$kdtbl&id=$id'> Ganti Password</a> </TD> </TR> </TABLE> ".ucwords($nmuser). sebagai ". Menu2. $kdtbl= (!empty($_COOKIE['kdtbl'])) ? $_COOKIE['kdtbl'] : "".

Buat halaman gantipassword.""). misalnya kita akan membuat halaman ganti password. ?> 7.php lalu simpan pada folder admin./page/bukutamu.php yang disimpan pada folder page adalah sebagai tanda keluar dari log in. 9.php"). default: header("location:?Pg=login").php").""). Karena dalam menu admin telah terdapat menu pergantian password maka tinggal merubah index./temp/isi. case "gantipassword": if (empty($_COOKIE['login'])){break.php")./page/daftar. setcookie("sebagai". break. Lalu cobalah melakukan login.php"). case "Daftar": include(". break. ?> 8.""). Membuat halaman editing dan updating. break. case "BT": include(". break. break. yaitu ditambahkan pengandaian kalo belum login maka halaman ini tidak dapat diakses contohnya sebagai berikut : … switch ($Pg) { case "": include(". Membuat Web dengan PHP .php pada bagian case ditambahkan case gantipassword dengan sedirikit perbedaan. contoh seperti berikut ini : <?php //logout. tahapannya antara lain : a. kemudian lanjutkan ke point selanjutnya. case "BioP": include("./page/biop.php // hapus cookie setcookie("nmuser".Ganti Password</a> </TD> </TR> </TABLE> ".php". break. setcookie("login".} include "page/admin/gantipassword. header("location:?"). contoh scriptnya sebagai berikut : b. } $Menu2=" <TABLE cellpadding=0 cellspacing=0 width=100% height=100%> <TR> <TD bgcolor=#FF6600>$menuAdmin</TD> </TR> </TABLE> ". Logout.

} Untuk halaman lainnya silakan dicoba sendiri !!!! yayayayay aha aha aha aha aha Membuat Web dengan PHP ./temp/isi.php"). default: include(".break.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->