Sponsor Advertise

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Selasa, 05 April 2016

How to make Form in HTML



Form



<html>
<head>
<title>How to Make form in html</title>
</head>
<body>
<table align="center">
<tr>
<h2><center>Form Pendaftaran Mahasiswa Baru <br>2016</font><center></h2>
</tr>

<tr>
<form>
<td> Nama </td>
<td class="kanan"> <input type="text" class="nama" maxlength="50" > </td> 
</tr>

<tr>
<td style="vertical-align :top ;padding-top: px"> Alamat </td>
<td class="kanan"> <input type="text" class="alamat" maxlength="50" > </td> 
</tr>

<tr> 
<br>
<td style="vertical-align :top ;padding-top: px"> Telp </td>
<td class="kanan"> <input type="text" class="telp" maxlength="25" > </td> 
</tr>
</form>

<p>
  <tr>
  <td> Jenis Kelamin </td>
  <td class="kanan"> <br> <input type="radio" checked name=ag> Laki-laki</input>
<input type="radio" checked name=ag> Perempuan</input>
</td>
  </tr>
 
  <tr>
  <td> Agama </td> </br>
  <td class="kanan"> 
  <select name="Agama">
    <option value= " " >--Pilih Agama--</option>
  <option value= "Islam"> Islam </option>
  <option value= "Kristen"> Kristen </option>
<option value= "Katholik"> Katholik </option>
  <option value= "Hindu"> Hindu </option>
<option value= "Buddha"> Buddha </option>
  <option value= "Konghucu"> Konghucu </option>
</select>
</tr>
 
  <tr>
  <td> Prestasi yang pernah diraih</td>
  <td class="kanan"> <input type="text" class=" " maxlength="50" > </td> </tr>
  </tr>

<p>
<td colspan="4" style="text-align :right"> 
<button type="pilih"><a href="#"> Simpan </a></button>
<button type="pilih"><a href="#"> Batal </button></a> 
</td>

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

Frameset

 Frameset



Dibutuhkan 3 file HTML untuk membuat latar dasar ini.
First :
<!DOCTYPE html>
<html>
<head>
                <title></title>
</head>
<body bgcolor="#c94591">
                <h2>
                                <font color="#bfd9da">
                                                <center>
                                                                Tata hati, tata Sholat, maka semua akan tertata rapi
                                                </center>
                                </font>
                </h2>

</body>
</html>


Second :
<html>
<head>
<title></title>
</head>
                <body bgcolor="#ff0000">
                                <h2> INI adalah MENU</h2>
                                                <a href="konten.html" target="isi"> Home </a>
<br>                                      <a href="1.html" target="isi"> Table </a>
<br>                                      <a href="image.html" target="isi"> Img </a>
<br>                                      <a href="tugas.html" target="isi"> Hyperlink </a>
                </body>
</html>
                                  
And the last..
<html>
<head>
                                   <title></title>
</head>
<body>
<frame> <center> <font size="22">Who we are ?</font></center>

</body>
</html>


This is a content..
Konten ini berada di dalam “Home” akan berubah jika di klik yang lain, contoh..
Isinya dari beberapa HTML berbeda
Jika di klik Table di kolom “ini adalah menu” maka akan muncul table..


Berikut source untuk Table


<table border = 3 align="center">
<tr align="center">
<td rowspan="2" width="200px">NIM</td>
<td rowspan="2" width="200px">NAMA</td>
<td colspan="2" width="200px">NILAI</td>
</tr>

<tr height="30px" align="center"> <td>UTS </td> <td>UAS </td>
</tr>

<tr height="30px" align="center"> <td>1500018101 </td> <td>Abdurrahman Zakaria </td> <td>70 </td> <td>80 </td>
</tr>

<tr height="30px" align="center"> <td> 1500018102 </td> <td>Yahya Sulistyo </td> <td>77 </td> <td>83 </td>
</tr>

<tr height="30px" align="center"> <td>1500018103 </td> <td>Putri Susianti </td> <td>73 </td> <td>81 </td>
</tr>

<tr height="30px" align="center"> <td>1500018104 </td> <td>Amalia Tamara </td> <td>80 </td> <td>88 </td>
</tr>

<tr height="30px" align="center"> <td>1500018105 </td> <td>Asri Andriani </td> <td>84 </td> <td>90 </td>
</tr>

<tr height="30px" align="center"> <td>1500018106 </td> <td>Rakessa Cahyo </td> <td>90 </td> <td>90 </td>
</tr>

<tr height="30px" align="center"> <td>1500018107 </td> <td>Bagus Prakosao </td> <td>86 </td> <td>87 </td>
</tr>

<tr height="30px" align="center"> <td>1500018108 </td> <td>Riko Pass Natal </td> <td>91 </td> <td>92 </td>
</tr>

<tr height="30px" align="center"> <td>1500018109 </td> <td>Puty Utami </td> <td>89 </td> <td>94 </td>
</tr>

<tr height="30px" align="center"> <td>1500018110 </td> <td>Ragil Prakasa </td> <td>85 </td> <td>75 </td>
</tr>
Dan setelah itu di link kan pada source bagian “ini adalah menu”


<html>
<head>
                                   <title></title>
</head>

                                   <body bgcolor="#ff0000">
                                                <h2> INI adalah MENU</h2>
                                                                <a href="konten.html" target="isi"> Home </a>
<br>
                                                                <a href="1.html" target="isi"> Table </a> <!—angka 1 adalah penamaan file!-->
<br>
                                                                <a href="image.html" target="isi"> Img </a>
<br>
                                                                <a href="tugas.html" target="isi"> Hyperlink </a>
                                   </body>
</html>






Sabtu, 02 April 2016

Syntax Dasar HTML

<html>
<head>
<title> Ada Apa </title> <!--Judul!-->
</head>
<body>
<h1> ini h1 </h1> <!--ini Heading 1-6 !-->
<h2> ini h2 </h2>
<h3> ini h3 </h3>
<h4> ini h4 </h4>
<h5> ini h5 </h5>
<h6> ini h6 </h6>
Guten Morgen <br> Fathia Irbati
<hr>
<pre> <!-- pre untuk mencondongkan paragraf!-->
f
i
a
</pre>

<ul> <!-- ul, untuk membuat list yang berurutan !-->
<li> satu </li>
<li> dua </li>
<li> tiga </li>
</ul>
<table border = "2"> <!-- Tabel, contoh dengan colspan, colspan=menyatukan kolom!-->
<tr align = "center">
<td colspan = "2">Hai</td>
</tr>

<tr>
<td> Hallo </td>
<td> Apa kabar ? </td>
</tr>
</body>
</html>



Hasilnya Seperti ini :


Rabu, 30 Maret 2016

HTML Dasar

<html>
<head><title>saya siapa</title></head>
<body bgcolor="#99ccff">

<table bgcolor="white" width="980px" align="center">
<tr background="header 3.jpg" style="width:980px; height:200px" height="200px">
<td colspan="4"></td>
</tr>

<tr bgcolor="#0033cc" align="center" height="40px">

<td align="center"><font color="white">Home</font></td>
<td align="center"><font color="white">Travel News</font></td>
<td align="center"><font color="white">Destinations</font></td>
<td align="center"><font color="white">Photos</font></td>

</tr>

<tr>
<td colspan="4">
<font face="Comis Sans Ms"color="#0000ff"><h1> 5 Cara Baru Menikmati Yogyakarta </h1> </font>

<center>
<img src="Jogja.jpg" style="width:500px; height: 250px">
</center>
<p> <font face="Arial Narrow"> <b>Yogyakarta</b>- Jika ingin liburan yang berkesan di Yogyakarta saat liburan panjang kali ini, cobalah berwisata menikmati sisi lain kota ini. Namun, kamu butuh tips khusus yang jitu.</p>
<p>
Bagi sebagian traveler, mungkin sudah biasa pergi berlibur ke Yogyakarta. Baik bersama keluarga, study tour, atau hanya sekedar menghabiskan long weekend di tengah kesibukan sehari-hari.
</p>
Nah, detikTravel, Kamis (24/3/2016) akan memberikan beberapa tips cara menikmati liburan di Yogyakarta dengan cara baru supaya kamu bisa menikmati sisi lain Yogya:
<p>
<b>1. Browsing destinasi baru di Yogyakarta</b>
</p>
Mungkin saat berwisata ke Yogyakarta, kamu selalu berkunjung ke tempat-tempat yang menjadi ikon atau hal mainstream. Dengan banyak mencari informasi di internet, kamu bisa mendapat informasi soal tempat-tempat baru.
<p>
Kamu bisa nimbrung di forum travelling, akan ada banyak hal baru yang ditemukan di sana. Kamu juga bisa browsing portal berita traveling seperti detikTravel yang memberikan info liburan paling update.
</p>
<b>2. Cari yang hits di media sosial</b>
<p>
Media sosial saat ini sudah menjadi salah satu andalan untuk mencari informasi. Tidak ada salahnya untuk mencoba mencari informasi di platform media sosial yang ramai digunakan.
</p>
Contohnya, traveler dapat menggunakan hashtag tertentu di Twitter atau Instagram. Biasanya banyak pengguna yang menggunakan hashtag tersebut untuk memposting foto maupun pengalaman liburannya.
<p>
<b>3. Let's get lost!</b>
</p>
Berani melancong dengan bumbu tantangan? Kamu bisa mencoba jalan-jalan mengitari kota Yogyakarta tanpa bantuan peta atau GPS.
<p>
Jalan-jalan saja kemana kaki melangkah, beranilah untuk melakukannya. Pengalaman atau hal baru mungkin akan kamu dapatkan saat menyusuri seluk beluk kota Yogyakarta yang mungkin tidak terlihat oleh turis lainnya.
</p>
<b>4. Menjadi 'warga lokal'</b>
<p>
Menjadi turis ketika kita berkunjung ke kota Yogyakarta mungkin sudah biasa. Mengapa tidak mencoba untuk menjadi warga lokal selama traveling?
</p>
Tidak ada salahnya untuk mengobrol dengan warga asli Yogyakarta. Nongkrong di warung lokal, lakukan yang biasa dilakukan warga lokal. Kemana mereka pergi, apa yang mereka makan seperti halnya kegiatan sehari-hari. Mungkin akan ada tempat makan atau spot keren yang baru kamu temukan.
<p>
<b>5. Destinasi itu tidak harus tempat wisata</b>
</p>
Saat traveling, mungkin hal yang paling utama adalah mengunjungi tempat wisata. Namun destinasi itu tidak harus objek wisata. Yang penting menarik dan bisa memberikan pengalaman seru.
<p>
Pasar, tempat ibadah, jembatan, itu bukan objek wisata namun bisa menarik untuk dikunjungi. Pengalaman traveling juga tidak semata-mata soal berkunjung. Interaksi dengan sesama traveler atau warga setempat juga bisa menjadi pengalaman yang tak terlupakan.<a href ="http://travel.detik.com/read/2016/03/24/182000/3172786/1048/5-cara-baru-menikmati-yogyakarta" target="_blank">Lihat Saja</a>
</p>
</td>

</tr>

<tr>
<td></td>
</tr>

<tr bgcolor="#0033cc">
<td colspan="4" align="center"><font color="white">copyright</font></td>
</tr>

</table>

</body>
</html>

Minggu, 04 Oktober 2015

COMPUTER IS..

DEFINISI KOMPUTER


ØBahasa Latin >>>Computare >>>Menghitung

ØComputer Annual (Robert H. Blissmer)

: “Suatu alat elektronik yang mampu melakukan beberapa tugas, antara lain :

¢Menerima input

¢Memproses input sesuai dengan programnya

¢Menyimpan perintah dan hasil pengolahan
                   ¢Menyediakan output untuk informasi  
1. Computer Today (Donald H. Sanders): “Sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya, dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi program yang tersimpan di memori (stored program)”2. Computer Organization (V.C. Hamacher, Z.G. Vranesic,S.G. Zaky): “Mesin penghitung elektronik yang cepat dapat menerima informasi input digital,memprosesnya sesuai dengan suatu program yang tersimpan di memorinya (stored program) dan menghasilkan output informasi”3. Introduction to The Computer, The Tool of Busines (Wiliam M.Fuori): “Suatu pemroses data (data processor) yang dapat melakukan perhitungan besar dan cepat, termasuk perhitungan aritmatika yang besar atau operasi logika, tanpa campur tangan dari manusia mengoperasikan selama pemrosesan (Definisi ini diambil dari American National Standart Institute dan sudah didiskusikan serta sudah disetujui dalam satu pertemuan International Organization For Standarization Committe)”Komputer merupakan :a. Alat Elektronikb. Dapat menerima input datac. Dapat mengolah datad. Dapat memberikan informasie. Menggunakn suatu program yang tersimpan di memori komputer (stored program)f. Dapat menyimpan program dan hasil pengolahang. Bekerja secara otomatis—Program : kumpulan dari instruksi atau perintah terperinci yang sudah dipersiapkan supaya komputer dapat melakukan fungsinya.APAKAH TEKNOLOGI INFROMASI ITU ?>> Handphone?>> Komputer?>> Laptop?>> Internet?>> Atau yang lainnya? DEFINISI
 Information technology (IT)
 Information technology (IT)adalah istilah untuk mendeskripsikan teknologi-teknologi yang memungkinkan manusia untuk:@ —mencatat (record) @ menyimpan (store)@ mengolah (process)@ —mengambil kembali (retrieve)@ —mengirim (transmit) @ —menerima—(receive)
1. data ~ raw data (data mentah), contoh:
  fatimah, sapen, teknik informatika, 18, ….
2. Info = data yang terstruktur hasil olahan, contoh:
  08650120 Fatimah 0601990 Surabaya Jl. sapen 9
 
 
TEKNOLOGI 
1. Ilmu yang berkaitan dengan seni atau sains dengan pengaplikasian pengetahuan saintifik ke praktis
2. —Aplikasi praktis dari sains dalam industri atau bisnis
SAINS & TECHNOLOGY
 Karakteristik: 
SAINS is large pool of knowledge, fed by scientific research [imperative, to satisfy curiosity], university-oriented 
TECHNOLOGY is motivated to get product, [industry-oriented], rumit dan sulit diprediksi
ØTI
Masa lalu: goresan/gambar, alat hitung, arsip, telegraf, ...
Masa kini: komputer, faks, telekonferensi, …
ØMengapa informasi diperlukan ?
Alat komunikasi: sinyal [asap, lampu], kode [Morse, gerak tubuh, ..]
dasar pengambilan keputusan
Kegembiraan
Ø Informasi apa ?
Segala jenis ?
Khusus à tergantung: posisi, situasi, kondisi, relasi, ....
Ø Perolehan informasi melalui:
o Pustaka [ilmiah, semi-ilmiah, populer]
o Media massa [cetak, radio, TV]
o Lisan [wawancara, telepon]
o Tulisan [surat, fax]
o Perangkat bantu
o Manual [pensil/pena + kertas]
o Mesin mekanis [mesin tik]
o Alat telekomunikasi
o Alat elektronis [komputer]
 
APA YANG MEMBUAT INFORMASI BERGUNA ?
Ø Akurasi
Ø Lengkap 
Ø Fleksibel
Ø Dapat dipercaya
Ø Berhubungan
Ø Mudah diakses
Ø Berdasarkan fakta
Ø Tepat waktu
Ø Tidak terkontaminasi
LINGKUNGAN KERJA SAAT INI
1. Karakteristtik:
# Perubahan yang cepat 
# —Kompleks 
# —Ekonomi Global 
# —Kompetisi Super Ketat 
# —Berfokus pada Pelayanan
2. Saat ini kita diharapkan menghasilkan output lebih banyak tetapi dengan input yang lebih sedikit
 KENAPA HARUS BELAJAR TI? 
~ TI memiliki efek besar dan dampaknya pun signifikan
~ Struktur, manajemen organisasi serta proses bisnis sangat dipengaruhi oleh TI
~ Kesempatan karir pun sangat banyak di TI
~ Intinya, TI mempengaruhi banyak aspek pekerjaan/organisasi
 KOMPUTER GENERASI 1 
>> Menggunakan tabung hampa udara (vacuum tube)
>> Program hanya dapat dibuat dengan bahasa mesin.
>> Berukuran fisik sangat besar
>> Menggunakan konsep stored-program dengan memori utamanya adalah magnetic core storage.
>> Menggunakan simpanan luar magnetic tape dan magnetic disk.
>> Cepat panas, sehingga memerlukan pendingin.
>> Prosesnya kurang cepat.
>> Membutuhkan daya listrik yang besar.
>> Orientasi utama untuk aplikasi bisnis.
Regards, 
Shi
 
 
 
 


Informasi vs Data