Postingan

Menampilkan postingan dari Juni, 2018

web modul 6

Gambar
Sebelumnya untuk melakukan pemanggilan terhadap file php, kita perlu untuk menginstalkan web server-nya terlebih dahulu. Salah satu cobtoh web server adalah XAMPP Control Panel. Setelah web server terinstall, maka kita harus menjalannya agar file php dapat dijalankan. Xampp ketika sudah terinstal dan dijalankan akan seperti ini Selain itu, ketika akan menyimpan file php, kita perlu menyimpannya pada folder xampp/htdocs/[nama folder]. Biasanya, ketika menginstal xampp pertama kali dengan setting default folder xampp akan berada di drive C:/.  Maka dari itu, file php akan disimpan pada C:/xampp/htdocs/[nama folder]. Untuk tugas kali ini, saya akan menyimpannya pada folder Modul6, maka file-file php yang akan saya buat pada tugas kali ini akan berada pada directory C:/xampp/htdocs/Modul6. Post Test : Buatlah program menggunakan javascript untuk menghitung Data Penjualan dengan tampilan sebagai berikut : Jika...

web modul 5

Gambar
Post Test : 1. Buatlah javascript. Skrip : <h1> Program Javascript Simpan data </h1> <script language="Javascript"> var nim=prompt("Masukan NIM"); var nama=prompt("Masukan Nama"); var alamat=prompt("Masukan Alamat"); var jawaban=window.confirm("Apakah data akan disimpan?"); document.write("Status Penyimpan Data : "+jawaban); document.write('<br>'); document.write("<br>NIM Anda : "+nim); document.write('<br>'); document.write("<br>Nama Anda : "+nama); document.write('<br>'); document.write("<br>Alamat Anda : "+alamat); </script> Penjelasan :   1. Fungsi document.write() pada JavaScript berfungsi menampilkan data langsung pada halaman web (bukan pada kotak dialog layaknya fungsi window.alert()), fungsi ini dapat di gunakan untuk menampilkan data langsung saat halaman web sel...

web modul 4

Gambar
Post Test : 1. Buatlah design website menampilkan gambar dengan css seperti dibawah ini : Skrip : <title> Image Transparency </title> <h1> Image Transparency </h1> <style> div.img{ margin: 5px; padding: 5px; border: 1px solid #0000ff; height: auto; widht: auto; float: left; text-align: center; } div.img{ display: inline; margin: 5px; border: 1px solid #0000ff; } div.img a:hover img{ border: 1px solid #0000ff; opacity: 0.5; } div.desc{ text-align: center; font-weight: normal; width: 120px; margin: 5px; } </style> <div class="img"> <a target="_blank" href="modul4_2.html"><img src="1.jpg" alt="1" width="110" height="90">Add a description of the image here</a></div> <a target="_blank" href="modul4_3.html"><img src="2.jpg" alt="2" ...

web modul 3

Gambar
Post Test : 1. Buatlah form login dengan jumlah password yang di inputkan sebanyak 8 karakter ! Skrip : <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <table width="405" height="169" border="0" cellpadding="0" cellspacing="0">     <tr bgcolor="#428ef6">       <td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div></td>     </tr>     <tr>       <td width="95" height="32">Username</td>       <td width="304"><label>:           <input name="username" type="text" id="username" />       </label></td>     </tr>     <tr>       <td height="26">...

web modul 2

Gambar
TEORI 2.1.    Pengertian HTML HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu text biasa, dan disebut sebagai markup language karena mengandung tanda – tanda ( tag ) tertentu yang digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik. Pada dokumen HTML yang termasuk system bypertext, maka dari itu kita tidak harus   membaca dokumen tersebut secara urut dari atas kebawah atau sebaliknya. Ciri utama HTML adalah adanya tag dan elemen. Elemen tersebut adalah HEAD ini berfungsi  memberikan informasi tentang dokumen tersebut dan BODY yang berfungsi mene...