Latihan Aplikasi Pertamaku

Ukuran: px
Mulai penontonan dengan halaman:

Download "Latihan Aplikasi Pertamaku"

Transkripsi

1 Latihan Aplikasi Pertamaku Alhamdulillahirobbil 'alamin, akhirnya aku bisa menyelesaikan Latihan Aplikasiku yang pertama. Aplikasi latihanku ini berfungsi untuk pengentrian data, pengeditan data dan pencarian data dalam database. Sebelum kita mengoperasikan program ini ada beberapa software yang diperlukan, penulis menggunakan beberapa software yaitu : 1. Bluefish PHP version xampp for linux Apache 5. firefox Dalam menjalankan program ini ada beberapa file yang mesti di jalankan terlebih dahulu. Adapun file yang dimaksud adalah : 1. File query_buat.php file ini terletak di direktori /data_siswa/lihat/ kita bisa menjalankannya dengan perintah file ini berfungsi untuk membuat database dan tabel siswa. 2. File tabel_login.php Terletak di direktori /data_siswa/lihat dan dapat dijalankan dengan perintah berfungsi untuk membutat tabel login. Setelah database dan kedua tabel diatas terbentuk barulah kita dapat melakukan pengentrian. Adapun tampilan halaman depan adalah : 1

2 Untuk membuat halaman seperti di atas diperlukan skrip sebagai berikut : file index.php <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html lang="en-us"> <head profile=" <link rel="icon" type="image/png" href=" <title>zambigo@k.bja</title> <link href=" rel="stylesheet" type="text/css"/> </head> <body> <div id="header"> <a href=" type="submit" class="submit" name="daftar" value="home"></a> <a href=" type="submit" class="submit" name="daftar" value="entri <a href=" type="submit" class="submit" name="daftar" value="edit <a href=" type="submit" class="submit" name="daftar" value="pencarian <a href=" type="submit" class="submit" name="daftar" value="lihat Data 2

3 Mahasiswa "></a> <p class="judul_header_kecil">ahlan Wasahlan fi</p> <h1 <p class="judul_header_kecil">"isykariiman Aumut Syahiidan"</p> <div id="nav_left"> <img src=" width="150" height="55" border="0" alt=""> <div id="nav_left_link"> <div id="stylelink"> <?php print date('j F Y');?> <br> <span class="menu_caption">main Menu </span><br/> <ul> <li><a href=" <li><a href=" Entri Data</a></li> <li><a href=" Edit Data</a></li> <li><a href=" Pencarian Data</a></li> <li><a href=" Lihat Data Mahasiswa</a></li> 3

4 </ul> <img src=" width="150" height="60" border="0" > </ul> <div id="box_isi"><div align="center"> <?php $file = fopen("counter.txt","r"); $hitung = fread($file,filesize("counter.txt")); $hitung++; echo "Anda pengunjung ke : <br>"; echo "<b><blink>"; echo substr("000000",0,6-strlen($hitung)).$hitung; echo "</b></blink>"; fclose($file); $file=fopen("counter.txt","w"); fwrite($file,$hitung); fclose($file);?><br><br> <table align=center border="0"> <tr valign='bottom'><td><img src="gbr/pai.jpg" width="50" height="45" border="0" ></td> <td><img src="gbr/pat.jpg" width="380" height="45" 4

5 border="0"></td> <td><img src="gbr/paa.jpg" width="50" height="45" border="0" ></td></tr> <tr><td><img src="gbr/pti.jpg" width="50" height="210" border="0" ></td> <td><img src='gbr/sma.jpg' align='center' width='380' title='kenangan SMA 3 IPA 1 Larangan Brebes' height='210' border='0'></td> <td><img src="gbr/pta.jpg" width="50" height="210" border="0" ></td></tr> <tr valign='top'><td><img src="gbr/pbi.jpg" width="50" height="45" border="0" ></td> <td><img src="gbr/pat.jpg" width="380" height="45" border="0" ></td> <td><img src="gbr/pba.jpg" width="50" height="45" border="0" ></td></tr> </table> </body> </html> File counter.txt Pada file ini kita hanya mengisikan angka diatas angka 0 yaitu 1 File all.css /* ############################################# judul : zambigoak.indo.tc author : bch.zambigoak.bja date : Juli 2008 ############################################### */ /* medefinisikan header untuk bagian atas */ #header { 5

6 position: static; height: 110px; width: 98%; /* banner */ background-image: url(" padding-top: 3%; padding-right: 2%; padding-bottom: 2%: padding-left: 4%; line-height: 0em; left: 50px; right: 50px; /* tulisan assalamualaikum */.judul_header_kecil { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #00FF00; letter-spacing: 1em; padding-left:70px; align: center; /* tulisan zambigoak */.judul_header_besar { font-family: Verdana, Arial, Helvetica, sans-serif; 6

7 font-size: 2em; color: #f4d8a6; letter-spacing: 0.5em;/*spasi*/ text-decoration: line-through; padding-left:70px; #footer{ position: static; height: 90px; width: 100%; /* banner */ background-color: #132500; padding-top: 2%; padding-right: 2%; padding-bottom: 2%: padding-left: 4%; line-height: 0em; left: 50px; right: 50px; 7

8 .footer_kecil { font-family: urw chancery l; font-size: 1em; color: #00FF00; letter-spacing: 0.3em; text-align : center; /* ############################################# */ /* mendevinikasikan navigasi bagian kanan */ /* kotak luar go */ #nav_left { background-color:#6f6f6f; height: 60px; width: 170px; line-height: 0.1; padding: 0.5em; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #aaaa; /* background main menu*/ #nav_left_link { background-color: #867963; 8

9 height: 300px; width: 170px; padding: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #aafdaa; #nav_left_menu_caption { background-color: blue; height: 20px; width: 170px; padding: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: red; /* tulisan menu */.menu_caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #fff; text-align: center; vertical-align: middle; 9

10 #stylelink a:link, #stylelink a:visited { display: block; border-top: 1px solid white;/* baris pada menu */ border-bottom: 1px solid blue;/* baris pada menu */ background-color:#84703f;/* background pada home */ font-weight: italic;/* bentuk tulisan home tebal atau lainnya*/ color: #EBE2E2;/* warna tulisan home */ width: 100px; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 10px; text-decoration: none; #stylelink a:hover { border-top: 1px solid blue; background-color:#eeb348; background-image: none; font-weight: bold; text-decoration: none; color: #red; /* mengubah style pada text box cari */.txt_cari { font-family: Verdana, Arial, Helvetica, sans-serif; 10

11 font-size: 12px; color: blue;/* warna tulisan */ background-color: #ffffff;/* warna kotak text */ height: 20px; width: 100px; border: 3px dotted grey;/*border kotak */ /* mengubah botton cari */.bt_cari { background-color: #c6c3b1;/* warna kotak */ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #8B6914;/* tulisan go */ /* mendevinisikan bagian bawah tau heder */ #bawah { background-color:#e5f4z6 ;/* warna kotak bawah */ height: 75px; width: 90%; padding-right: 2em; padding-left: 4em; padding-top: 1em: padding-bottom: 1em; vertical-align: none; 11

12 .copyright_bawah { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-family: urw chancery l; color: #333666;/* tulisan di kotak bawah */ text-align: center; /*###############################################*/ /*mendefikasikan bagian isi atau cointen yang ada di tengah*/ /* garis berdiri */ #box_isi { position: absolute; height: auto; width:75%; left: 204px; top: 150px; padding: 1em; border-left-width: 3px; border-left-style: double; border-left-color: #d3d4aa; border-right-width: 3px; border-right-style: double; border-right-color: #d3d4aa; 12

13 .hurup_besar_isi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 4em; font-weight: bold; color: #8B6914; float: left; padding-top: 0.1em; padding-right: 0.1em; padding-bottom: 0.1em: padding-left: 0.1em; text-align: center;.isi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #000;/* warna tulisan isi */ line-height: 2em; text-align: justify; vertical-align: none; /*bacground utama*/ body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #AaaA9A; margin: auto; 13

14 padding: 0.2em;.submit{ background-color: #c7d8b4; border: 2px dotted #a5b5b2; text-decoration: underline; font-weight: bolder; color: #8B6914; p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; Keterangan : File all.css ini akan digunakan dalam file file yang lain 14

15 Halaman Entri Data Skrip yang dibutuhkan File ent_mah_com.php <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html lang="en-us"> <head profile=" <link rel="icon" type="image/png" href=" <link href=" rel="stylesheet" type="text/css"/> </head> 15

16 <body> <div id="header"> <a href=" <input type="submit" class="submit" name="daftar" value="home"></a> <a href=" type="submit" class="submit" name="daftar" value="entri <a href=" type="submit" class="submit" name="daftar" value="edit <a href=" type="submit" class="submit" name="daftar" value="pencarian <a href=" <input type="submit" class="submit" name="daftar" value="lihat Data Mahasiswa "></a> <p class="judul_header_kecil">ahlan Wasahlan fi</p> <h1 <p class="judul_header_kecil">"isykariiman Aumut Syahiidan"</p> <div id="nav_left"> <img src=" width="150" height="55" border="0" alt=""> <div id="nav_left_link"> <div id="stylelink"> <?php print date('j F Y'); 16

17 ?><br> <span class="menu_caption">main Menu </span><br/> <ul> <li><a href=" <li><a href=" Entri Data</a></li> <li><a href=" Edit Data</a></li> <li><a href=" Pencarian Data</a></li> <li><a href=" Lihat Data Mahasiswa</a></li> </ul> <img src=" width="150" height="60" border="0" > </ul> <div id="box_isi"> <form action="ent_sim.php" method="post" target="_self" name="form1"> <table cellpadding="2" cellspacing="2" border="0" align="center" width="400"> <tr > </tr> <tr> <td colspan="2" align="center"><b><h3>entry Data Mahasiswa</h3></b></td> <td width="89">nim</td> 17

18 </tr> <tr> </tr> <tr> </tr> <tr> </tr> <tr> </tr> <tr> </tr> <td width="311"><input type="text" name="nim" size="25" maxlength="35"></td> <td>nama</td> <td><input type="text" name="nama" size="25" maxlength="35"></td> <td>alamat</td> <td><input type="text" name="alamat" size="25" maxlength="35"></td> <td>prop_asal</td> <td><input type="text" name="prop_asal" size="25" maxlength="35"></td> <td>smu Asal</td> <td><input type="text" name="smu_asal" size="25" maxlength="35"></td> <td>jurusan</td> <td><input type="text" name="jurusan" size="25" maxlength="35"></td> 18

19 <tr> </tr> <tr> </tr> </table> </form> </body> </html> <td>angkatan</td> <td><input type="text" name="angkatan" size="25" maxlength="35"></td> <td></td> <td><input type="submit" name="simpan" value="simpan"></td> File ent_sim.php <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html lang="en-us"> <head profile=" <link rel="icon" type="image/png" href=" <link href=" rel="stylesheet" type="text/css"/> </head> 19

20 <body> <div id="header"> <a href=" type="submit" class="submit" name="daftar" value="home"></a> <a href=" type="submit" class="submit" name="daftar" value="entri <a href=" type="submit" class="submit" name="daftar" value="edit <a href=" type="submit" class="submit" name="daftar" value="pencarian <a href=" <input type="submit" class="submit" name="daftar" value="lihat Data Mahasiswa "></a> <p class="judul_header_kecil">ahlan Wasahlan fi</p> <h1 <p class="judul_header_kecil">"isykariiman Aumut Syahiidan"</p> <div id="nav_left"> <img src=" width="150" height="55" border="0" alt=""> <div id="nav_left_link"> <div id="stylelink"> <?php print date('j F Y'); 20

21 ?><br> <span class="menu_caption">main Menu </span><br/> <ul> <li><a href=" <li><a href=" Entri Data</a></li> <li><a href=" Edit Data</a></li> <li><a href=" Pencarian Data</a></li> <li><a href=" Lihat Data Mahasiswa</a></li> </ul> <img src=" width="150" height="60" border="0" > </ul> <div id="box_isi"> <?php $koneksi=mysql_connect("localhost", "root", "") or die ("Gagal koneksi"); mysql_select_db(comp, $koneksi) or die ("Gagal pilih database"); $sql_input="insert INTO siswa (nim,nama,alamat,prop_asal,smu_asal,jurusan,angkatan) 21

22 VALUES ('$nim','$nama','$alamat','$prop_asal','$smu_asal','$jurusan','$an gkatan')"; mysql_query($sql_input, $koneksi) or die ("Gagal koneksi".mysql_error()); echo "<b>data yang berhasil dimasukan</b><br>"; echo "NIM : $nim<br>"; echo "Nama : $nama<br>"; echo "Alamat : $alamat<br>"; echo "Prop_Asal : $prop_asal<br>"; echo "SMU Asal : $smu_asal<br>"; echo "Jurusan : $jurusan<br>"; echo "Angkatan : $angkatan<br>";?> <a href="ent_mah_com.php">kembali</a> </body> </html> 22

23 Edit Data Sebelum kita masuk ke halaman peng-editan kita akan menemui halaman login terlebih dahulu sebagai pengamanan. Adapun skrip yang dibutuhkan adalah : File login.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html lang="en-us"> <head profile=" <link rel="icon" type="image/png" href=" <title>zambigo@k.bja</title> <link href=" rel="stylesheet" type="text/css"/> </head> <body> <div id="header"> &nbsp ; <a href=" type="submit" class="submit" name="daftar" value="home"></a> 23

24 <a href=" type="submit" class="submit" name="daftar" value="entri <a href=" type="submit" class="submit" name="daftar" value="edit <a href=" type="submit" class="submit" name="daftar" value="pencarian <a href=" <input type="submit" class="submit" name="daftar" value="lihat Data Mahasiswa "></a> <p class="judul_header_kecil">ahlan Wasahlan fi</p> <h1 <p class="judul_header_kecil">"isykariiman Aumut Syahiidan"</p> <div id="nav_left"> <img src=" width="150" height="55" border="0" alt=""> <div id="nav_left_link"> <div id="stylelink"> <span class="menu_caption">main Menu </span><br/> <ul> <li><a href=" <li><a href=" Entri Data</a></li> <li><a href=" Edit Data</a></li> <li><a href=" Pencarian Data</a></li> <li><a href=" Lihat Data Mahasiswa</a></li> </ul> <img src=" width="150" height="60" border="0" > </ul> <div id="box_isi"> <table border=0 align=center> <form method=post action=cek.php> <tr><td colspan='2' align='center'><img src="../gbr/user.jpg" width="200" height="160" border="0" alt=""></td></tr> <tr><td>username</td> <td><input type=text name=username></tr> <tr><td>password</td> <td><input type=password name=password></tr> 24

25 <tr><td></td> <td><input type=submit name=submit value=login></tr> </form> </table> </body> </html> File cek.php File config.php File main.php File Logout.php Keempat file di atas dapat diambil pada file Pendataan.zip Cari Data Digunakan untuk mencari data yang tersimpan pada database. Skrip yang dibutuhkan adalah : search.php <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html lang="en-us"> <head profile=" <link rel="icon" type="image/png" 25

26 href=" <link href=" rel="stylesheet" type="text/css"/> </head> <body> <div id="header"> <a href=" type="submit" class="submit" name="daftar" value="home"></a> <a href=" type="submit" class="submit" name="daftar" value="entri <a href=" type="submit" class="submit" name="daftar" value="edit <a href=" type="submit" class="submit" name="daftar" value="pencarian <a href=" <input type="submit" class="submit" name="daftar" value="lihat Data Mahasiswa "></a> <p class="judul_header_kecil">ahlan Wasahlan fi</p> <h1 <p class="judul_header_kecil">"isykariiman Aumut Syahiidan"</p> <div id="nav_left"> <img src=" width="150" height="55" border="0" alt=""> <div id="nav_left_link"> <div id="stylelink"> <?php print date('j F Y');?><br> <span class="menu_caption">main Menu </span><br/> <ul> <li><a href=" <li><a href=" Entri Data</a></li> <li><a href=" Edit Data</a></li> <li><a href=" Pencarian Data</a></li> <li><a href=" Lihat Data Mahasiswa</a></li> </ul> <img src=" width="150" height="60" border="0" > 26

27 </ul> <div id="box_isi"> <?php // cek apakah kondisi form terkirim atau tidak if (!$cari) { // jika form tidak dalam kondisi terkirim, // tampilkan form pencarian nama?> <center> <form action="<?php echo $PHP_SELF?>" method="post"> <font size=5>pencarian Data Anggota Sakura.Comp</font> <p> <h4>masukkan nama yang dicari :</h4> <p> <input type="text" name="form_nama" size="30" maxlength="50"> <input type="submit" name="cari" value=" Cari Data "> </form> </center> <?php else { // jika form dalam kondisi terkirim, // lakukan pencarian dan tampilkan hasilnya // ambil variabel untuk koneksi basis data require("koneksi.php"); // tentukan query dan kriteria pencarian $query = "SELECT * FROM siswa WHERE NAMA LIKE '%$form_nama%'"; // lakukan proses query $hasil = mysql_db_query($db,$query,$koneksi); // cek apakah pencarian ada hasilnya $jml_rec = mysql_num_rows($hasil); if (!$jml_rec) { // jika pencarian tidak ada hasilnya, // tampilkan pesan gagal?> <center> <font size=5>nama Anggota tidak ditemukan!</font><p> <a href="<?php echo $PHP_SELF?>">Klik di sini untuk kembali</a> </center> <?php else 27

28 { // jika pencarian memberikan hasil, // tampilkan dalam halaman html // membuat tabel untuk menampilkan hasil pencarian echo "<font size=5>hasil Pencarian ". "Ditemukan $jml_rec Data</font><br>\n"; echo "<table border=1 cellpadding=1 cellspacing=0>\n"; echo "<tr>\n"; echo "<td>nim</td>\n"; echo "<td>nama</td>\n"; echo "<td>alamat</td>\n"; echo "<td>prop_asal</td>\n"; echo "<td>smu Asal</td>\n"; echo "<td>jurusan</td>\n"; echo "<td>angkatan</td>\n"; echo "</tr>\n"; // gunakan perulangan while // perulangan akan terjadi sepanjang masih // ditemukan record while (list($nim,$nama,$alamat,$prop_asal,$smu_asal, $jurusan,$angkatan) = mysql_fetch_row($hasil)) { // modifikasi beberapa variabel hasil // mysql_fetch_row() $prop_asal = $prop_asal; $angkatan = $angkatan; // format dalam baris dan kolom tabel echo "<tr>\n"; echo "<td>$nim</td>\n"; echo "<td>"; echo "$nama"; echo "</td>\n"; echo "<td>$alamat</td>\n"; echo "<td>$prop_asal</td>\n"; echo "<td>$smu_asal</td>\n"; echo "<td>$jurusan</td>\n"; echo "<td>$angkatan</td>\n"; echo "</tr>\n"; echo "</table>\n"; echo "<p>\n"; echo "<a href=$php_self>klik di sini ". "untuk kembali</a>\n"; // bebaskan memori yang digunakan untuk proses mysql_free_result($hasil);?> </p> 28

29 </body> </html> File koneksi.php ada di Pendataan.zip Lihat Data File data_rows.php <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html lang="en-us"> <head profile=" <link rel="icon" type="image/png" href=" <link href=" rel="stylesheet" type="text/css"/> </head> <body> <div id="header"> <a href=" type="submit" class="submit" name="daftar" value="home"></a> <a href=" type="submit" class="submit" name="daftar" value="entri 29

30 <a href=" type="submit" class="submit" name="daftar" value="edit <a href=" type="submit" class="submit" name="daftar" value="pencarian <a href=" <input type="submit" class="submit" name="daftar" value="lihat Data Mahasiswa "></a> <p class="judul_header_kecil">ahlan Wasahlan fi</p> <h1 <p class="judul_header_kecil">"isykariiman Aumut Syahiidan"</p> <?php $namahost="localhost"; $namauser="root"; $password=""; $namadbs="comp"; $koneksi = mysql_connect($namahost, $namauser, $password) or die ("Gagal koneksi".mysql_error()); mysql_select_db($namadbs, $koneksi) or die ("Gagal pilih database".nysql_error()); //seleksi data $hasil=mysql_query ("SELECT * FROM siswa ORDER BY nim") or die ("Gagal query".mysql_error()); //mengkondisikan data ada atau tidak ada if (mysql_num_rows($hasil) >0) { //apabila ada print date('j F Y'); echo "<table width=1000 cellpadding=0 border=1>"; echo "<tr>"; echo "<td colspan=7 align=center bgcolor='#cccccc'><b>daftar Mahasiswa</b></td>"; echo "</tr>"; echo "<tr align=center bgcolor='#ccccaa'>"; echo "<td><b>nim</b></td>"; echo "<td> <b>nama</b></td>"; echo "<td><b>alamat</b></td>"; echo "<td><b>prop_asal</b></td>"; echo "<td><b>smu Asal</b></td>"; echo "<td><b>jurusan</b></td>"; echo "<td><b>angkatan</b></td>"; echo "</tr>"; 30

31 //menampilkan isi data while($baris = mysql_fetch_row($hasil)) { //menampilkan data berdasarkan nomor baris kolomnya echo "<tr align=center>"; echo "<td> $baris[0] </td>"; echo "<td> $baris[1] </td>"; echo "<td> $baris[2] </td>"; echo "<td> $baris[3] </td>"; echo "<td> $baris[4] </td>"; echo "<td> $baris[5] </td>"; echo "<td> $baris[6] </td>"; echo "</tr>"; echo "</table>"; else { echo "Pada tabel siswa, data kosong"; //menutup koneksi mysql_close($koneksi); exit(); //menutup koneksi untuk menampilkan data mysql_free_result($hasil); mysql_close($koneksi);?> </body> </html> Untuk lebih lengkapnya bisa download file Pendataan.zip 31

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana

Lebih terperinci

Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml

Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti

Lebih terperinci

Create Read Update Delete using PHP MySql

Create Read Update Delete using PHP MySql 2016 Create Read Update Delete using PHP MySql CRUD TABEL ALUMNI DWI SETIYA NINGSIH // 210 315 70 25 [COMPANY NAME] [Company address] SS Program Gambar 1.1 Tampilan index.php Gambar 2.1 Tampilan edit.php

Lebih terperinci

MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)

MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04B CSS : Layout dan Posisi

Lebih terperinci

Cara Membuat website dengan Dreamweaver

Cara Membuat website dengan Dreamweaver Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See

Lebih terperinci

CSS Cascading Style Sheet

CSS Cascading Style Sheet CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style

Lebih terperinci

XHTML dan Dasar-dasar CSS XHTML

XHTML dan Dasar-dasar CSS XHTML XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language

Lebih terperinci

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama

Lebih terperinci

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.

Lebih terperinci

Membuat Toko Buku dengan PHP - MySQL

Membuat Toko Buku dengan PHP - MySQL Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan

Lebih terperinci

DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN

DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML

Lebih terperinci

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html : LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka

Lebih terperinci

BAB V IMPLEMENTASI SISTEM

BAB V IMPLEMENTASI SISTEM BAB V IMPLEMENTASI SISTEM Pada bab ini merupakan tahapan penerjemahan kebutuhan pembuatan software ke dalam representasi perangkat lunak sebeleum penulisan kode program dimulai sesuai dengan hasil analisis

Lebih terperinci

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,

Lebih terperinci

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan

Lebih terperinci

BAB X AKSES DAN MANIPULASI DATA

BAB X AKSES DAN MANIPULASI DATA BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan

Lebih terperinci

MODUL III CASCADING STYLE SHEET

MODUL III CASCADING STYLE SHEET MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK

Lebih terperinci

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database : BAB III IMPLEMENTASI 3.1 Program Penghubung Database Program penghubung database tersebut disimpan dengan nama konek.php. Berikut merupakan kode program penghubung Database :

Lebih terperinci

MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)

MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets

Lebih terperinci

Modul Pemrograman Web Teori + Praktik PHP, XML, Jquery, Ajax, Yii

Modul Pemrograman Web Teori + Praktik PHP, XML, Jquery, Ajax, Yii Modul Pemrograman Web Teori + Praktik PHP, XML, Jquery, Ajax, Yii 2015 Pertemuan IV MEMBUAT FILE CRUD (Create Read Update dan Delete) menggunakan PHP 3.1 Ringkasan Materi Apa itu CRUD? CRUD adalah singkatan

Lebih terperinci

BAB IV CASCADING STYLE SHEET (CSS)

BAB IV CASCADING STYLE SHEET (CSS) BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk

Lebih terperinci

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE 1. Script banner.php

Lebih terperinci

6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco

6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco 6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan

Lebih terperinci

Teks dan Background SERIF SANS-SERIF MONOSPACE

Teks dan Background SERIF SANS-SERIF MONOSPACE Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori

Lebih terperinci

Saat inilah kita membutuhkan basis data (database). Inilah pahlawan kita dalam mempermudah pemrosesan informasi. Mari kita mulai.

Saat inilah kita membutuhkan basis data (database). Inilah pahlawan kita dalam mempermudah pemrosesan informasi. Mari kita mulai. PHP? Siapa Takut! Oleh: Ivan Irawan < ivanorma@softhome.net> http://skripphp.xoasis.com Bagian 4: Hei, Ternyata Bisa Bekerja! Pada artikel-artikel sebelumnya, kita telah belajar cara menggunakan skrip

Lebih terperinci

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:

Lebih terperinci

SEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two

SEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two SEARCHING, EDIT / UPDATE DAN DELETE PHP & MYSQL Part Two Maskie Z.O Review Project yang telah dibuat sebelumnya : Cek.php (Session) Index3.htm l Login1.php List1.ph p FmSiswaIn.P hp FmSiswaSim. php Index3.Html

Lebih terperinci

Membuat Login Dengan PHP dan MYSQL

Membuat Login Dengan PHP dan MYSQL Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun dadhan.rpl@gmail.com :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya

Lebih terperinci

Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI

Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI Nama : Dwi Untari Nim : A410090202 TUGAS SEMESTERAN 1. HOME 2. MATERI 3. SILABUS DAN RPP 4. GALERY 5. LATIHAN SOAL 6. BERITA 7. LINK SKRIP 1. Membuat frame

Lebih terperinci

CSS. inheritance (pewarisan)

CSS. inheritance (pewarisan) {CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css

Lebih terperinci

MODUL 11 MEMBUAT LOGIN USER

MODUL 11 MEMBUAT LOGIN USER MODUL 11 MEMBUAT LOGIN USER Halaman web adalah suatu halaman rumah di dalam dunia maya, di sini kita dapat menampilkan tentang segala inspirasi, imajinasi, mimpi maupun uneg-uneg sekalipun. Ibarat sebuah

Lebih terperinci

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:

Lebih terperinci

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan

Lebih terperinci

DAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...

DAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya... DAFTAR ISI COVER DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN... 3 1.1 Latar Belakang... 3 1.2 Rumusan Masalah... 3 1.3 Tujuannya... 3 BAB II PEMBAHASAN... 4 2.1 Pengertian CSS... 4 2.2 Format

Lebih terperinci

BAB III CASCADING STYLE SHEET

BAB III CASCADING STYLE SHEET BAB III CASCADING STYLE SHEET A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan

Lebih terperinci

CSS (Cascade Style Sheet)

CSS (Cascade Style Sheet) CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa

Lebih terperinci

Simak baik-baik komentar-komentar dalam setiap skrip. Komentar diawali dengan tanda #, //, atau /* dan */

Simak baik-baik komentar-komentar dalam setiap skrip. Komentar diawali dengan tanda #, //, atau /* dan */ Tutorial ini akan membimbing kalian membuat sebuah database bernama bioteman dengan sebuah tabel bernama teman. Tabel biodata ini berisi kolom nomor, namateman, tglahir, dan nomorhp. Tabel tersebut akan

Lebih terperinci

MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5

MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5 MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5 NELI WIDI ASTUTI Neliwidiastuti97@gmail.com Abstrak Pada kesempatan ini saya akan mencoba menjelaskan tentang membuat website sederhana dengan HTML 5 dan CSS 3,

Lebih terperinci

Script PHP dan MySQL J A M K E E M P A T

Script PHP dan MySQL J A M K E E M P A T J A M K E E M P A T Script PHP dan MySQL l l l l l l Membuat Koneksi ke Server Menyeleksi Database Mengakses Query Menampilkan Hasil Query Latihan Jam Keempat Soal Jam Keempat Membuat Koneksi ke Server

Lebih terperinci

Membuat Form login dengan Php dan Mysql

Membuat Form login dengan Php dan Mysql Membuat Form login dengan Php dan Mysql 13 Hey,,,selamat malam semuanya,,kali ini ane mau membagikan bagaimana cara membuat Form login dengan php dan mysql... Yah kya gtulah kurang lebih intronya,,langsung

Lebih terperinci

SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3

SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3 4 BAB IV WEB DESIGN CSS3 41 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Penggunaan CSS3 untuk Design dan Layout Web Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan

Lebih terperinci

Author : Minarni, S.Kom.,MM

Author : Minarni, S.Kom.,MM S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan

Lebih terperinci

LAMPIRAN LISTING PROGRAM WEBSITE

LAMPIRAN LISTING PROGRAM WEBSITE LAMPIRAN LISTING PROGRAM WEBSITE 1. Halaman Home (index.php) $judul_hal=home; function isi() include("koneksi.php");

Lebih terperinci

Lampiran 1. Flowchart perancangan sistem

Lampiran 1. Flowchart perancangan sistem Lampiran 1. Flowchart perancangan sistem Mulai Identifikasi Data Desain Program Desain Basis Data Input Data Desain Layout Programming Diagnosa Program idak Benar idak a Uji ampilan Data Benar idak a Dokumentasi

Lebih terperinci

MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR

MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil

Lebih terperinci

Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah :

Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah : Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah : Menu Form Siswa Laporan Yang pertama kali diakses adalah

Lebih terperinci

TUTORIAL RUBY ON RAILS

TUTORIAL RUBY ON RAILS TUTORIAL RUBY ON RAILS TEKNIK INFORMATIKA-UNIV.NASIONAL Oleh: Slamet nurhadi 083112706450100 UNIVERSITAS NASIONAL DAFTAR ISI: 1. MEMBUAT PROYEK BARU DENGAN SETINGAN DATABASE MySQL 2. MEMBUAT HALAMAN WEB

Lebih terperinci

Analisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.

Analisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya. TUGAS CSS LAYAOUT PRAKTIKUM 6 1. Percobaan 1 Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya. 2. Percobaan2 Position: relative;

Lebih terperinci

CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed

CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed CSS dan Tata Letak Pemrograman Internet (TKE 074082) Program Studi Teknik Elektro, Unsoed Iwan Setiawan Tahun Ajaran 2011/2012 a, a:visited { text-decoration:none; } a:hover { text-decoration:underline;

Lebih terperinci

Daftar isi. West PoinT edu

Daftar isi. West PoinT edu Daftar isi 1.font-weight...2 2.Font-style...2 3.Font-family...2 4.font-size...2 5.color...3 6.text-align...3 7.vertical-align...3 8.text-decoration...4 9.text-transform...4 10.text-shadow...4 11.word-spacing...5

Lebih terperinci

{CSS} Cascading Style Sheet

{CSS} Cascading Style Sheet {CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum

Lebih terperinci

CSS. Cascading Style Sheet. Spesifikasi lengkap di :

CSS. Cascading Style Sheet. Spesifikasi lengkap di : CSS Cascading Style Sheet Spesifikasi lengkap di : http://www.w3..org/tr/css2 Mengubah Text Mengubah Warna Mengubah Posisi Mengubah Ukuran Bagaimana cara menempatkan CSS? Ada 3 cara yaitu : Inline ( pada

Lebih terperinci

Tutorial Membuat Template Joomla 1.5

Tutorial Membuat Template Joomla 1.5 Tutorial Membuat Template Joomla 1.5 Tempate joomla sebenarnya sangat sederhana, tidak rumit sama sekali. Satu file layout html bisa kita konversi langsung menjadi template joomla 1.5 yang valid. Tutorial

Lebih terperinci

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring BAB IV HASIL DAN PEMBAHASAN 3.1 PROGRAM PENGHUBUNG DATABASE Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring Menggunakan unit program didukung oleh pemrograman PHP dan database server

Lebih terperinci

Membangun website dinamis berbasis PHP-mySQL (3)

Membangun website dinamis berbasis PHP-mySQL (3) Membangun website dinamis berbasis PHP-mySQL (3) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com

Lebih terperinci

KOMPUTER APLIKASI IT (Information Technology)

KOMPUTER APLIKASI IT (Information Technology) KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada

Lebih terperinci

?> <html> <head> <link href="data/styles.css" rel="stylesheet" type="text/css"> <title>sumber Ilmu Online Bookstore</title> </head>

?> <html> <head> <link href=data/styles.css rel=stylesheet type=text/css> <title>sumber Ilmu Online Bookstore</title> </head> Listing Program 1. Index.php session_start(); include_once "data/koneksi.php"; sumber Ilmu Online Bookstore

Lebih terperinci

Checkbox dengan Foreach dan MYSQL

Checkbox dengan Foreach dan MYSQL Checkbox dengan Foreach dan MYSQL Dwi Jayanthi dwi1607@gmail.com Abstrak Pada tutorial ini, kita akan membahas tentang Insert Data Checkbox dengan Foreach ke database MySQL. Komponen Checkbox merupakan

Lebih terperinci

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

Lebih terperinci

Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008

Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di  tanggal 7 Mei 2008 Tutorial HTML Oleh: Willy Bayuardi Suwarno, SP, MSi willy@ipb.ac.id Dipublikasi di http://willy.situshijau.co.id tanggal 7 Mei 2008 Artikel ini dapat digunakan dan disebarkan secara bebas, baik sebagian

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan

Lebih terperinci

CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector

CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector rosihanarinet Lebih Lanjut Tentang Selector Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik Untuk lebih jelasnya perhatikan contoh berikut ini

Lebih terperinci

Membuat Themes Wordpress sendiri - Part 1

Membuat Themes Wordpress sendiri - Part 1 Membuat Themes Wordpress sendiri - Part 1 Oleh: asep saepulloh Halo sahabat jaco. Kali ini saya akan membahas bagaimana caranya membuat themes sendiri di CMS Wordpress. Terkadang sahabat jaco muak dengan

Lebih terperinci

Cara Value keterangan

Cara Value keterangan Pertemuan 11 Pengaturan property CSS Style Sheet adalah rangkaian suatu perintah yang disebut juga dengan statement. Setiap statement mempunyai 2 (dua) buah komponen utama yaitu, selector dan deklarator.

Lebih terperinci

Membuat Captcha Image menggunakan Codeigniter 2x

Membuat Captcha Image menggunakan Codeigniter 2x Membuat Captcha Image menggunakan Codeigniter 2x Oleh: Yoga C. Pranata Hai semua, disini saya akan menerangkan tentang bagaimana membuat captcha menggunakan Codeigniter. Sebelum memulainya, kalian pasti

Lebih terperinci

Multiple Style akan meng-cascade kedalam Style Lain

Multiple Style akan meng-cascade kedalam Style Lain CSS Pendahuluan Apakah CSS? CSS singkatan dari Cascading Style Sheets Styles mendefinisikan bagaimana menampilkan elemen Styles umumnya disimpan dalam Style Sheets Styles ditambahkan pada HTML 4.0 untuk

Lebih terperinci

MODUL III CASCADING STYLE SHEET

MODUL III CASCADING STYLE SHEET MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami jenis dan struktur dasar dokumen CSS. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan halaman

Lebih terperinci

BAB V DESAIN WEB CSS

BAB V DESAIN WEB CSS BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan

Lebih terperinci

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat Contoh ke dua layout menggunakan CSS Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat HEADER ISI NAVIGASI

Lebih terperinci

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola 1. Ketik di Browser internet anda http://yola.com Klik Get started Ketik Nama anda Ketik Email anda Ketik Email anda sekali

Lebih terperinci

DAFTAR PUSTAKA. HM, Jogianto, Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi

DAFTAR PUSTAKA. HM, Jogianto, Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi DAFTAR PUSTAKA HM, Jogianto, 2005. Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi Munawar, 2005. Pemodelan Visual Dengan UML, Jakarta: GRAHA ILMU http://elib.unikom.ac.id/download.php?id=125574

Lebih terperinci

SURAT KETERANGAN Hasil Uji Program Tugas Akhir. Dengan Hasil : SUKSES / GAGAL

SURAT KETERANGAN Hasil Uji Program Tugas Akhir. Dengan Hasil : SUKSES / GAGAL KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATARA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax.

Lebih terperinci

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan STJ MySQL-PHP Menggunakan MySQL sebagai database server a) Menghidupkan MySQL Database Server C:\mysql\bin>mysqld b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket C:\mysql\bin>mysqladmin

Lebih terperinci

Mencetak Data Ke Word atau Excell

Mencetak Data Ke Word atau Excell Mencetak Data Ke Word atau Excell dengan PHP Mungkin ada sebagian di antara kalian yang memikirkan bagaimana caranya mencetak data yang telah kita buat dengan PHP ke dalam bentuk Word atau Excel. Nah setelah

Lebih terperinci

Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS

Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Oleh: Ardie Jocong pada tutorial ini saya akan mencoba menjelaskan Bagaimana Membuat Desain Layout Website dengan Menggunakan HTML5 dan CSS.. Okeh Langsung

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background

Lebih terperinci

108

108 LAMPIRAN 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 KODE PROGRAM 1. Script Konsultasi 1.

Lebih terperinci

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut: Aplikasi Update Profil Aplikasi Update sebaiknya dibuat setelah registrasi, login dan otentikasi selesai karena untuk melihat profil harus melalui sebuah kunci yang dijadikan kriteria where pada query

Lebih terperinci

Pembuatan Database PT. Fanitra Indotama. CREATE DATABASE fanitra; USE fanitra; Table structure for table 'guestbook'

Pembuatan Database PT. Fanitra Indotama. CREATE DATABASE fanitra; USE fanitra; Table structure for table 'guestbook' Pembuatan Database PT. Fanitra Indotama CREATE DATABASE fanitra; USE fanitra; Table structure for table 'guestbook' CREATE TABLE guestbook ( no int(10) auto_increment PRIMARY KEY, nama char(20), email

Lebih terperinci

1. Membuat Kerangka Website dengan Table

1. Membuat Kerangka Website dengan Table Pada Postingan Kali ini saya akan sedikit berbagi tentang dasar "Membuat Website Berbasis HTML" dengan menggunakan "Macromedia Dreamweaver MX ", Kenapa menggunakan Macromedia Dreamweaver MX, sedangkan

Lebih terperinci

Pemrograman Web Sisi Client Pertemuan 3 PI

Pemrograman Web Sisi Client Pertemuan 3 PI Pemrograman Web Sisi Client Pertemuan 3 PI Oleh : Hasanuddin, S.T. Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Ahmad Dahlan Yogyakarta Topik Pendahuluan HTML CSS JavaScript

Lebih terperinci

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Menciptakan dokumen HTML dengan

Lebih terperinci

LAMPIRAN. Universitas Sumatera Utara

LAMPIRAN. Universitas Sumatera Utara LAMPIRAN rsud - Dr. H. Kumpulan Pane Tebing Tinggi rsud

Lebih terperinci

P - 5 Bab 4 : HTML (Hypertext Markup Language)

P - 5 Bab 4 : HTML (Hypertext Markup Language) P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep

Lebih terperinci

Tutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP

Tutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP Tutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP Dalam tutorial berikut penulis langsung ke topik permasalahan, Anda yang belum paham bisa melihat / download tutorial sebelumnya mengenai PHP,MySQL,

Lebih terperinci

Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w

Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w Tentang CSS Adalah standart pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color, text dan table menjadi lebih ringkas sehingga

Lebih terperinci

Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image

Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang

Lebih terperinci

2011 Ahmad Amarullah

2011 Ahmad Amarullah 1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini

Lebih terperinci

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah. A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C

Lebih terperinci

DAFTAR PUSTAKA. Irwanto, Djon. S.Kom., MM, Perancangan Object Oriented Software Dengan UML. C.V ANDI OFFSET, Yogyakarta, 2006

DAFTAR PUSTAKA. Irwanto, Djon. S.Kom., MM, Perancangan Object Oriented Software Dengan UML. C.V ANDI OFFSET, Yogyakarta, 2006 DAFTAR PUSTAKA Irwanto, Djon. S.Kom., MM, Perancangan Object Oriented Software Dengan UML. C.V ANDI OFFSET, Yogyakarta, 2006 Munawar. Pemodelan Visual Dengan UML. GRAHA ILMU, Jakarta, 2005 Afriyudi, M.Kom.

Lebih terperinci

Introduksi. Team Training SMK-TI I-58

Introduksi. Team Training SMK-TI I-58 Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip

Lebih terperinci

Condition dan Function

Condition dan Function J A M K E L I M A Condition dan Function l l l l l l Statemen Logika Statemen Perulangan Membuat Function Manipulasi String Latihan Jam Kelima Soal Jam Kelima Jam Kelima Statemen Logika Apabila berbicara

Lebih terperinci

Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Memahami perkembangan HTML5.

Lebih terperinci

Modul Pemrograman Web Teori + Praktik PHP, XML, Ajax, Laravel

Modul Pemrograman Web Teori + Praktik PHP, XML, Ajax, Laravel Modul Pemrograman Web Teori + Praktik PHP, XML, Ajax, Laravel 2015 Pertemuan V PHP DAN MySQL 5.1 Ringkasan Materi PHP-MySQL Fungsi-fungsi php untuk berkomunikasi dengan mysql begitu banyak. Diantaranya

Lebih terperinci

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah dilakukannya analisa dan perancangan sistem pada bab sebelumnya, lalu langkah selanjutnya adalah implementasi dan pengujian sistem dimana didalam

Lebih terperinci

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru?

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? LAMPIRAN Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. Indonesia News Center. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? Jawab: Ya, kami membutuhkan

Lebih terperinci

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat ) MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML

Lebih terperinci