MAKALAH PROGAM WEB 1 BAB I

BAB I

PENDAHULUAN

1.1 Pengenalan

1.1.1 WEB

Ada yang bilang website atau lazim disingkat web adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website lain menuliskan web adalah salah satu alat komunikasi online yang menggunakan media internet dalam pendistribusiannya. Apapun bahasanya, yang pasti kita semua setuju bahwa website merupakan 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). Secara terminologi website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web  (web page) diakses dari sebuah URL yang menjadi “akar” ( root ), yang disebut homepage (halaman induk; sering diterjemahkan menjadi “beranda”, “halaman muka”), URL ini mengatur web page untuk menjadi sebuah hirarki, meskipun hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca

 Sebuah Web page adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar. Web page layaknya sebuah buku yang dapat menampung berbagai informasi tentang banyak hal baik bersifat komersil maupun non komersil. Melalui media web inilah seseorang dapat memberikan informasi tertentu kepada orang lain yang berada di seluruh dunia.Website mulai dikenal di Indonesia sekitar tahun 1998, dimana hanya perusahaan besar saja yang mampu memilikinya. Pada saat itu, website merupakan sebuah teknologi yang cukup mahal untuk dimiliki. Sehingga banyak pengusaha maupun produsen mengurungkan niat mereka untuk dapat memiliki media promosi ini. Langkanya penyedia jasa pembuatan web yang menawarkan harga murah membuat keinginan perusahaan-perusahaan tersebut untuk memiliki sebuah website murah
Itu dulu, sekarang ini terdapat hampir milyaran halaman website yang memeriahkan dunia maya. Sebagian besar dari website tersebut adalah web komersial yang bersifat bisnis dan perdagangan. Rupanya media promosi dalam bentuk website sangat berperan penting dalam dunia usaha. Buktinya akhir-akhir ini banyak pengusaha besar maupun kecil telah menggunakan website sebagai salah satu media promosi dalam memasarkan produk ataupun jasa. Fungsi website yang tidak hanya sebagai sarana promosi melainkan juga sebagai upaya untuk meningkatkan prestise (gengsi) dari suatu perusahaan telah membuat banyak pengusaha berani mengeluarkan biaya yang cukup tinggi untuk memiliki media online ini.Web adalah sebuah penyebaran informasi melalui internet. Sebenarnya antara www (world wide web) dan web adalah sama karena kebanyakan orang menyingkat www menjadi web saja. Web merupakan hal yang tidak dapat dipisahkan dari dunia internet. Melalui web, setiap pemakai internet bisa mengakses informasi-informasi di situs web yang tidak hanya berupa teks, tetapi juga dapat berupa gambar, suara, film, animasi, dll. Sebenarnya, web merupakan kumpulan-kumpulan dokumen yang banyak tersebar di beberapa komputer server yang berada di seluruh penjuru dunia dan trehubung menjadi satu jaringan melalui jaringan yang disebut internet. 

Berikut ini adalah pengertian dan definisi web:

a.       JASMADI & E-MEDIA SOLUSINDO

Web adalah salah satu bagian dari website. Jika sebuah website ibarat buku, maka halaman web adalah halaman-halaman di dalamnya

b.      SUWANTO RAHARJO S.Si, M.Kom

Web merupakan salah satu layanan internet yang paling banyak digunakan dibanding dengan layanan lain seperti ftp, gopher, news atau bahkan email.

c.       WAHANA KOMPUTER

Web adalah formulir komunikasi interaktif yang digunakan pada sutu jaringan komputer

d.      A. TAUFIQ HIDAYATULLAH

Web adalah bagian paling terlihat sebagai jaringan terbesar dunia, yakni intrenet

e.       HAER TALIB

Web adalah sebuah tempat di internet yang emmpunyai nama dan alamat

f.       BOONE (THOMSON) 

Web adalah koleksi sumber informasi kaya grafis yang saling berhubungan satu sama lain dalam internet yang lebih besar

g.      FERI INDAYUDHA

Web adalah suatu program yang dapat emmuat film, gambar, suara, serta musik yang ditampilkan dalam internet

h.      YUHEFIZAR

Web adalah suatu metode untuk menampilan informasi di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang dapat diakses melalui sebuah browser

1.1.2        HTML

HTML Merupakan suatu script dimana kita bisa menampilkan informasi dan daya kreasi kiata lewat Internet.HTML memiliki perbedaan dengan dokumen teks biasa.misalnya:perbedaan yang paling men-colok adalah pada dokumen word,banyaknya karakter akan terbatasi oleh besarnya kertas.Sedangkan HTML tak memiliki batasan teks. HTML adalah Bahasa pemrograman yang fleksibel di mana kita bisa meletakkan skrip dari bahasa pemrograman lain seperti JAVA,Visual Basic,C dan lain-lain.jika HTML tersebut tidak dapat mendukung suatu perintah pemrograman tertentu.Browser tidak akan menampilkan kotak dialog”Syntax Error” jika terdapat penulisan kode yang keliru pada skrip HTML sepanjang kode-kode yang kita tuliskan merupakan kode-kode HTML tanpa penambahan kode-kode dari luar seperti  java. Oleh karena itu,jika terjadi syntax error pada skrip HTML ,efek yang paling jelas adalah HTML tersebut tak akan ditampilkan pada halaman jendela Browser.

1.      Sejarah HTML

Konsep hypertext bagi kebanyakan orang merupakan sesuatu yang baru.ide pembuatan  Hypertext itu  sendiri muncul tatkala kita akan memberikan suatu penjelasan khusus terhadap dokumen lainnya lewat suatu link.HTML memiliki arti bahwa dalam suatu dokumen teks terdapat dua bagian yang khusus,yaitu bagian teks itu sendiri dan bagian elemen-elemen yang menjelaskan teks-teks itu.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

Bahasa pemrograman untuk melakukan tugas tersebut disebut markup Language,atau lebih lengkapnya IBM menamai program tersebut Generalized Markup Language(GML)

a.       SGML KE HTML

HTML dulu merupakan salah satu bagian dari SGML ini.Seorang peneliti yang bernama Tim Berners-Lee dari CERN-yang kini menjadi direktur W3C mengemukakan suatu ide tentang pembuatan suatu skrip bahasa pemrograman dan dokumen yang bisa diakses oleh seluruh komputer tanpa melihat jenis platform-nya apakah windows,UNIX,Linux,dan sebagainya.Semenjak itu HTML justru lebih populer daripada SGML

2.      Perkembangan  HTML

Hingga kini HTML telah mencapai versi 3.02 yang telah kita pakai sekarang ini

                               I.            HTML VERSI 1.0

HTML Versi 1.0 merupakan HTML Pionir yang di dalamnya  masih terdapat banyak sekali kelemahan sehingga wajar jika tampilanyang di hasilkan sangat sederhana.Kemampuanya yakni heading,paragraf,hyper-Text,list,serta cetak tebal dan miring pada teks.Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan text di sekelilingnya.

                            II.            HTML VERSI 2.0

Pada versi ini,penambahan kualitas HTML terletak pada kemampuan untuik menampilkan suatu form pada dokumen.Dengan adanya form ini ,maka kita dapat memasukkan nama,alamat,serta saran dan kritikan.HTML Versi 2.0 ini merupakan pionir dari adanya Homepage interaktif.

                         III.            HTML VERSI 3.0

Versi HTML 3.0 menambahkan beberapa fasilitas baru seperti  FIGURE yang merupakan perkembangan dari IMAGE untuk meletakkan gambar dan tabel.selain itu,HTML ini mendukung adanya rumus-rumus matematika dalam dokumennya.

                         IV.            HTML VERSI 3.2

HTML Versi 3.2 merupakan HTML yang sering kita gunakan saat ini.Di dalamnya terdapat suatu teknologi untuk meletakkan teks di sekeliling gambar,gambar sebagai latar belakang,tabel,frame stylesheet,dan lain-lain.Selain itu pada HTML Versi ini,kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML kita tersebut seperti JAVASCRIPT,VBSCRIPT,dan lain-lain

                            V.            HTML VERSI 4.0

HTML Versi 4.0 ini merupakan HTML Versi terakhir pada saat buku ini dibuat.HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya .Perubahan ini hampir terjadi di segala perintah-perintah HTML seperti table,image,link,text,meta,imagemaps,form,dan lain-lain.

3.      Mendesain HTML

Mendesain HTML berarti melakukan suatu tindakan pemrograman.itu berarti jika anda desainer Homepage,maka anda adalah seorang programmer.Mendesain Homepage tidaklah hanya sebatas menuliskan perintah-perintah tertentu agar HTML kita dapat di akses di Browser.Mendesain Homepage adalah suatu seni tersendiri.Homepage-yang merupakan implementasi dari HTML-merupakan refleksi dari orang yang membuatnya.Untuk itu kita perlu mendesainnya denagn baik agar para netter merasa tertarik dan betah untuk mengunjunginya(bahkan kalau bisa memboookmark-nya)..Ada kelebihan dan kekurangan dari dua caradiatas.Kelebihan cara pertama,proses desain homepage dapat langsung di lihat dan energi kita tidak banyak di keluarkan.Namun kelemahanny6a dengan HTML Editor ,kita tidak bisa mensisipi suatu perintah tertentu seperti frame,form,dan lain-lain.Sedangkan dengan perintah script sendiri,energikita cukup banyak terkuras,dan hasilnya tak langsung dapat di lihat.script tersebut harus di buka oleh web Browser.Namun kelebihannya kita bebas menyisipi suatu perintah-bahkan perintah yang bukan merupakan default HTML,seperti JAVASCRIPT.

Beberapa web Browser ,Seperti Netscape Navigator,memiliki suatu fasilitas untuk mendesain Homepage lewat HTML Editornya.Cara mendesain seperti ini akan terasa lebih menyenangkan di mana kita tidak perlu menghafal kode-kode perintah dan untuk HTML Editor yang mendukung kemampuan WYSIWYG.hasil desain homepagenya dapat langsung kita lihat.HTML Editor ini bisa dimanfaatkan bagi mereka yang masih awam terhadap bahasa pemrograman HTML ini.caranya,setelah mendesain suatu Homepage tertentu.htm tersebut kita buka lewat text-editor,seperti Notepad for windows.

4.      Bagian-Bagian pada HTML

HTML terdiri dari beberapa bagian fungsinya sebagai tanda suatu kelompk perintah tertentu,misalnya perintah form,frame Elemen pada HTML dapat didefinisikan sebagai suatu kode tertentu yang akan menyediakan tempat untuk meletakkan beberapa kode di dalamnya.Berbeda dengan Tag yang menangani satu kode saja.Untuk lebih jelasnya perhatikan skema elemen di bawah ini.

<HTML>

.......elemen Pembuka..........

<HEAD>

.......di sini dapat anda masukkan kode-kode untuk untuk menuliskan keterangan tentang dokumen anda........

</HEAD>

<BODY>

.....DISINI DAPAT ANDA MASUKKAN KODE-KODE UNTUK ME-LAYOUT TAMPILAN Homepage anda..........

</BODY>

</HTML>

......ELEMEN PENUTUP.............

1.1.3        CSS

CSS yaitu suatu teknologi yang digunakan untuk memperindah halaman website CSS Digunakan untuk membuat sebuah template untuk halaman web yang mudah dan dinamis. Kelebihan dari CSS yaitu pada kemampuannya menangani pengaturan layout halaman web. Jika menggunakan HTML, maka pengaturan akan dibatasi pada elemen tertentu saja, namun dengan menggunakan CSS, pengaturan layout dapat dibuat menjadi lebih mudah. Cascading Style Sheets (CSS). CSS ini telah distandarkan oleh World Wide Web Consortium (W3C) untuk digunakan di web browser.

-          Keuntungan CSS

·         Dapat  di-update  dengan  cepat  dan  mudah,  karena  kita  cukup mendefinisikan sebuah style-sheet global yang berisi aturan- aturan  CSS tersebut untuk diterapakan pada seluruh dokumen- dokumen HTML pada halaman situs kita.

·         User yang berbeda dapat mempunyai style-sheet yg berbeda pula.

·         Ukuran dan kompleksitas document code dapat diperkecil.

-          Cascading Style Sheets (CSS)

Sebuah style sheet terdiri dari beberapa aturan (rules). Masing- masing aturan terdiri dari satu atau lebih selektor (selector) dan sebuah blok deklarasi (declaration block). Sebuah blok deklarasi terdiri dari beberapa deklarasi yang dipisahkan oleh titik koma (;). Masing-masing deklarasi terdiri dari property, titik dua (:) dan nilai (value).

-          Eksternal style

Eksternal style sheet ideal ketika style diterapkan untuk beberapa halaman. Dengan sebuah eksternal style sheet, perubahan untuk keseluruhan halaman web dilakukan dengan merubah satu file saja. Setiap halaman harus link ke style sheet menggunakan tag <link>

1.1.4        Javascript

Javascript 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   masukan- masukan 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.

1.       Struktur JavaScript

Struktur dari JavaScript adalah <SCRIPT LANGUAGE = ”JavaScript”>

<!- -

Penulisan kode javascript

// - - >

</SCRIPT>

Kode <!- -            // - - > umumnya  disertakan  dengan tujuan agar sekiranya  browser tidak mengenali  JavaScript  maka  browser  akan  memperlakukannya   sebagai  komentar  sehingga tidak ditampilkan pada jendela browser.

2.      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 JavaScript”;

3.      Metode

Metode  adalah  suatu  kumpulan  kode  yang  digunakan  untuk  melakukan  sesuatu  tindakan terhadap objek.

Penulisan : Nama_objek.nama_metode(parameter) document.write (”Hallo”)

4.       Letak JavaScript dalam HTML

Skrip Javascript dalam dokumen HTML dapat diletakkan

1.      Bagian head

2.      Bagian body