Listing Program. Universitas Sumatera Utara

Ukuran: px
Mulai penontonan dengan halaman:

Download "Listing Program. Universitas Sumatera Utara"

Transkripsi

1 Listing Program style.css body { text-align: justify; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: small; text-align: justify; color: #555E4F; background-color: #A7ADF5; h1, h2, h3, h4, h5 { margin: 0; #header { width:800px; height:150px; margin: auto; padding: 0; border: 10px solid #3366CC; border-bottom:5px solid #0066FF ; background: #788770; #header h1 { float: left; margin: 20px px; font-size: 50px; letter-spacing: -7px; color: #323B2E;

2 #header h2 { float: right; margin: 40px 20px 0 0; font-size: 18px; letter-spacing: -2px; a { color: #323B2E; text-decoration: none; a:hover { color: #555E4F; text-decoration: none; #menu1 { float: left; width: 100px; margin: 0px auto; padding-bottom: 20px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #323B2E; #menu1 ul { margin: 0px; list-style: none;

3 padding: 0px; #menu1 li { #menu1 a { display: block; width: 190px; padding: 12px 0px; background-color: #5364D7; border-top: 1px solid #323B2E; border-bottom: 1px solid #788770; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #FFFFFF; #menu1 a:hover { background-color: #B0C0F9; border-top: 1px solid #000099; border-bottom: 1px solid #000099; #content { width: 800px; margin: 0 auto; border: 10px solid #3366CC; border-top:5px solid #0066FF; background: #97ABFB;

4 #colone { float: left; width: 190px; margin-top: 20px; padding: 0 10px 0 20px; #coltwo { float: right; margin-top: 20px; width: 440px; padding: 0 20px 0 20px; #content h2 { margin-bottom: 20px; font-size: 18px; letter-spacing: -2px; table{ border: 1px solid #000000; font-size:12px; #footer { width: 800px; margin: 0 auto; padding-top: 20px; #footer p { text-align: center; padding: 0;

5 font-size: 10px; index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>sma HANG TUAH BELAWAN</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css"/> <style type="text/css"> <!--.style1 {color: # > </style> </head> <body> <div id="header"><img border="2" src="foto/header.jpg"align="top" width="800" height="150"/> <div id="content">

6 <div id="colone"> <div id="menu1"> <ul> <li id="menu-01"><a href="home1.php">home</a></li> <li id="menu-02"><a href="profil.php">profil</a></li> <li id="menu-03"><a href="visi.php">visi misi </a></li> <li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li> <li id="menu-05"><a href="form_tamu.php">buku tamu </a></li> <li id="menu-05"><a href="admin1/formlogin.php">administrator </a></li> <li></li> </ul> <div id="leftcontent"> <p> <?php include "kalender.php";?> </p> <div class="margin-news"> <h2> </h2> <p> <?php if (empty($hal)){

7 include "./home.php"; else{ include "./$hal.php";?> </p> <div style="clear: both;"> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> home.php <style type="text/css"> <!--.style1 { font-family: "Times New Roman", Times, serif; font-size: 16px;.style3 {font-size: 16px.style6 {font-size: 12px

8 --> </style> <p> <p> <p> <h3 class="style8"> Selamat Datang di Website SMA Hang Tuah Belawan </h3> </p> <hr size= 5 noshade width=60% align=left /> <p align="justify"> <h6 align="justify" class="style3"><img border="2" img src="foto/foto049.jpg" align="left" width="250" height="150" hspace="5" /><span class="style1 style6"> Website SMA Hang Tuah ini merupakan sebuah inovasi sekolah dalam menghadapi era teknologi informasi yang semakin pesat. Dimana melalui website ini diharapkan bisa menjadi sarana atau media untuk mempublikasikan informasiinformasi tentang SMA Hang Tuah Belawan. Situs ini diperuntukkan bagi siapa saja yang ingin memperoleh informasi tentang sekolah ini. </span></h6> <h6 align="justify" class="style1 style6">saran dan masukan dari semua pihak akan selalu kami terima dengan senang hati. Terima kasih.</h6> <p align="justify" class="style1 style6"> </p> <h6 align="right" class="style7 style1 style6">kepala SMA Hang Tuah Medan,</h6> <p align="right" class="style7 style1 style6"> </p> <h6 align="right" class="style7 style1 style6">akbar, SS.</h6> </p> </h6> profil.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates

9 Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>sma Hang Tuah Belawan</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!--.style1 { --> </style> </head> <body> font-size: 18px; font-weight: bold; <div id="header"><img border="2" src="foto/header.jpg"align="top" width="800" height="150"/> <div id="content"> <div id="colone"> <div id="menu1"> <ul> <li id="menu-01"><a href="home1.php">home</a></li> <li id="menu-02"><a href="profil.php">profil</a></li>

10 <li id="menu-03"><a href="visi.php">visi misi </a></li> <li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li> <li id="menu-05"><a href="form_tamu.php">buku tamu </a></li> <li id="menu-05"><a href="admin1/formlogin.php">administrator </a></li> </ul> <div class="margin-news"> <h2> </h2> <h3> </h3> <h3>id Sekolah SMA Hang Tuah Belawan </h3> <hr size= 5 noshade width=53% align=left /> </p> </p> <table width="419" height="326" border="6"> <tr> <th width="163" scope="row">no.statistik</th> <td width="288"><div align="center"> </td> <tr> <th scope="row">nama Sekolah </th> <td><div align="center">sma Hang Tuah Belawan </td> <tr>

11 <th scope="row">tingkat Sekolah </th> <td><div align="center">sma</td> <tr> <th scope="row">status Sekolah </th> <td><div align="center">disamakan</td> <tr> <th scope="row">jenis Sekolah </th> <td><div align="center">sekolah Menengah Umum </td> <tr> <th scope="row">alamat</th> <td><div align="center">jl.raden Sullian Belawan</td> <tr> <th scope="row">kota</th> <td><div align="center">medan</td> <tr> <th scope="row">kecamatan</th> <td><div align="center">medan Belawan </td> <tr> <th scope="row">provinsi </th> <td><div align="center">sumatera Utara </td> <tr> <th scope="row">telpon</th>

12 <td><div align="center"> </td> </table> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> struktur.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" />

13 <title>sma Hang Tuah Belawan</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!--.style1 { --> </style> </head> <body> font-size: 18px; font-weight: bold; <div id="header"><img border="2" src="foto/header.jpg"align="top" width="800" height="150"/> <div id="content"> <div id="colone"> <div id="menu1"> <ul> <li id="menu-01"><a href="home1.php">home</a></li> <li id="menu-02"><a href="profil.php">profil</a></li> <li id="menu-03"><a href="visi.php">visi misi </a></li> <li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li> <li id="menu-05"><a href="form_tamu.php">buku tamu </a></li>

14 <li id="menu-05"><a href="admin1/formlogin.php">administrator </a></li> <li></li> </ul> <div class="margin-news"> <h2> </h2> <p> <center> </span> <span class="style2">struktur Organisasi SMA Hang Tuah Belawan </center> <hr size= 5 noshade width=72% align=left /> <br> <img border="2" src="foto/struktur.jpg" align="center" width="525" height="525" hspace="5" /> </p> <div style="clear: both;"> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p>

15 </body> </html> menampilkanguru.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>sma Hang Tuah Belawan</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!--.style1 { --> </style> </head> font-size: 18px; font-weight: bold;

16 <body> <div id="header"><img border="2" src="foto/header.jpg"align="top" width="800" height="150"/> <div id="content"> <div id="colone"> <div id="menu1"> <ul> <li id="menu-01"><a href="home1.php">home</a></li> <li id="menu-02"><a href="profil.php">profil</a></li> <li id="menu-03"><a href="visi.php">visi misi </a></li> <li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li> <li id="menu-05"><a href="form_tamu.php">buku tamu </a></li> <li id="menu-05"><a href="admin1/formlogin.php">administrator </a></li> </ul> <div class="margin-news"> <h2> </h2> <?php include "koneksi.php"; $tampil="select * from guru"; $hasil=mysql_query($tampil); echo"<body bgcolor='black'>";

17 echo"<style type = 'text/css'> <!-- th { font-weight : bold; background-color:black; color : white; tr { background-color: silver; color: black; --> </style>"; echo"<table border=1>"; echo"<h3>daftar Data Guru</h3>"; echo"<tr><th>no. </th> <th>nama Guru</th> <th>ttl </th> <th>bidang Studi</th> <th>jenis Kelamin</th>"; $nomor=1; while($data=mysql_fetch_row($hasil)) { echo "<tr><td>$nomor</td>"; echo "<td>$data[1]</td>"; echo "<td>$data[2]</td>"; echo "<td>$data[3]</td>"; echo "<td>$data[4]</td>"; $nomor++; echo"</table>"; echo "<a href='index.php'>kembali</a>";?>

18 <div style="clear: both;"> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> visi.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>sma Hang Tuah Belawan</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css">

19 <!--.style1 { --> </style> </head> <body> font-size: 18px; font-weight: bold; <div id="header"><img border="2" src="foto/header.jpg"align="top" width="800" height="150"/> <div id="content"> <div id="colone"> <div id="menu1"> <ul> <li id="menu-01"><a href="home1.php">home</a></li> <li id="menu-02"><a href="profil.php">profil</a></li> <li id="menu-03"><a href="visi.php">visi misi </a></li> <li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li> <li id="menu-05"><a href="form_tamu.php">buku tamu </a></li> <li id="menu-05"><a href="admin1/formlogin.php">administrator </a></li> </ul> <div class="margin-news"> <h2> </h2>

20 <h3> </h3> <h3 class="style2">visi SMA Hang Tuah Belawan :</h3> <hr size= 5 noshade width=60% align=left /> </p> <p align="justify"><span class="style1"></span> MENCIPTAKAN SUMBER DAYA MANUSIA YANG BERWAWASAN IPTEK DAN IMTAQ SERTA CINTA TANAH AIR DENGAN MEMILIKI APRESIASI YANG TINGGI TERHADAP BUDAYA DAN MARITIM<br> </p> <p align="justify"> </p> <h3 class="style2">misi SMA Hang Tuah Belawan :</h3> <hr size= 5 noshade width=60% align=left /> <p>1. MENINGKATKAN KINERJA FUNGSIONAL, STAF PENGAJAR, </p> <p>guru BP/BK YANG DIARAHKAN UNTUK MENGAJAR/MENDIDIK SISWA</p> <p>2. MENINGKATKAN DISIPLIN SELURUH PERSONIL YANG ADA BAIK GURU, TU MAUPUN SISWA.</p> <p>3. MELENGKAPI SARANA DAN PRASARANA YANG BAIK YANG ADA MAUPUN</p> <p> YANG BELUM ADA, SESUAI DENGAN TUNTUTAN KURIKULUM TINGKAT SATUAN </p> <p>pendidik (KTSP). </p> <p>4. MENINGKATKAN MUTU PENDIDIKAN YANG BERWAWASAN IPTEK, BUDAYA DAN MARITIM. </p> </p> <p align="justify"> </p>

21 <div style="clear: both;"> fas.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>sma Hang Tuah Belawan</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!--.style1 { --> </style> </head> font-size: 18px; font-weight: bold;

22 <body> <div id="header"><img border="2" src="foto/header.jpg"align="top" width="800" height="150"/> <div id="content"> <div id="colone"> <div id="menu1"> <ul> <li id="menu-01"><a href="home1.php">home</a></li> <li id="menu-02"><a href="profil.php">profil</a></li> <li id="menu-03"><a href="visi.php">visi misi </a></li> <li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li> <li id="menu-05"><a href="form_tamu.php">buku tamu </a></li> <li id="menu-05"><a href="admin1/formlogin.php">administrator </a></li> </ul> <div class="margin-news"> <h2> </h2> <span class="style2">fasilitas SMA HANG TUAH BELAWAN </span><br> <br> <center> <table align="center" border="0" cellspacing="10">

23 <tr valign="bottom"><td align="center"><img border="2" src="foto/foto041.jpg" align="top" width="150" height="100" hspace="5" /></a> <br> Lab Biologi</td> <td align="center"><img border="2" src="foto/foto075.jpg" align="top" width="150" height="100" hspace="5" /></a> <br> Ruang Komputer</td> <td align="center"><img border="2" src="foto/foto048.jpg" align="top" width="150" height="100" hspace="5" /></a> <br> Perpustakaan</td> <td align="center"> </td> <tr valign="bottom"><td align="center"><img border="2" src="foto/foto042.jpg" align="top" width="150" height="100" hspace="5" /></a> <br> Ruang Kesenian</td> <td align="center"><img border="2" src="foto/foto039.jpg" align="top" width="150" height="100" hspace="5" /> <br> Lapangan Basket</td> <td align="center"><img border="2" src="foto/foto036.jpg" align="top" width="150" height="100" hspace="5" /></a> <br> Musholla</td> <td align="center"> </td> <tr valign="bottom"><td align="center"></a>

24 <br></td> <td align="center"><a href="pages/belgian Tervueren17_jpg.htm"></a> <br></td> <td align="center"><a href="pages/belgian Tervueren8_jpg.htm"></a> <br></td> <td align="center"> </td> <tr valign="bottom"><td align="center"><a href="pages/rough collie5_jpg.htm"></a> <br></td> <td align="center"><a href="pages/rough collie9_jpg.htm"></a> <br></td> <td align="center"><a href="pages/samoyed17_jpg.htm"></a> <br></td> </table> </center> <div align="right"><a href="fas1.php"></a> <div style="clear: both;"> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html>

25 koneksi.php <?php $link=mysql_connect("localhost","root",""); mysql_select_db("smahangtuah",$link);?> tabel_tamu.php </ul> <div class="margin-news"> <h2> </h2> <p> <? include"koneksi.php"; $tampil="select * from data_tamu"; $hasil=mysql_query($tampil); echo"<body bgcolor='black'>"; echo"<style type = 'text/css'> <!-- th { font-weight : bold; background-color:black; color : white; tr { background-color: silver; color: black; -->

26 </style>"; echo"<table border=1>"; echo"<h3>buku Tamu</h3>"; echo"<tr><th>no. </th> <th>nama</th> <th>tanggal</th> <th> </th> <th>pesan</th>"; $nomor=1; while($data=mysql_fetch_row($hasil)) { echo "<tr><td>$nomor</td>"; echo "<td>$data[2]</td>"; echo "<td>$data[1]</td>"; echo "<td>$data[5]</td>"; echo "<td>$data[6]</td>"; $nomor++; echo"</table>";?> </p> <div style="clear: both;">

27 <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> simpan_tamu.php <?php include "koneksi.php"; $tanggal=date("y-m-d"); mysql_query("insert into data_tamu set id='', tanggal='$tanggal', nama='$_request[nama]', pesan='$_request[pesan]' ");?> check_login.php <?php include "koneksi.php"; $username=$_post['username']; $password=$_post['password'];

28 $username = stripslashes($username); $password = stripslashes($password); $username = mysql_real_escape_string($username); $password = mysql_real_escape_string($password); $sql="select * FROM $tb_user WHERE username='$username' and password='$password'"; $result=mysql_query($sql); session_register("username"); session_register("password"); header("location:login_success.php"); echo "Wrong Username or Password"; ob_end_flush();?> formlogin.php <html><head> <title></title> <body> <div id="header"><img border="2" src="header.jpg"align="top" width="800" height="150"/> <script language="javascript"> function validasi(form){

29 if (form.username.value == ""){ alert("anda belum mengisikan Username."); form.username.focus(); return (false); if (form.password.value == ""){ alert("anda belum mengisikan Password."); form.password.focus(); return (false); return (true); </script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body OnLoad="document.login.username.focus();"> <div id="header"> <p><img src="login-welcome.gif" width="97" height="105" hspace="10" align="left"> </p> <form name="login" action="proses.php" method="post" onsubmit="return validasi(this)"> <table> <tr><td>username</td><td> : <input type="text" name="username"></td> <tr><td>password</td><td> : <input type="password" name="password"></td>

30 <tr><td colspan="2"><input type="submit" value="login"></td> </table> </form> <div id="footer"> Copyright 2012 by SMA Hang Tuah </body> </html> login_success.php <? session_start(); if(!session_is_registered(myusername)){ header("location:formlogin.php");?> <html> <body> Login Successful </body>

31 </html> proses_tambah_guru.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>sma HANG TUAH BELAWAN</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css"/> <style type="text/css"> <!--.style1 {color: # > </style> </head> <body> <div id="header"><img border="2" src="header.jpg"align="top" width="800" height="150"/> <div id="content">

32 <div id="colone"> <div id="menu1"> <ul> <li id="menu-01"><a href="guru_add.php">tambah Guru</a></li> <li id="menu-01"><a href="guru_edit.php">edit Guru</a></li> <li id="menu-01"><a href="logout.php">logout</a></li> <li></li> </ul> <div id="page"> <?php <div class="margin-news"> <h2> </h2> include "koneksi.php"; $input="insert INTO guru values(0,'$_post[nama]','$_post[ttl]','$_post[bidstudi]','$_post[jk]')"; $hasil=mysql_query($input); if ($hasil){?> echo"<br><br>data berhasil dimasukkan."; <div style="clear: both;">

33 <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> guru_add.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>tambah Guru</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css"/> <style type="text/css"> <!--.style1 {color: # > </style> </head>

34 <body> <div id="header"><img border="2" src="header.jpg"align="top" width="800" height="150"/> <div id="content"> <div id="colone"> <div id="menu1"> <ul><li id="menu-01"><a href="guru_add.php">tambah Guru</a></li> <li id="menu-01"><a href="guru_edit.php">edit Guru</a></li> <li id="menu-01"><a href="logout.php">logout</a></li> <li></li> </ul> <div id="page"> <div class="margin-news"> <h2> </h2> <p> <body> <h1 align="center">input Data Guru</h1> <form action="proses_tambah_guru.php" method="post"> <table width="70%" border="0" cellpadding="2" cellspacing="2"> <tr> <th width="21%" scope="col"><div align="left">nama Guru</th>

35 <th width="79%" scope="col"><div align="left"> <input type="text" name="nama" class="width50"/> </th> <tr> <td>tempat Tgl Lhr</td> <td><input type="text" name="ttl" class="width50"/></td> <tr> <td>bidang Studi</td> <td><input type="text" name="bidstudi" class="width50"/></td> <tr> <td>jenis Kelamin</td> <td><select name="jk"> <option value="pria">pria</option> <option value="wanita">wanita</option> </select></td> <tr> <td><label></label></td> <td><input name="submit" type="submit" class="button" value="submit"/> <input name="reset" type="reset" class="button" value="reset"/></td> </table> <td align="center" colspan="2"><label> </label></td> </p> </form> </body>

36 </p> <div style="clear: both;"> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> proses_ubah_data.php <?php include "koneksi.php"; $ubah="update guru set nama='$_post[nama]', ttl='$_post[ttl]', bidstudi='$_post[bidstudi]', jk='$_post[jk]' where no='$_post[no]'"; mysql_query($ubah); header("location:./guru_edit.php");?>

37 guru_edit.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>edit Guru</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css"/> <style type="text/css"> <!--.style1 {color: # > </style> </head> <body> <div id="header"><img border="2" src="header.jpg"align="top" width="800" height="150"/> <html> <head> <title>data Guru</title> </head> <body>

38 <p align="center"><span style="text-transform:uppercase">data Guru</span></p> <table border="1" width="100%" cellspacing="1" cellpadding="0" id="table1"> <tr <td align="center"><b>no</b></td> <td align="center"><b>nama</b></td> <td align="center"><b>ttl</b></td> <td align="center"><b>bidang Studi</b></td> <td align="center"><b>jenis Kelamin</b></td> <td align="center"><b>keterangan</b></td> <?php include "koneksi.php"; $cari="select*from guru"; $hasil=mysql_query($cari); while($data=mysql_fetch_row($hasil)){ echo"<tr> <td>$data[0]</td> <td>$data[1]</td> <td>$data[2]</td> <td>$data[3]</td> <td>$data[4]</td> <td> <a href=\"ubah_data.php?id=$data[0]\">ubah</a> <a href=\"proses_hapus.php?id=$data[0]\">hapus</a></td> ";?> </table>

39 <a href="index.php">kembali</a></li> </body> </html> </p> <div style="clear: both;"> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> ubah_data.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Design by Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License

40 --> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>sma HANG TUAH BELAWAN</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css"/> <style type="text/css"> <!--.style1 {color: # > </style> </head> <body> <div id="header"><img border="2" src="header.jpg"align="top" width="800" height="150"/> <div id="content"> <div id="colone"> <div id="menu1"> <ul> Guru</a></li> Guru</a></li> <li id="menu-01"><a href="guru_add.php">tambah <li id="menu-01"><a href="guru_edit.php">edit <li id="menu-01"><a href="logout.php">logout</a></li>

41 <li></li> </ul> <div id="page"> <div class="margin-news"> <h2> </h2> <p> <body> <h1 align="center">edit Data Guru</h1> <form action="proses_ubah_data.php" method="post"> <tr> <table width="70%" border="0" cellpadding="2" cellspacing="2"> <?php?> include "koneksi.php"; $edit="select * from guru where no='$_get[id]'"; $hasil=mysql_query($edit); while ($data=mysql_fetch_array($hasil)) { <th width="21%" scope="col"><div align="left">nama Guru</th> <th width="79%" scope="col"><div align="left"> <input name="nama" type="text" class="width50" value="<?php echo $data[1];?>" size="50"/> /> <input name="no" type="hidden" id="no" value="<?php echo $data[0];?>" </th>

42 <tr> <td>tempat Tgl Lhr</td> <td><input name="ttl" type="text" class="width50" value="<?php echo $data[2];?>" size="50"/></td> <tr> <td>bidang Studi</td> <td><input name="bidstudi" type="text" class="width50" value="<?php echo $data[3];?>" size="40"/></td> <tr> <td>jenis Kelamin</td> <td><select name="jk"> <option value="pria">pria</option> <option value="wanita">wanita</option> </select></td> <tr> <td><label></label></td> <td><input name="submit" type="submit" class="button" value="u p d a t e"/></td> </form> </body> </p> </table> <?php?> <td align="center" colspan="2"><label> </label></td> </p>

43 <div style="clear: both;"> <div id="footer"> <p>copyright 2012<a href=" SMA Hang Tuah Belawan </strong></a></p> </body> </html> kirim_data.php <? include"connect.php"; if($nama=="" $alamat=="" $kota=="" $ =="" $pesan==""){ $pesan="formulir belum lengkap"; elseif(!ereg("[a-za-z]",$kota)){ $pesan="penulisan kota tidak benar"; elseif($ && $pesan='penulisan Tidak Benar; else{ $tanggal=date("d M Y"); $baca=mysql_query("select*from smahangtuah where pesan='$pesan'"); $t=mysql_num_rows($baca);

44 if($t==0){ $pesan=str_replace(" ","<br>",$pesan); $pesan=str_replace("\\","",pesan); $nama=str_replace("\\","",$nama); $alamat=str_replace("\\","",$alamat); $kota=str_replace("\\","",$kota); $kota=ucfirst($kota); $add=mysql_query("insert into data_tamu(tanggal, nama, alamat, kota, , pesan) values('$tanggal','$alamat','$kota','$ ','$pesan')"); $pesan="beres"; header("location:./data_tamu.php?p=0"); else{ $pesan="data sudah dimasukkan"; echo"$pesan";?>

45

LAMPIRAN. Universitas Sumatera Utara

LAMPIRAN. Universitas Sumatera Utara LAMPIRAN 66 LAMPIRAN A : TAMPILAN PROGRAM Tampilan Halaman Utama (Home) Tampilan Halaman Buku Tamu 67 Tampilan Halaman Guru Dan Siswa Tampilan Halaman Portal Akademik Siswa 68 Tampilan Halaman Login Portal

Lebih terperinci

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE

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

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

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

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

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

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

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

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

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

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

LAMPIRAN A : TAMPILAN PROGRAM

LAMPIRAN A : TAMPILAN PROGRAM LAMPIRAN A : TAMPILAN PROGRAM Tampilan Halaman Utama (Home) Tampilan Halaman Pengumuman Tampilan Halaman Profile Visi dan Misi Tampilan Halaman Profile Struktur Organisasi Tampilan Halaman Profile Sarana

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

LAMPIRAN. Universitas Sumatera Utara

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

Lebih terperinci

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N A Listing program a. Categories categories home profile administration

Lebih terperinci

BAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN

BAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN BAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN 4.1 Implementasi Implementasi diterapkan dengan maksud agar sistem yang telah dibuat dapat berjalan secara efektif dan dapat membantu kebutuhan operator dilapangan

Lebih terperinci

LAMPIRAN A : TAMPILAN PROGRAM

LAMPIRAN A : TAMPILAN PROGRAM LAMPIRAN A : TAMPILAN PROGRAM Tampilan Halaman Utama (Home) Tampilan Halaman Buku Tamu Tampilan Halaman Guru Dan Siswa Tampilan Halaman Portal Akademik Siswa Tampilan Halaman Login Portal Akademik Setelah

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

Kartu Bimbingan Tugas Akhir Mahasiswa

Kartu Bimbingan Tugas Akhir Mahasiswa KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 82144290, Fax. (061)

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

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

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

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

LISTING PROGRAM. Index.php

LISTING PROGRAM. Index.php 51 LISTING PROGRAM Index.php

Lebih terperinci

LAMPIRAN. Source Code: Koneksi: <? mysql_connect("localhost","sa","sa"); mysql_select_db("hrd");?> Seleksi Karyawan: <? include("sessionrequest.

LAMPIRAN. Source Code: Koneksi: <? mysql_connect(localhost,sa,sa); mysql_select_db(hrd);?> Seleksi Karyawan: <? include(sessionrequest. LAMPIRAN Source Code: Koneksi: mysql_connect("localhost","sa","sa"); mysql_select_db("hrd"); Session Request: if(isset($_request["user"])) session_id($_request["user"]); session_start(); $user = $_REQUEST["user"];

Lebih terperinci

LAMPIRAN Source Code Untuk Menampilkan Halaman Home

LAMPIRAN Source Code Untuk Menampilkan Halaman Home LAMPIRAN Source Code Untuk Menampilkan Halaman Home memanggil file koneksi.php untuk membuat sebuah koneksi ke database include 'koneksi.php'; $q="select * FROM buku order by id_buku desc limit 0,5"; $q=mysql_query($q);

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 PUSTAKA Adelheid, Andrea & Khairi Nst, 2012. Buku Pintar Menguasai PHP MySQL. Jakarta: Mediakita. Anhar, 2010. Panduan Menguasai PHP & MySQL. Jakarta: Mediakita. Kurniawan, Rulianto, 2010. PHP &

Lebih terperinci

Latihan Aplikasi Pertamaku

Latihan Aplikasi Pertamaku Latihan Aplikasi Pertamaku Alhamdulillahirobbil 'alamin, akhirnya aku bisa menyelesaikan Latihan Aplikasiku yang pertama. Aplikasi latihanku ini berfungsi untuk pengentrian data, pengeditan data dan pencarian

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

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

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

Universitas Sumatera Utara

Universitas Sumatera Utara L A M P I R A N KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8214290, 8211212, 8211414 Fax. (061)

Lebih terperinci

LAMPIRAN. Source code halaman utama:

LAMPIRAN. Source code halaman utama: LAMPIRAN Source code halaman utama:

Lebih terperinci

LISTING PROGRAM WEBSITE

LISTING PROGRAM WEBSITE LISTING PROGRAM WEBSITE 1. Index.php

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

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

Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :... (boleh tidak diisi)

Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :... (boleh tidak diisi) Bagian I Pernyataan pada bagian I merupakan pernyataan yang berhubungan dengan identitas responden. Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :...

Lebih terperinci

<script type="text/javascript" src="js/cal.js"></script> <link href="css/cal.css" rel="stylesheet" type="text/css">

<script type=text/javascript src=js/cal.js></script> <link href=css/cal.css rel=stylesheet type=text/css> 52 LAMPIRAN A. LISTING PROGRAM 1. Halaman Input Data session_start(); //echo "$_SESSION[sipptNama]"; if($_session[sipptnama]=="" or $_SESSION[sipptUsername]=="GUEST"){ alert('maaf...!silahkan

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

KAJIAN 3 Web Responsive

KAJIAN 3 Web Responsive KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan

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

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

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

LAMPIRAN A: TAMPILAN WEBSITE

LAMPIRAN A: TAMPILAN WEBSITE LAMPIRAN A: TAMPILAN WEBSITE A1. Halaman Index.php A2. Halaman Admin A3. Halaman Registrasi Buku Tamu A4. Halaman Registrasi Guru A5. Halaman Registrasi Alumni A6. Halaman Registrasi Siswa TAMPILAN B:

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

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 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

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

Modul 3 CSS CASCADE STYLE SHEET

Modul 3 CSS CASCADE STYLE SHEET Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran

Lebih terperinci

Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS

Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS Oleh: Rahmat Menghias blog/web boleh saja tetapi tentunya juga harus memperhatikan kenyamanan visitor yang akan berkunjung ke web anda. Oleh sebab

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

PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL

PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL Nama : Yudhi Prasongko NPM : 58410729 Jurusan : Teknik Informatika Pembimbing : Sularno, SKom, MM LATAR BELAKANG 1. Informasi mengenai produk perlengkapan

Lebih terperinci

Design Web Dengan 2 Kolom

Design Web Dengan 2 Kolom Design Web Dengan 2 Kolom Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

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

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

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

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

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

Yayan Mulyana

Yayan Mulyana Yayan Mulyana CSS merupakan materi yang WAJIB kita kuasai sebagai web Designer, karena dengan CSS kita bisa membangun sebuah website dengan rancangan desain yang efektif dan fleksibel

Lebih terperinci

Disain Website Perpustakaan Dengan PHP

Disain Website Perpustakaan Dengan PHP Disain Website Perpustakaan Dengan PHP Oleh Aroem Andajani Pustakawan Penyelia Ruang Baca Fakultas Teknologi Kelautan ITS Abstrak Perpustakaan adalah sebagai tempat penyimpanan informasi yang sangat berharga

Lebih terperinci

BAB V SIMPULAN DAN SARAN. Sistem pengambilan keputusan menggunakan metode multifactor

BAB V SIMPULAN DAN SARAN. Sistem pengambilan keputusan menggunakan metode multifactor BAB V SIMPULAN DAN SARAN A. Simpulan Berdasarkan hasil penelitian, perancangan dan implementasi maka dapat disimpulkan: Sistem pengambilan keputusan menggunakan metode multifactor evaluation process (MFEP)

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

LAMPIRAN. 1. Listing Program pada website sekolah. index.php

LAMPIRAN. 1. Listing Program pada website sekolah. index.php LAMPIRAN 1. Listing Program pada website sekolah index.php sd Swasta Adhyaksa Medan

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

BAB 4 PERANCANGAN LAYAR

BAB 4 PERANCANGAN LAYAR BAB 4 PERANCANGAN LAYAR 4.1 User Interface User Interface desaign adalah merupakan sebuah bagian dari bidang studi yang di sebut interaksi manusia dengan komputer. User interface merupakan bagian yang

Lebih terperinci

Membuat Duplikasi Form dengan Jquery (Dynamic Form)

Membuat Duplikasi Form dengan Jquery (Dynamic Form) Membuat Duplikasi Form dengan Jquery (Dynamic Form) Oleh: Dimas Agung Noviyanto Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus

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

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

LAMPIRAN. A. Source Code Halaman Utama

LAMPIRAN. A. Source Code Halaman Utama A. Source Code Halaman Utama LAMPIRAN include 'config/config.php'; include 'config/statistik.php'; sa-prol

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

1. Halaman Home. 2. Halaman Profil. Universitas Sumatera Utara

1. Halaman Home. 2. Halaman Profil. Universitas Sumatera Utara 1. Halaman Home 2. Halaman Profil 3. Halaman Visi dan Misi 4. Halaman Guru 5. Halaman Data Guru 6. Halaman Siswa 7. Halaman Data Siswa 8. Halaman Rapor Online 9. Halaman Depan Rapor Online 10. Halaman

Lebih terperinci

LISTING PROGRAM. 1. Koneksi.php

LISTING PROGRAM. 1. Koneksi.php LISTING PROGRAM 1. Koneksi.php $hostname ="localhost"; $dbuser="root"; $dbpasswd="mila"; $dbname="disperindag_db"; $koneksi= mysql_connect ($hostname,$dbuser,$dbpasswd) or die (mysql_error()); mysql_select_db

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

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

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) JL. BIOTEKNOLOGI NO. 1 KAMPUS USU Telp. (061) 82144290 MEDAN 20155 KARTU BIMBINGAN TUGAS

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

Praktikum 3 Cookie, Session, dan Database MySQL

Praktikum 3 Cookie, Session, dan Database MySQL Praktikum Cookie, Session, dan Database MySQL Tujuan Praktikum : Memberikan pemahaman kepada mahasiswa tentang cookie dan bagaimana menggunakannya. Memberikan pemahaman kepada mahasiswa tentang session

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

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

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

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

BAB I. HTML (Hypertext Markup Language)

BAB I. HTML (Hypertext Markup Language) BAB I HTML (Hypertext Markup Language) Pendahuluan World Wide Web Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia melalui TCP/IP menjadi protokol

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

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

Nomor : /H /SPB/2010 Lamp : 1 Eks Hal : Pengumpulan Data Riset Mahasiswa Program Studi Diploma III Ilmu Komputer FMIPA

Nomor : /H /SPB/2010 Lamp : 1 Eks Hal : Pengumpulan Data Riset Mahasiswa Program Studi Diploma III Ilmu Komputer FMIPA KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 82144290, Fax. (061)

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

LAMPIRAN. dan informasi yang dibutuhkan dalam pembuatan aplikasi ini. berfokus pada penjualan pakan ternak. Tetapi, untuk produksi lainnya, PT.

LAMPIRAN. dan informasi yang dibutuhkan dalam pembuatan aplikasi ini. berfokus pada penjualan pakan ternak. Tetapi, untuk produksi lainnya, PT. L1 LAMPIRAN Wawancara Berikut merupakan hasil wawancara yang dilakukan dengan Bapak Sunya Adiputra, selaku Accounting Manager dari PT. Charoen Pokphand Indonesia, untuk mencari data dan informasi yang

Lebih terperinci

TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik

TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik www.ilmuwebsite.com Bagian 19. Membuat Halaman Website Minimalis 1 Bagian

Lebih terperinci