Web Architecture

Pengenalan 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). Nah, HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.

HTML merupakan bahasa standard yang digunakan untuk membuat  website , dengan HTML kita dapat melakukan banyak hal , antara lain:

·        Mendesain tampilan website dengan isinya.

·        Membuat form interaktif untuk formulir pendaftaran , belanja online, dan lain-lain

·        Menambahkan gambar , suara maupun video kedalam tampilan website.

Penulisan HTML dan Menampilkan Hasilnya

Untuk menuliskan dokumen HTML diperlukan sebuah editor sebagai media penulisannya. Editor yang dapat digunakan adalah notepad, macromedia dreamweaver, frontpage, bluefish, dan lain-lain.

Setelah dokumen HTML kita tulis maka kita dapat menampilkan hasilnya dalam sebuah browser. Browser ini berfungsi untuk menterjemahkan tag-tag HTML menjadi sebuah halaman web.

Tag HTML

Perintah dalam html biasanya disebut tag. Bentuk dasar tag dalahsebagai berikut :

         ….

Bentuk tag html secara lengkap adalah sebagai berikut:

           

            Elemen             : nama tag

            Attribute           : atribut dari tag

            Value               : nilai suatu atribut

Contoh:

           

            Tag ini berarti menyatakan elemen body yang mempunyai atribut bgcolor yang mempunyai nilai green. Tag ini akan menghasilkan latar belakang website dengan warna hijau. Tag html tidak case sensitive,  mempunyai arti yang sama dengan .

Struktur dokumen HTML

            Dokumen html mempunyai 3 bagian utama:

1.      Tag HTML

Tag ini wajib ada, menyatakan kepada browser bahwa yang ada diantara tag ini adalah dokumen html.

2.      Tag HEAD

Tag ini menyatakan header,di dalam tag ini kita dapat membuat tag

untuk menampilkan judul pada sebuah website yang ditampilkan diatas taskbar suatu browser.

3.      Tag BODY

Tag body berguna untuk menampilkan teks, link, gambar dan yang lainnya pada halaman website.

                                

Elemen dasar HTML

·        Blok level elemen

Blok elemen yang sering digunakan adalah Heading (H1 sampai H6). Semakin besar level yang diguakan akan semakin besar tulisannya.
 

·        Paragraf

Untuk membuat sebuah paragraph dalam halaman website. Setiap tag ini maka akan dihasilkan paragraph baru.

·        Huruf

Dalam dokumen HTML dengan menggunkan tag Font maka kita akan dapat menentukan jenis huruf, ukuran huruf, warna dan yang lainnya.

Attribute:

·   Face    : untuk menentukan jenis huruf

·   Size     : untuk menentukan ukuran huruf

·   Color  : untuk menentukan warna huruf

Contoh:

Tag ini akan menghasilkan kalimat dengan jenis huruf arial, ukuran huruf 15, dan berwarna biru

·        Format teks

Format teks ini berguna untuk memformat teks apakah teks tersebut tercetak tebal, miring, dan format yang lainnya.

…	Memformat teks untuk dicetak tebal
…	Memformat teks dengan garis bawah
…	Memformat teks menjadi miring
…	Memformat teks menjadi superscript
…	Memformat teks menjadi subcrip
…	Memformat teks seperti di coret
…	Teks berkedip
…	Preformatetted teks

Links

            Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara dan akan terdapat garis bawah.

Contoh:

            Klik disiniuntuk membuat link ke halaman lain.

mailto:asqa@student.gunadarma.ac.id”>Klik disiniuntuk membuat link pada alamat e-mail.

untuk membuat link dengan menngunakan gambar.

        

Lists

            Terdapat tiga tipe list yang dapat digunakan, yaitu:

·        Unordered List:

     Untuk membuat daftar item dengan tanda bullet.

·        Ordered Lists:

Untuk membuat daftar item , yang ada didalamnya memiliki nomor secara urut.        

   

·        Definition Lists:

            Untuk mendefinisikan atau menjelaskan istilah-istilah. List ini disebut juga sebagai Glossray List. Istilah yang akan didefinisikan diaali dengan tag

dan definisi istilahnya diawali dengan tag

Images

            Digunakan untuk menampilkan gambar atau animasi pada halaman web anda. Format gambar yang dapat digunakan: PICT, GIF, JPEG, BMP, dan lain-lain.

            Elemen image dinyatakan dengan tag dan disertai attribute yaitu SRC, ALT, dan ALIGN. SRC untuk menentukan sumber gambar yang akan ditampilkan, ALT untuk alternative bila browser berbasis teks,dan ALIGN untuk mengatur perataan teks.

Contoh :

           

            http://www.image.com/image/inline.gif”>

Tables

            Table sangat penting artinya dalam desain web. Karena dengan menggunakan tag table anda dapat membuat halaman web “terbagi” pada beberapa kolom atau baris.

Atribut : ·        Align                : untuk perataan teks (Left, Center, Right) ·        Bgcolor            : untuk pewarnaan latar belakang pada table ·        Border             : untuk menentukan besarnya border ·        Cellpadding      : untuk menentukan jarak pada isi table dengan tepian cell ·        Cellsacing         : untuk menentukan jarakantar cell ·        Width               : untuk menentukan lebar Frames             Digunakan untuk membagi-bagi window browser menjadi beberapa bagian sehingga berbagai informasi dapat ditampilkan suatu saat. Cara-cara pembuatan frame pada HTML:             Pertama kita harus menyusun terlebih dahulu berapa banyak frame yang akan dibuat serta letak frame tersebut. Kemudian perlu diketahui bahwa dalam pembuatan frame harus memiliki beberapa dokumen html untuk ditampilkan pada frame tersebut. Dimana banyaknya dokumen html akan sama dengan banyaknya frame yang akan dibuat. Tag nya adalah sebagai berikut :             untuk membentuk baris frame             untuk membentuk kolomframe Atribut: ·        Name                           : untuk memberikan nam frame ·        Noresize                       : frame tidak bisa diperbesar/diperkecil ·        Scrolling=yes/no           : frame terdapat scrollbar ·        Marginheight                 : jarak spasi vertical dalam satuan pixel ·        Marginwidth                 : jarak spasi horizontal dalam pixel                                                 Sumber : Pengantar Internet, LEPKOM Universitas Gunadarma

lirik kotak (pelan-pelan saja)

Lirik lagu Kotak Pelan Pelan Saja
Posting lirik ini di blog anda

Kutahu kamu pasti rasa
Apa yang kurasa

Kutahu cepat atau lambat
Kamu ‘kan mengerti

Hati bila dipaksakan
Pasti takkan baik

Pantasnya kamu mencintai,
Yang juga cintai dirimu
Cinta kamu…..

Sejarah WEB

Web adalah sistem pengiriman dokumen tersebar yang berjalan di internet. Web dikembangkan di Laboratorium Fisika Partikel Eropa atau lebih dikenal dengan CERN (European Center for Nuclear Research), suatu lembaga bagi penelitian fisika energi tinggi di Geneva, Swiss. Sejarah web dimulai pada bulan Maret 1989 ketika Tim Berner-Lee yang bekerja di CERN mengajukan protocol (suatu tatacara untuk berkomunikasi) system distribusi internet yang digunakan untuk berbagi informasi di antara para fisikawan.

Protokol inilah yang selanjutnya lebih dikenal sebagai protocol World Wide Web dan dikembangkan oleh World Wide Web Consortium (W3C). Sebagaimana kita ketahui, W3C adalah konsorsium dari sejumlah organisasi yang berkepentingan dalam pengembangan berbagai standar yang berkaitan dengan web.

Perkembangan selanjutnya dari konsep Berners-Lee ini melahirkan Mosaic, sebuah web browser grafis yang pertama. Web memiliki banyak kemungkinan hubungan antar dokumen tanpa awal dan akhir.

Dimana dalam dokumen web harus ditulis dalam suatu format khusus yang memungkinkan hypertext saling terjalin untuk bekerja. Format ini adalah Hypertext Markup Language atau biasa disingkat dengan panggilan HTML. HTML merupakan bagian dari Stpenggunard Generalized Markup Language (SGML). SGML sendiri merupakan stpenggunar dari International Stpenggunard Organization (ISO) yang digunakan untuk mendefinisikan format pada dokumen teks.

Sekarang web telah berevolusi dari sebuah protokol sederhana untuk mengantarkan informasi menjadi platform komersiil dan rumit untuk mendistribusikan dan berbagi ide. Internet telah berevolusi dalam beberapa dekade terakhir, teknologi-teknologi baru yang bermunculan membuat pengembangan web semakin mudah dan menyenangkan.

Di bawah ini adalah 10 momen terbesar dalam sejarah pengembangan web:

1. Linux Torvalds Membuat Kernel Linux

Saat Linus Torvalds merilis Linux di tahun1991, kernel tersebut mengundang kritik keras dari berbagai pengembang sistem UNIX lain. Beberapa orang berpendapat Linux menargetkan arsitektur yang salah (32-bit), ada juga yang berpendapat Linux memiliki cacat secara fundamental. Walaupun begitu, kernel yang dikembangkan Linus pada akhirnya berkembang menjadi sistem operasi pilihan untuk sebagian besar web server hari ini.

2. Browser Mosaic Dirilis

Internet akan menjadi tempat yang jauh lebih membosankan tanpa Mosaic, browser pertama yang mempopulerkan internet. Saat dirilis di tahun 1993, Mosaic adalah browser pertama yang mendukung bookmark, ikon, tampilan yang modern (pada tahun 1993) dan kemampuan untuk menampilkan gambar.

Sebelum Mosaic, gambar-gambar harus diunduh dan dibuka di desktop. Setelah browser dapat menampilkan gambar secara inline, aktivitas berselancar internet berubah total dan mendorong internet memasuki segmen mainstream.

3. W3C Merilis CSS 1

CSS telah beredar di dunia komputer sejak tahun 1970-an dalam berbagai bentuk. Bulan Desember 1996 adalah pertama kalinya World Wide Web Consortium (W3C) merilis CSS level 1 Recommendation. Tidak lama setelah itu Microsoft meluncurkan Internet Explorer 3 yang menawarkan dukungan CSS terbatas. Sejak saat itu, semua browser modern hari ini mendukung CSS, walaupun masih ada beberapa yang kurang mematuhi standar web. Berkat CSS, situs web menjadi lebih mudah dipelihara dan dibuat (asalkan browser yang dipakai mematuhi standar web).

4. Gerakan Open Source Dimulai

Gerakan open source memang sudah ada sebelumnya sejak lama. Percaya atau tidak, web pada awalnya tidak dibuat untuk alasan komersiil,hanya dibuat untuk memudahkan pertukaran informasi. Sejak situs menjadi sumber pendapatan, pertukaran informasi yang pada awalnya mendefinisikan internet mulai berkurang, hingga saat ini.

Untunglah gerakan open source dimulai. Internet sendiri dibuat dengan bantuan open source yang tercipta di tahun 1960-an. Di tahun 1998, beberapa pemain internet besar bertemu di acara Freeware Summit yang diadakan Tim O'Reilly dan setuju untuk menggunakan istilah "open source" dan secara resmi memulai inisiatif open source. Lisensi open source mulai dibuat untuk memungkinkan pengembang bekerja sama mendistribusikan dan memodifikasi source code.

5. Rasmus Lerdord Merilis PHP

Berkat open source, bahasa dinamik seperti PHP didistribusikan secara bebas biaya kepada para pengembang web. Anda tidak akan menemukan sebuah penyedia hosting yang tidak menawarkan PHP. PHP adalah bahasa standar de facto untuk pengembangan web dan terinstal di lebih dari 20 juta situs dan 1 juta server.

Saat PHP diperkenalkan Rasmus Lerdorf di tahun 1995, bahasa tersebut dengan cepat diadopsi sebagai bahasa yang terbaik untuk pemrograman web. PHP dapat dioperasikan di server web, dapat ditanamkan ke dalam HTML dan bekerja baik dengan database SQL. PHP memungkinkan pengembang untuk dengan cepat membuat situs berbasis database.

6. PayPal Didirikan

Walaupun sering kontroversial, tidak diragukan lagi bahwa PayPal merupakan pelopor proses transfer uang online. Didirikan di tahun 1998, PayPal pada awalnya didesain sebagai cara aman untuk mengirimkan uang dari pembeli ke penjual di situs-situs lelang seperti eBay.

PayPal menjadi semakin populer di kalangan pengguna eBay dan setelah diakuisisi eBay di, sistem tersebut mulai dibuka untuk dan memudahkan para pengembang untuk menerima bayaran atas layanan yang mereka sediakan.

7. Lahirnya Firefox

Di tahun 2003 Internet Explorer merupakan penguasa tunggal di segmen browser, tanpa saingan sama sekali. Sejak jatuhnya Netscape, IE menguasai 94% pangsa pasar internet.

Tanpa saingan, perkembangan IE juga melambat, dan periode update IE yang biasanya hanya satu tahun dari versi 1 hingga 6 menjadi lima tahun dari IE6 ke IE7 di tahun 2006. Yang mendorong pengembangan IE di pertengahan 2000-an adalah browser open source Mozilla, Firefox.

Firefox pertama kali memasuki industri browser di tahun 2003. Versi pertama Firefox mengatasi banyak kekurangan IE termasuk tabbed browsing, spell checking, live bookmarking dan banyak lagi fitur inovatif lainnya. Akan tetapi yang lebih penting lagi untuk komunitas pengembang web, Firefox dibuat berdasarkan rendering engine Gecko yang mematuhi standar web.

8. Ruby on Rails Menjadi Mainstream

Walaupun beberapa orang tidak menganggap kejadian ini sebagai momen besar dalam sejarah pengembangan web, populernya Ruby on Rails (RoR) sangatlah penting karena menjadi simbol berubahnya model pengembangan web yang menggunakan framework untuk mengembangkan situs secara efisien.

David Heinemeier Hansson merilis RoR di tahun 2004 dan sejak saat itu sudah banyak framework pengembangan web untuk PHP dan Python yang dirilis.

9. 37 Signals Merilis Ebook "Getting Real"

37 Signals telah menjadi salah satu perusahaan pengembangan web paling populer dalam lima tahun terakhir. Tidak hanya melahirkan produk-produk luar biasa, mereka menjadi salah satu pemikir terdepan dalam pengembangan web modern, terutama mempromosikan metode pengembangan "agile".

Produk pertama mereka Basecamp dibuat menggunakan RoR versi pertama dan filosofi pengembangan web yang mereka pakai menjadi salah satu penyebab populernya mereka di kalangan pengembang web. Dan dirilisnya eBook berjudul "Getting Real" di tahun 2006 membuat cara pengembangan web agile menjadi semakin populer.

10. Amazon Meluncurkan Penyimpanan Berbasis Cloud

Dengan layanan S3 dan EC2 di tahun 2006, penyimpanan dan layanan berbasis cloud secara resmi menjadi mainstream. Apabila biasanya perusahaan harus terus menambahkan server yang mahal seiring bertumbuhnya bisnis mereka, dengan Amazon pengembang hanya perlu membayar biaya bandwidth yang mereka pakai.

Secara teori pengembang dapat membuat layanan dengan skalabilitas yang tidak terbatas menggunakan S3 dan EC2. Layanan berbasis web kini menjadi jauh lebih murah untuk dibuat dibanding sebelumnya. (via Nettuts)