Java Sript

Java Sript

Sekilas tentang JavaScript
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggsi6NoAL5m0AnDsQG9z4X4nJJDDqF1imaft7qIBNy-V-rY_RLE6ovTPbBlox47aFobVPCvwO7KyRgyzDIU0xbFv-8nEYl10nb8zA47JNBaw7e-uEArvB9AP4vZEAf8nBJ3cJ1VoFeI8Y/s1600/js.jpgJavascript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Sebagai contoh, dengan menggunakan JavaScript dimungkinkan untuk memvalidasi masukanmasukan pada formulir sebelum formulir dikirimkan ke server. Javascript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda. Javascript diinterpretasikan oleh klien (kodenya bisa dilihat pada sisi klien), sedangkan kode Java dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.

Struktur JavaScript
Struktur dari JavaScript adalah sbb :
<SCRIPT LANGUAGE = ”JavaScript”>
<!- -
Penulisan kode javascript
// - - >
</SCRIPT>
Keterangan :
Kode <!- - // - - > umumnya disertakan dengan tujuan agar sekiranya browser tidak mengenali JavaScript maka browser akan memperlakukannya sebagai komentar sehingga tidak ditampilkan pada jendela browser.

JavaScript sebagai bahasa berorientasi pada obyek
Properti
Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil.
Penulisan :
Nama_objek.nama_properti = nilai
window.defaultStatus = ”Selamat Belajar Dasar-Dasar JavaScript”;
Metode
Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan
terhadap objek.
Penulisan :
Nama_objek.nama_metode(parameter)
document.write (”Hallo Sahabat Sampul Ilmu”)

Letak JavaScript dalam HTML
Skrip Javascript dalam dokumen HTML dapat diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan).

Contoh Dasar-Dasar JavaScript
Sebelum mencoba belajar JavaScript Terlebih dahulu buatlah halaman HTML di komputer anda, untuk cara pembuatannya clik disini
Pemakaian alert sebagai property window
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Alert Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Mari Belajar Bersama Sampul Ilmu");
//-->
</SCRIPT>
</BODY>
</HTML>

Pemakaian metode dalam objek.
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Skrip JavaScript</TITLE>
</HEAD>
<BODY>
Percobaan memakai JavaScript:<BR>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("Selamat Mencoba JavaScript<BR>");
document.write("Semoga sukses!");
//-->
</SCRIPT>
</BODY>
</HTML>

Pemakaian prompt
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?","Masukkan nama anda");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>

Pembuatan fungsi dan cara pemanggilannya
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function pesan(){
alert ("memanggil javascript lewat body onload")
}
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>


Pemrograman Web

Pemrograman Web

PEMROGRAMAN WEB
Website
PENGERTIAN WEBSITE

Definisi website
Website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser.dan Website atau situs dapat juga diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).


Sejarah WWW atau World Wide Web
WWW atau World Wide Web adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, dia mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program peranti lunak yang diberi nama Equire. Dengan program itu, Berners-Lee berhasil menciptakan jaringan terkait antara berbagai arsip sehingga memudahkan informasi yang dibutuhkan. Inilah yang kemudian menjadi dasar dari sebuah revolusi yang dikenal sebagai web.
WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat proposal untuk proyek pembuatan hypertext secara global, kemudian pada bulan Oktober 1990, ‘World Wide Web‘ sudah bisa dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW resmi digunakan secara luas pada jaringan Internet.


Jenis - jenis Website

Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:
1.    Website Statis
2.    Website Dinamis
3.    Website Interaktif
Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya adalah untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit code yang menjadi struktur dari website tersebut.

Website Dinamis merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user pada umumnya, juga disediakan halaman backend untuk mengedit kontent dari website. Contoh umum mengenai website dinamis adalah web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya                                      

Website Interaktif adalah web yang saat ini memang sedang booming. Salah satu contoh website interaktif adalah blog dan forum. Di website ini user bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.

Manfaat website
Beberapa alasan mendasar atau utama mengapa perusahaan bahkan individu membuat atau ingin memiliki sebuah website atau situs internet, diantaranya adalah :
  1. Memperluas jangkauan promosi, dengan memiliki website maka produk kita lebih banyak dikenal masyarakat—bahkan sampai ke manca negera. Produk yang bisa ditawarkan melalui website bisa berupa produk barang maupun jasa. Dengan luasnya promosi maka otomatis akan meningkatkan penjualan perusahaan kita.
  2.  Media tanpa batas, internet adalah media informasi yang tanpa batas. Dengan memiliki website berarti kita sama saja memiliki karyawan yang mempromosikan produk kita selama 24 jam sehari dan 7 hari seminggu. Artinya website kita akan memberikan informasi kepada calon pembeli selama 24 jam non stop.
  3.  Internet bisa diakses oleh seluruh lapiran masyarakat di antero jagat (unlimited user access).
  4.  Promosi terluas, internet adalah media promosi terluas jika dilihat dari kacamata jangkauan atau cakupan area (unlimited scopt of areas).
  5. Media pengenalan perusahaan. Jika kita baru saja mendirikan perusahaan atau baru saja meluncurkan sebuah produk, maka websitelah solusinya. Kenapa bisa demikian? Dengan adanya website kita lebih cepat mengenalkan perusahaan kita dan lebih mendekatkan perusahaan ke pelanggan. Hal ini disebabkan pelanggan internal maupuan eksternal bisa menggali lebih dalam tentang sejarah perusahaan, jasa atau produk yang di tawarkan, bahkan informasi lowongan kerja dan detail informasi perusahaan.
  6.  Sebagai media promosi, Internet merupakan salah satu media promosi yang menarkan biaya yang relatif efisien dikaitkan dengan jangkauan area dengan optimalisasi manfaat terbesar.




Unsur Unsur lain dalam Website

Nama domain 
Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.Untuk nama/alamat situs, salah satu format standar nama yang digunakan adalah sebagai berikut : 

nama-protokol:/nama-host/path/nama-file

nama-protokol misalnya http, ftp.
nama-host misalnya www.tegararian.blogspot.com
path = nama lengkap jalur ke file, misalnya: prg
nama-file misalnya tugas.doc

Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah :
  • .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
  • ac.id : Untuk Lembaga Pendidikan
  • go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
  • .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
  • .or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori “ac.id”,”co.id”,”go.id”,”mil.id” dan lain lain
  • .war.net.id : untuk industri warung internet di Indonesia
  • .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU
  • .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di World Wide Web.






Referensi :
http://herinoto.com/manfaat-website.php
http://www.baliorange.web.id/pengertian-website-webhosting-domainname/

www.google.com
www.wikipedia.com.
http://tegararian.blogspot.com/2013/03/pengertian-website.html

HTML
Mengenal apa itu HTML (Hyper Text Markup Language)
HTML bisa disebut bahasa yang digunakan untuk menampilkan dan mengelola hypertext. Hypertext dalam HTML berarti bahwa kita dapat menuju suatu tempat, misalnya website atau halaman homepage lain, dengan cara memilih link yang biasanya digarisbawahi atau diwakili oleh suatu gambar. Selain link ke website atau homepage halaman lain, hypertext ini juga mengizinkan kita untuk menuju ke salah satu bagian dalam satu teks itu sendiri.
HTML terdiri dari sejumlah perintah dimana kita bisa men-set judul, garis, table, gambar dan lain- lain yang disebut tag. Setiap tag masih dapat dilengkapi lagi oleh sejumlah attribute. Dibawah ini sebagian contoh tag dan attributenya:
<html>
<head>
<title>cuma nyoba aja</title>
</head>
<body bgcolor=”red”>
<font face=”arial black” color=”yellow” size=”5″ >Ngung Xi Yuk Choi</font>
</body>
</html>
Tulisan berwarna biru adalah tag, hijau adalah attribute dan orange adalah nilai/value dari attribute. Jika ingin melihat tampilan dari HTML diatas klik disini.
SEJARAH HTML
Konsep HTML diciptakan pertama kali oleh
 IBM pada tahun 1980 pada saat tercetus ide untuk meletakkan elemen-elemen yang menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen. Lalu, pada akhirnya elemen-elemen itu menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.
Bahasa pemprograman untuk melakukan tugas tersebut disebut markup language, atau lebih lengkapnya IBM menamai program tersebut sebagai
 Generalized Markup Language (GML).
Konsep ini pada tahun 1986 disetujui oleh ISO (International Standard Organization) sebagai standar bagi pembuatan dokumen-dokumen dengan keluarnya ISO 8879. ISO menamai GML ini menjadi
 SGML (Standard Generalized Markup Language).
SGML ke HTML
HTML – yang juga menggunakan teknologi markup language – dulu merupakan salah satu bagian dari SGML ini. Seorang peneliti yang bernama
 Tim Berners-Lee dari CERN – yang kini menjadi direktur W3C (World Wide Web Consortium) mengemukakan suatu ide tentang pembuatan suatu skrip bahasa pemprograman dandokumen yang bisa diakses oleh seluruh komputer tanpa melihat jenis platform-nya apakah Windows, Unix, Linux dan sebagainya. Semenjak itu HTML lebih populer daripada SGML.
PERKEMBANGAN HTML
Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat.
Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.
HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).
HTMl versi 2.0
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2
HTML versi 4.0
HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain. (Sumber:
http://www.kamusilmiah.com)



Coding Pembuatan Form Di HTML

Coding Pembuatan Form Di HTML

<form>
<pre><h1>Contoh Form Pendaftaran</h1></pre><br/>
  <pre>
  NIM              : <input type="text" size="11" name="nim">
  NAMA          : <input type="text" size="25" name="nama">
  JENIS KELAMIN     : <input type="radio" name="jkel" value="pria">Pria <input type="radio" name="jkel" value="Wanita">Wanita
  AGAMA          : <select name=agama>
        <option value="Islam">Islam</option>
        <option value="Katholik">Katholik</option>
        <option value="Kristne">Kristen</option>
        <option value="Hindu">Hindu</option>
        <option value="Budha">Budha</option></select>
        
  STATUS          : <input type="radio"
 name="status" value="Kawin">Kawin <input type="radio" name="status" value="Belum Kawin">Belum Kawin
  JURUSAN          : <select name=:jurusan" size="1">
        <option value="Teknik Informatika">Teknik Informatika </option>
        <option value="Manajemen Informatika">Manajemen Informatika </option>
        <option value="Sistem Informasi">Sistem Informasi </option>
       </select>
  KETERANGAN         :
  <textarea name="ket" rows="3" cols="30"></textarea>
  </pre>
  <input type="submit" value="Kirim">
  <input type="reset" value="Ulang">
</form>