UTS WEB

1. Script php

< !DOCTYPE html >
< html lang="en" >
< head >
< title > Tugas UTS WEB < /title >
< /head >
< body >
< dr >
< h1 > =:Sign Up Form:= < /h1 >
< FORM ACTION=" < ?php $_SERVER['PHP_SELF'];? > " METHOD="POST" >
Nama : < br > < dd > < input type="text" size="25" name="nama"
value=" < ?php
echo isset($_POST['nama']) ? $_POST['nama'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$nama = $_POST["nama"];
if (isset($nama)){
if (empty($nama)){
echo 'data Nama masih kosong';}
else
echo '';}
? > < /dd >
Email: < br > < dd > < input type="text" size="25" name="email"
value=" < ?php
echo isset($_POST['email']) ? $_POST['email'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$email = $_POST["email"];
if (isset($email)){
if (empty($email)){
echo 'data Email masih kosong';}
else
echo '';}
? > < /dd >
Alamat: < br > < dd > < input type="text" size="25" name="alamat"
value=" < ?php
echo isset($_POST['alamat']) ? $_POST['alamat'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$alamat = $_POST["alamat"];
if (isset($alamat)){
if (empty($alamat)){
echo 'data Alamat masih kosong';}
else
echo '';}
? > < /dd >
Kota: < br > < dd > < input type="text" size="25" name="kota"
value=" < ?php
echo isset($_POST['kota']) ? $_POST['kota'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$kota = $_POST["kota"];
if (isset($kota)){
if (empty($kota)){
echo 'data Kota masih kosong';}
else
echo '';}
? > < /dd >
Kode Pos: < br > < dd > < input type="text" size="25" name="kode"
value=" < ?php
echo isset($_POST['kode']) ? $_POST['kode'] : '';
? > "
/ > < br > < /dd >
< dd >
< ?php
$kode = $_POST["kode"];
if (isset($kode)){
if (empty($kode)){
echo 'data Kode Pos masih kosong';}
else
echo '';}
? > < /dd >
< br > < dd > < input type="submit" value="Process" / > < /dd > < /dr >
< ?php
if ((isset($_POST['nama'])) && (isset($_POST['email'])) && (isset($_POST['alamat'])) && (isset($_POST['kota'])) && (isset($_POST['kode'])))
{echo ' < br > Data Anda : ';
echo ' < br > Nama : ' . $_POST['nama'];
echo ' < br > Email : ' . $_POST['email'];
echo ' < br > Alamat : ' . $_POST['alamat'];
echo ' < br > Kota : ' . $_POST['kota'];
echo ' < br > Kode Pos : ' . $_POST['kode'];}
? >
< /form >
< /body >
< /html >


2. printscreen sebelum data dimasukkan




3. printscreen setelah data dimasukkan

tugas praktikum form pemesanan modul 5

1. script html

< !DOCTYPE html >
< html lang="en" >
< html >
< head >
< title > Form Pemesanan < /title >
< /head >
< body >
< script language="JavaScript" type="text/javascript" >
< !--
function itung(){
var tagihan = document.pesan;
var hrgbakso = 12000 * tagihan.harga1.value;
var hrgsoto = 10000 * tagihan.harga2.value;
var hrgmie = 15000 * tagihan.harga3.value;
var hrgdegan = 5000 * tagihan.harga4.value;
var hrgcampur = 7000 * tagihan.harga5.value;
var jumtotal = hrgbakso + hrgsoto + hrgmie + hrgdegan + hrgcampur;
if (jumtotal > 100000){
tagihan.total.value = jumtotal;
tagihan.diskon.value = 20/100*jumtotal;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
else if (jumtotal > 50000 && jumtotal < 100000){
tagihan.total.value = jumtotal;
tagihan.diskon.value = 10/100*jumtotal;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
else {
tagihan.total.value = jumtotal;
tagihan.diskon.value = 0;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
}
function del(){
document.pesan.reset();}
//-- >
< /script >
< h3 > Form Pemesanan Berbasis JavaScript < /h3 >
< form name="pesan" action="#" >
< table border="2px" >
< tr bgcolor="white" >
< th > No < /th >
< th > Makanan/Minuman < /th >
< th > Harga < /th >
< th > Pesan < /th >
< /tr >
< tr >
< td width="15px" > 1 < /td >
< td width="150px" > Bakso Istimewa < /td >
< td width="90px" > @ < input type="text" name="bakso" value="12000" size="6" readonly > < /td >
< td width="100px" > < input type="text" name="harga1" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 2 < /td >
< td > Soto Spesial < /td >
< td > @ < input type="text" name="soto" value="10000" size="6" readonly > < /td >
< td > < input type="text" name="harga2" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 3 < /td >
< td > Mie Ayam Super < /td >
< td > @ < input type="text" name="mie" value="15000" size="6" readonly > < /td >
< td > < input type="text" name="harga3" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 4 < /td >
< td > Es Degan < /td >
< td > @ < input type="text" name="degan" value="5000" size="6" readonly > < /td >
< td > < input type="text" name="harga4" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 5 < /td >
< td > Es Campur < /td >
< td > @ < input type="text" name="campur" value="7000" size="6" readonly > < /td >
< td > < input type="text" name="harga5" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Jumlah Total < /td >
< td > < input type="text" name="total" readonly > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Diskon < /td >
< td > < input type="text" name="diskon" readonly > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Jumlah Dibayar < /td >
< td > < input type="text" name="bayar" readonly align="right"/ > < /td >
< /tr >
< /table > < br/ >
< input type="button" value="BATAL" onClick="del()" / >
< /form >
< /body >
< /html >

2. printscreen

a. saat perhitungan



b. setelah di reset

studi kasus kalkulator modul 5

1. javascript

function itung(){
var operasi = document.kalkulator;
var bil1 = parseInt(operasi.bil1.value);
var bil2 = parseInt(operasi.bil2.value);
var ope = operasi.ope.value;
var hasil;
if(ope == "tambah"){
hasil = bil1 + bil2;}
else if(ope == "kurang"){
hasil = bil1 - bil2;}
else if(ope == "kali"){
hasil = bil1 * bil2;}
else{
hasil = bil1 / bil2;}
operasi.hasil.value = hasil;
}

2. script html

< !DOCTYPE html >
< html lang="en" >
< head >
< title > Tugas Buat Kalkulator < /title >
< script language="JavaScript" type="text/javascript" src="itungan.js" > < /script >
< /head >
< body bgcolor="brown" >
< h3 > < font color="Yellow" > Kalkulator Sederhana < /font > < /h3 >
< form name="kalkulator" action="#" >
< input type="text" size="5" name="bil1" >
< select name="ope" >
< option value="tambah" > + < /option >
< option value="kurang" > - < /option >
< option value="kali" > * < /option >
< option value="bagi" > / < /option >
< /select >
< input type="text" size="5" name="bil2" >
< input type="button" value="=" onclick="itung()"/ >
< input type="text" size="10" name="hasil" readonly >
< /form >
< /body >
< /html >

3. printscreen

tugas rumah modul 4

1. Script html

< !DOCTYPE html >
< html lang="en" >
< head >
< title > Tugas Rumah < /title >
< link rel="stylesheet" href="stylerumah.css" type= "text/css" / >
< /head >
< body >
< header >
< div id="gambaratas" > < /div >
< div id="teksatas" > < /div >
< /header >
< nav >
< div id="search" > Search < /div >
< div id="formsearch" > < input type="text" maxlength=80 > < /div >
< div id="download" >
< a href="download.html" > Download < /a > < /div >
< div id="community" >
< a href="community.html" > Community < /a > < /div >
< div id="guide" >
< a href="Guide.html" > Guide < /a > < /div >
< div id="theworld" >
< a href="theworld.html" > The World < /a > < /div >
< div id="news" >
< a href="news.html" > News < /a > < /div >
< /nav >
< section >
< div id="tengah" >
< article >
< /article >
< aside > < p > Dragonica (Dragon Saga Online di AS) adalah tindakan 3D sisi-bergulir MMORPG (massively multiplayer online role-playing game) yang dikembangkan oleh Barunson Interaktif. Development has been ongoing since March 2006. [ 1 ] Operation of Dragonica is relegated to different publishers for their respective regions. Pembangunan telah berlangsung sejak Maret 2006. [1] Pengoperasian Dragonica adalah diturunkan ke penerbit yang berbeda untuk daerah masing-masing. It is a free-to-play game which includes a cash shop that allows for unique customization of player's characters. [ 3 ] The game has been in Open Beta across Europe since June 10, 2009 [ 4 ] , has implemented the Kundara Content Update during August 2009 [ 5 ] and has announced that the "Tales of the Damned" expansion will be introduced during October 2009 [ 6 ] . Ini adalah free-to-play game yang termasuk toko kas yang memungkinkan penyesuaian unik's karakter pemain. [3] Permainan telah Open Beta di Eropa sejak 10 Juni 2009 [4] , telah menerapkan Konten Kundara Update pada Agustus 2009 [5] dan telah mengumumkan bahwa "Tales of the Damned" ekspansi akan diperkenalkan selama Oktober 2009 [6] . The North American Open Beta Test began on August 18, 2009. [ 7 ] Characters created during the Open Beta Test will carry over to the commercial release. [ 8 ] Amerika Utara Open Beta Test dimulai pada tanggal 18 Agustus 2009. [7] Karakter diciptakan selama Open Beta Test akan terbawa ke rilis komersial. [8]
< /aside >
< /div >
< div id="event" >
< b > EVENT < /b >
< font face=arial black color=#33cccc >
< ul >
< li > < b > < a href="puisi.html" > Puisi Vallentine Dragonica < /a > < /b >
< li > < b > < a href="imlek.html" > Event Imlek < /a > < /b >
< li > < b > < a href="masq.html" > Event Masquerade < /a > < /b >
< /ul >
< /font >
< /div >
< /section >
< footer >
< div id="bawah" >
< a href="news.html" > News < /a > | < a href="theworld.html" > The World < /a > | < a href="Guide.html" > Guide < /a > | < a href="community.html" > Community < /a > | < a href="download.html" > Downloads < /a >
< /div >
< /footer >
< /body >
< /html >


2. css

body {
margin: 10px auto;
width: 1300px;
}
header{
height:120px;
border: green;
background-image:url(gambar7.png);
background-repeat: repeat-x;}
#gambaratas{
float:left;
width:100px;
height:80px;
background-image:url(gambar5.png);
background-position:center center;
background-repeat:no-repeat;
margin-left:75px;
margin-top:20px;
}
#teksatas{
float:left;
width:500px;
height:120px;
background-image:url(gambar8.png);
margin-left:20px;
}
nav {
height:35px;
border: 1px solid green;
background-color:#ffff66;
}
#search {
float:left;
width:60px;
height:25px;
margin-top:3px;
margin-left:80px;
}

#formsearch {
float:left;
margin-left:2px;
width:140px;
height:25px;
margin-top:3px;
}
#news {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#993300;
}
#theworld {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#993300;
}
#guide {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#993300;
}
#community{
float:right;
width:80px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#993300;
}
#download{
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#993300;
}
#tengah {
width:1300px;}
section {
height:558px;
border: 1px solid green;
}
article {
float:left;
border: 1px solid red;
width:300px;
height:550px;
background-image:url(gambar4.jpg);
background-position:center center;
background-repeat:no-repeat;
border:4px solid black;
}
aside {
height:413px;
width:950px;
float:left;
margin-left:5px;
}
#event {
height:145px;
width:988px;
float:right;
border: 1px solid brown;
background-color:#ffff66;
}
footer{
height:30px;
border:1px solid blue;
padding-left:450px;
background-image:url(gambar6.png)
}
#bawah {
float:left;
width:500px;
height:20px;
font-weight:bold;
margin:2px;
text-align:center;
}


3. hasil printscreen

studi kasus modul 4

1. script html

< !DOCTYPE html >
< html lang="en" >
< head >
< title > desain layout html 5 < /title >
< link rel="stylesheet" href="stylestudi.css" type= "text/css" / >
< /head >
< body >
< header >
header < /header >
< nav >
nav < /nav >
< section >
< div id="tengah" >
< article >
article < /article >
< aside >
aside < /aside > section
< /div >
< /section >
< footer >
footer < /footer >
< /body >
< /html >

2. css

body {
margin: 25px auto;
width: 1300px;}
header{
height:100px;
border: 1px solid green;}
nav {
height:35px;
border: 1px solid blue;}
#tengah{
width:1300px;}
section {
height:450px;
border: 1px solid red;}
article {
margin-top:20px;
margin-left:20px;
float:left;
border: 1px dashed red;
width:950px;
height:400px}
aside {
height:400px;
width:275px;
float:right;
border: 1px dashed black;
margin-right:20px;
margin-top:20px;}
footer{
height:20px;
border:1px solid green;}

3. hasil printscreen

modul 3 : tugas rumah

1. Script :

html :

< !DOCTYPE html >
< html lang="en" >
< head >
< title > FeisBugh < /title >
< link rel="stylesheet" href="style.css" type="text/css" / >
< link rel="icon" href="Fb.png" type="image/x-icon" / >
< div id="atas" >
< div id="feisbugh" >
< font color="white" face="Bradley Hand ITC" size=10 > < b > FeisBugh < /font > < /b >
< /div >
< div id="isikanan" >
< font color="white" face="Bradley Hand ITC" size=3 >
< table >
< tr >
< td > < u > Email : < /td > < /u >
< td > < u > Password : < /td > < /u >
< /tr >
< tr >
< td > < input type="text" maxlength=25 > < /td >
< td > < input type="password" maxlength=25 > < /td >
< td > < input id="button" type="button" maxlength=10 value="Let's Go" > < /td >
< /tr >
< tr >
< td > < input type="checkbox" checked > Keep inside < /td >
< td > Forgot ur Pass < /td >
< /tr >
< /table >
< /font >
< /div >
< /div >
< /head >
< body >
< div id="tengah" >
< /div >
< div id="bawah" >
< font color="white" face="Bradley Hand ITC" size=4 >
FeisBugh ™ 2011 Hendi Eko Ginanjar Home Industries
< /font >
< /div >
< /body >
< /html >

css :

#atas{
height:100px;
background-color:#cc66ff;}
#feisbugh{
float:left;
height:80px;
width:200px;
padding-left:80px;
padding-top:20px;
}
#isikanan{
padding-top:20px;
padding-right:100px;
float:right;
}
#button{
background-color:#ffffff;
color:#cc66ff;
}
#tengah{
height:540px;
}
#bawah{
padding-left:10px;
padding-top:10px;
height:30px;
background-color:#cc66ff;}


2. printscreen

modul 3 : studi kasus

1. Script

< !DOCTYPE html >
< html lang="en" >
< head >
< title > Studi Kasus < /title >
< style type="text/css" >
< !--
.box1 {
padding: 50px;
width: 225px;
height: 225px;
background: aqua;
border: 10px double blue;
-moz-border-radius: 250px;
}
#content{
width: 100px;
height: 100px;
}
.box2 {
padding: 10px;
width: 500px;
height: 100px;
background: pink;
border: 5px dashed purple;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
text-align: center;
}
.box3 {
padding: 10px;
width: 500px;
height: 100px;
background: white;
border: 5px solid black;
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,2);
text-align: center;
}
-- >
< /style >
< /head >
< body >
< div class="box1" align="center" >
< p id="isi" >
saya bingung mau nulis apa, tapi di dalam lingkaran ini tulisannya harus banyak supaya nanti hasilnya bagus, kalo tulisannya sedikit nanti hasilnya jelek,
lebih baik dikasih tulisann yang banyak biar tampak penuh dan indah dan rapi dan sehat dan teratur. hehe .
< /p >
< /div >
< br >
< br >
< div class="box2" > < font color="red" >
saya bingung mau nulis apa, tapi di dalam kue lapis ini tulisannya harus banyak supaya nanti hasilnya bagus, kalo tulisannya sedikit nanti hasilnya jelek,
lebih baik dikasih tulisann yang banyak biar tampak penuh dan indah dan rapi dan sehat dan teratur. hehe .
< /font >
< /div >
< br >
< br >
< div class="box3" > < font color="brown" >
saya bingung mau nulis apa, tapi di dalam kotak ini tulisannya harus banyak supaya nanti hasilnya bagus, kalo tulisannya sedikit nanti hasilnya jelek,
lebih baik dikasih tulisann yang banyak biar tampak penuh dan indah dan rapi dan sehat dan teratur. hehe .
< br >
< /div >
< /body >
< /html >


2. Printscreen

TUGAS PEMROGRAMAN BERBASIS WEB

1. Studi kasus
membuat frame


Script :

1. Frame atas
< !DOCTYPE html >
< html lang="en" >
< head >
< title > frame atas< /title >
< /head >
< body >
< h1 > Modnoc's Web< /h1 >
< font color=red > < marquee > Pendidikan Teknik Informatika Universitas Negeri Malang< /marquee > < /f >
< /body >
< /html >

2. Frame kiri
< !DOCTYPE html >
< html lang="en" >
< head >
< title > frame kiri< /title >
< /head >
< body >
< h3 > Category< /h3 >
< ul > < li > < a href="http://www.facebook.com/unsterbliche" target="main" > Me .. < /li >
< li > < a href="main hendi.html" target="main" > Study< /li > < /ul >
< /body >
< /html >

3. Frame utama (tengah)
< !DOCTYPE html >
< html lang="en" >
< head >
< title > Demo Link Internal< /title >
< /head >
< body >
Menu
< ul >
< li > < a href="#pendahuluan" > Pendahuluan< /a > < /li >
< li > < a href="#pembahasan" > Pembahasan< /a > < /li >
< li > < a href="#kesimpulan" > Kesimpulan< /a > < /li >
< /ul >

< h3 id="pendahuluan" > Pendahuluan< /h3 >
< p >
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaaa .
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaaa .
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaa .

< h3 id="pembahasan" > Pembahasan< /h3 >
< p >
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequatbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaaa .
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaaa .
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaa .

< h3 id="kesimpulan" > Kesimpulan< /h3 >
< p >
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequatcccccccccccccccccccccccccccccccccccccc.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaa .
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaaa
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaaa.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequataaaaaaaaaaaaaaaaaaaaaaaaaa.
< /body >

< /html >

4. Frame kanan
< !DOCTYPE html >
< html lang="en" >
< head >
< title > frame kanan< /title >
< /head >
< body >
< h3 > Searching< /h3 >
< ul > < li > < a href="http://www.google.com/" target="main" > Google< /li >
< li > < a href="http://www.yahoo.com/" target="main" > Yahoo< /li > < /ul >
< /body >
< /html >

5. Frame bawah
< !DOCTYPE html >
< html lang="en" >
< head >
< title > frame kanan< /title >
< /head >
< body >
Untuk kembali ke halaman pertama
< a href="main hendi.html" target="main" > Klik di sini< /a >
< /body >
< /html >

6. Penggabungan frame
< !DOCTYPE html >
< html lang="en" >
< head >
< title > nyoba frame< /title >
< /head >
< frameset rows="17%,*,10%" >
< frame src="atas hendi.html" name="atas" id="atas" / >
< frameset cols="20%,*,15%" >
< frame src="kiri hendi.html" name="kiri" id="kiri" / >
< frame src="main hendi.html" name="main" id="main" / >
< frame src="kanan hendi.html" name="kanan" id="kanan" / > < /frameset >
< frame src="bawah hendi.html" name="bawah" id="bawah" / >
< /frameset >


2. Tugas Rumah
membuat tabel grafik



Script :
< !DOCTYPE html >
< html lang="en" >
< head >
< title > nyoba tabel< /title >
< /head >
< body >
< table align="left" cellspacing=1 cellpadding=5 >
< caption > Label dari tabel< /caption >
< tr >
< td colspan=40 > < hr color="black"/ > < /td >
< /tr >
< tr >
< th colspan=5 > Perusahaan< /th >
< th colspan=35 > Pendapatan< /th >
< /tr >
< tr >
< td colspan=40 > < hr color="black"/ > < /td >
< /tr >
< tr >
< td > Angin Reboot Ltd< /td >
< td colspan=20 > < /td >
< td width="120" bgcolor="pink" colspan=15 > < /td >
< td > + 150% < /td >
< /tr >
< tr >
< td > Command Prompt Inc< /td >
< td colspan=20 > < /td >
< td width="25" bgcolor="purple" colspan=5 > < /td >
< td > + 55% < /td >
< /tr >
< tr >
< td > Hibernate Ltd< /td >
< td colspan=16 > < /td >
< td > - 25% < /td >
< td width="10" bgcolor="red" colspan=3 > < /td >
< /tr >
< tr >
< td > Shutdown Ltd< /td >
< td colspan=12 > < /td >
< td > - 75 %< /td >
< td width="75" bgcolor="brown" colspan=7 > < /td >
< /tr >
< tr >
< td colspan=40 > < hr color="black"/ > < /td >
< /tr >
< /table >
< /body >
< /html >


3. Tugas rumah
membuat tabel



Script :

< !DOCTYPE html >
< html lang="en" >

< head >
< title > nyoba tabel nomer 3< /title >
< /head >

< body >
< table border="3" cellspacing=1 frame="hsides" rules="groups" >
< caption > PERBANDINGAN FITUR< /caption >
< colgroup align="center" >
< colgroup align="center" >
< colgroup align="center" >
< thead valign="middle" >

< tr > < th width="35" > No
< th width="150" > Fitur
< th width="100" > Enterprise
< th width="50" > Pro
< th width="50" > Free< /tr >

< tbody >
< tr > < td > 1
< td > Garansi Seumur Hidup
< td align="center" > X
< td align="center" > -
< td align="center" > -< /tr >
< tr > < td > 2
< td > Multiuser
< td align="center" > X
< td align="center" > -
< td align="center" > -< /tr >
< tr > < td > 3
< td > Update Otomasi
< td align="center" > X
< td align="center" > X
< td align="center" > -< /tr >
< tr > < td > 4
< td > Cetak Laporan
< td align="center" > X
< td align="center" > X
< td align="center" > -< /tr >
< tr > < td > 5
< td > Notifikasi
< td align="center" > X
< td align="center" > X
< td align="center" > X< /tr >
< tbody >
< tr > < td > 6
< td > Ubah Tema
< td align="center" > X
< td align="center" > X
< td align="center" > X< /tr >
< tr > < td > 7
< td > Try Ikon
< td align="center" > X
< td align="center" > X
< td align="center" > X< /tr >

< /table >
< /body >
< /html >

Resume Penganter Teknologi Informasi

Data adalah kumpulan dari fakta. Sedangkan informasi adalah kumpulan dari data yang telah diproses sehingga memiliki hubungan keterkaitan.

Sifat informasi ada 2, yaitu:

Perfect : informasi tersebut berisi fakta yang benar dan pasti.

Imperfect : berisi informasi yang belum bisa dipastikan kebenarannya.

Karakteristik informasi adalah sebagai berikut :

1. Tepat waktu

2. Akurat

3 Mudah diakses

4. Dapat dipastikan kebenarannya

5. Saling berhubungan

6. Berdasakan Fakta yang ada

Abad informasi memiliki suatu perkembangan, yaitu :

1. Abad pertanian (<1800)>

2. Abad Industri (1800-1957) : Manusia mulai menyebarkan informasi dengan bantuan tenaga mesin

3. Abad Informasi (1957>) : Manusia mulai menyebarkan informasi menggunakan teknologi informasi atau komputer.

Masyarakat informasi adalah masyarakat yang di lungkungan tersebut orang lebih banyak bekerja dalam bidang Teknologi Informasi.

Menurut Kamus Oxford (1995): Teknologi Informasi penggunaan alat elektronika oleh manusia terutama komputer untuk menyimpan, mengambil, menyebarkan, mengolah informasi.

Teknologi informasi dipengaruhi oleh beberapa hal, yaitu:

1. Kompleksitas tugas manajemen

2. Pengaruh globalisasi

3. Perlunya response time cepat

4. Tekanan persaingan bisnis

5. Peningkatan layanan

Terdapat beberapa komponen utama dalam Teknologi informasi, yaitu :

1. Hardware

perangkat keras dari komputer contoh : CPU, Hard disk, dll

2. Software

software tidak tampak nyata seperti hardware, tetapi bisa dioperasikan. Software terdiri dari data, program dan dokumen yang bisa di manfaatkan sesuai kebutuhan.

3. Brainware

orang atau person yang mengoperasikan komputer. Biasa disebut sebagai user.

4. Firmware

Merupakan software yang ditanamkan ke dalam hardware secara semi permanen. Contohnya BIOS.

5. Infoware

Contoh: user manual, SOP, dll.

Naruto....

Baru saja kami tahu....
ternyata kita bisa membaca komik naruto edisi terbaru
tanpa harus download di website tertentu.
Alamtnya yaitu www.naruto-xx.blogspot.com
nah disana anda bisa membaca edisi terbar dari komik naruto...
silahkan mencoba......

Nie Harie......

Hari ini, hari Senin 3 Maret 2008
Gila....................ternyata anak kelasku terkena demam maen game Ayo Dance. Sebenarnya aku juga yang mempromosikan.heheehehee. Banyak anak yang ingin mendaftar baru untuk bermain game itu. Menurutku game itu emang menyenangkan banget. Bisa maen plus dengerin lagu. Bisa chatingan pula gitu....... dan untuk pembaca, anda ingin ikut, silahkan daftar di www. ayodance.com. Disana anda bisa tahu semua tentang game tersebut. Selamat mencoba ^^.

Hari ini.

Hari ini hari senin kami diajari untuk menambahkan elemen baru ke dalam blog kami yaitu menambahkan kalender.

Our Blog

Blog kami ini tercipta di sebuah Lab Komputer. Di sebuah sekolah yang lumayan bagus dan bermutu. Sekolah kami bernama SMAK Santa Maria. Di lab komputer sekolah inilah kami belajar banyak hal. Termasuk tentang menciptakan blog ini. Blog ini terbentuk kira-kira pukul 9.03 AM. Dan nama yang kami pilih untuk blog kami, terinspirasi dari sebuah kata verifikasi yang sangat unik dan menurut kami cocok untuk dipakai menjadi nama blog. Kalau ditanya tentang arti, kami sulit untuk menjelaskan. Dan mungkin hanya ini yang bisa kami beberkan tentang blog kami. Untuk keterangan lebih lanjut, hubungi dokter kami, ketik REG HENDIIRWAN dan kirim ke 9554, hahahahahahaha, sekian dari kami..........

Todays...

Hari ini, hari sabtu tanggal 2 februari 2008, adalah hari dimana kita memulai untuk memngisi blog yang telah kami buat. kesan pertama tuh...."Wow...keren...!!!". Aku dan Irwan sedikit merasa bangga dengan terciptanya blog ini. Sebenarnya membuat blog ini agak rumit. Hanya sedikit rumit. Tapi karena kami orang yang profesional ya...cukup mudah lah membuat blog tentang kami berdua. Saat muai posting, wuiihh...buseet..., nulis apa nih. Bingung mau nulis apa. Tetapi akhirnya, fill kami kembali terisi. Dan hasilnya, kami memutuskan untuk menulis tentang hari ini. Hari yang kami kira lumayan berharga unuk di kenang. Hari dimana kita memulai suatu hal. Dengan perasaan yang sedikit terpaksa. Tapi membuat kita jauh lebih mengenal dunia.......