SEJARAH SUSUNAN KEYBOARD

Pernahkah kalian berfikir mengapa susunan keyboard yang sehari-hari yang umumnya kita gunakan dibuat dengan susunan yang seperti itu. Dan apakah menurut kamu apakah susunan yang seperti itu merupakan yang paling efisien yang pernah dibuat sehingga kita akan lebih mudah dan cepat untuk kita mengetik.

Begini, susunan keyboard yang dipakai umum sekarang ini (QWERTY) sebenarnya adalah salah satu susunan yang paling tidak efisien yang ditujukan agar kita-kita dapat mengetik dengan lebih lambat. Mengapa demikian? Ini dia sejarah susunan keyboard..

Hal ini berkaitan dengan sejarah mesin ketik yang ditemukan lebih dulu oleh Christopher Latham Sholes (1868). Saat menciptakan mesin ketik prototype sebelumnya, malah sangat memungkinkan kita untuk mengetik dengan lebih cepat.

Terlalu cepatnya kemungkinan dalam mengetik tersebut, sampai- sampai sering timbul masalah pada saat itu. Seringkali saat tombol ditekan, batang-batang huruf (slug) yang menghentak pita itu mengalami kegagalan mekanik, yang lebih sering diakibatkan karena batang-batang itu saling mengait (jamming).

Karena bingung memikirkan solusinya pada saat itu, Christopher Latham Sholes justru mengacak-acak urutan itu demikian rupa sampai ditemukan kombinasi yang dianggap paling sulit untuk digunakan dalam mengetik. Tujuannya jelas, untuk menghindari kesalahan-kesalahan mekanik yang sering terjadi sebelumnya.

Akhirnya susunan pada mesin ketik inilah yang diturunkan pada keyboard sebagai input komputer dan pada tahun 1973 diresmikan sebagai keyboard standar ISO (International Standar Organization). Sebenarnya ada beberapa standar susunan keyboard yang dipakai sekarang ini. Sebut saja ASK (American Simplified Keyboard), umum disebut DVORAK yang ditemukan oleh Dr. August Dvorak sekitar tahun 1940.

Secara penelitian saat itu, susunan DVORAK memungkinkan kita untuk mengetik dengan lebih efisien. Tetapi mungkin karena terlambat, akhirnya DVORAK harus tunduk karena dominasi QWERTY yang sudah terjadi pada organisasi-organisasi dunia saat itu dan mereka tidak mau menanggung resiko rush apabila mengganti ke susunan keyboard DVORAK.

Satu-satunya pengakuan adalah datang dari ANSI (American National Standard Institute) yang menyetujui susunan keyboard Dvorak sebagai versi “alternatif� di sekitar Tahun 1970. Susunan keyboard lainnya yang masih perkembangan dari susunan QWERTY adalah QWERTZ yang dipakai di negara seperti Hungaria, Jerman, Swiss, dll. AZERTY oleh negara Prancis dan Belgia, QZERTY, dll.

Pernahkah kalian berfikir mengapa susunan keyboard yang sehari-hari yang umumnya kita gunakan dibuat dengan susunan yang seperti itu. Dan apakah menurut kamu apakah susunan yang seperti itu merupakan yang paling efisien yang pernah dibuat sehingga kita akan lebih mudah dan cepat untuk kita mengetik.

Begini, susunan keyboard yang dipakai umum sekarang ini (QWERTY) sebenarnya adalah salah satu susunan yang paling tidak efisien yang ditujukan agar kita-kita dapat mengetik dengan lebih lambat. Mengapa demikian? Ini dia sejarah susunan keyboard..

Hal ini berkaitan dengan sejarah mesin ketik yang ditemukan lebih dulu oleh Christopher Latham Sholes (1868). Saat menciptakan mesin ketik prototype sebelumnya, malah sangat memungkinkan kita untuk mengetik dengan lebih cepat.

Terlalu cepatnya kemungkinan dalam mengetik tersebut, sampai- sampai sering timbul masalah pada saat itu. Seringkali saat tombol ditekan, batang-batang huruf (slug) yang menghentak pita itu mengalami kegagalan mekanik, yang lebih sering diakibatkan karena batang-batang itu saling mengait (jamming).

Karena bingung memikirkan solusinya pada saat itu, Christopher Latham Sholes justru mengacak-acak urutan itu demikian rupa sampai ditemukan kombinasi yang dianggap paling sulit untuk digunakan dalam mengetik. Tujuannya jelas, untuk menghindari kesalahan-kesalahan mekanik yang sering terjadi sebelumnya.

Akhirnya susunan pada mesin ketik inilah yang diturunkan pada keyboard sebagai input komputer dan pada tahun 1973 diresmikan sebagai keyboard standar ISO (International Standar Organization). Sebenarnya ada beberapa standar susunan keyboard yang dipakai sekarang ini. Sebut saja ASK (American Simplified Keyboard), umum disebut DVORAK yang ditemukan oleh Dr. August Dvorak sekitar tahun 1940.

Secara penelitian saat itu, susunan DVORAK memungkinkan kita untuk mengetik dengan lebih efisien. Tetapi mungkin karena terlambat, akhirnya DVORAK harus tunduk karena dominasi QWERTY yang sudah terjadi pada organisasi-organisasi dunia saat itu dan mereka tidak mau menanggung resiko rush apabila mengganti ke susunan keyboard DVORAK.

Satu-satunya pengakuan adalah datang dari ANSI (American National Standard Institute) yang menyetujui susunan keyboard Dvorak sebagai versi “alternatif� di sekitar Tahun 1970. Susunan keyboard lainnya yang masih perkembangan dari susunan QWERTY adalah QWERTZ yang dipakai di negara seperti Hungaria, Jerman, Swiss, dll. AZERTY oleh negara Prancis dan Belgia, QZERTY, dll.

SEJARAH SUSUNAN KEYBOARD

Pernahkah kalian berfikir mengapa susunan keyboard yang sehari-hari yang umumnya kita gunakan dibuat dengan susunan yang seperti itu. Dan apakah menurut kamu apakah susunan yang seperti itu merupakan yang paling efisien yang pernah dibuat sehingga kita akan lebih mudah dan cepat untuk kita mengetik.

Begini, susunan keyboard yang dipakai umum sekarang ini (QWERTY) sebenarnya adalah salah satu susunan yang paling tidak efisien yang ditujukan agar kita-kita dapat mengetik dengan lebih lambat. Mengapa demikian? Ini dia sejarah susunan keyboard..

Hal ini berkaitan dengan sejarah mesin ketik yang ditemukan lebih dulu oleh Christopher Latham Sholes (1868). Saat menciptakan mesin ketik prototype sebelumnya, malah sangat memungkinkan kita untuk mengetik dengan lebih cepat.

Terlalu cepatnya kemungkinan dalam mengetik tersebut, sampai- sampai sering timbul masalah pada saat itu. Seringkali saat tombol ditekan, batang-batang huruf (slug) yang menghentak pita itu mengalami kegagalan mekanik, yang lebih sering diakibatkan karena batang-batang itu saling mengait (jamming).

Karena bingung memikirkan solusinya pada saat itu, Christopher Latham Sholes justru mengacak-acak urutan itu demikian rupa sampai ditemukan kombinasi yang dianggap paling sulit untuk digunakan dalam mengetik. Tujuannya jelas, untuk menghindari kesalahan-kesalahan mekanik yang sering terjadi sebelumnya.

Akhirnya susunan pada mesin ketik inilah yang diturunkan pada keyboard sebagai input komputer dan pada tahun 1973 diresmikan sebagai keyboard standar ISO (International Standar Organization). Sebenarnya ada beberapa standar susunan keyboard yang dipakai sekarang ini. Sebut saja ASK (American Simplified Keyboard), umum disebut DVORAK yang ditemukan oleh Dr. August Dvorak sekitar tahun 1940.

Secara penelitian saat itu, susunan DVORAK memungkinkan kita untuk mengetik dengan lebih efisien. Tetapi mungkin karena terlambat, akhirnya DVORAK harus tunduk karena dominasi QWERTY yang sudah terjadi pada organisasi-organisasi dunia saat itu dan mereka tidak mau menanggung resiko rush apabila mengganti ke susunan keyboard DVORAK.

Satu-satunya pengakuan adalah datang dari ANSI (American National Standard Institute) yang menyetujui susunan keyboard Dvorak sebagai versi “alternatif� di sekitar Tahun 1970. Susunan keyboard lainnya yang masih perkembangan dari susunan QWERTY adalah QWERTZ yang dipakai di negara seperti Hungaria, Jerman, Swiss, dll. AZERTY oleh negara Prancis dan Belgia, QZERTY, dll.

WEB BESERTA CONTOH HTML & PERKEMBANGANNYA

WEB

Artikel WEB

1.1 Rekayasa Web (Web Engineering)
Dalam jangka waktu yang relatif singkat, Internet dan World Wide Web (biasa disebut dengan web) telah berkembang dengan sangat pesat sehingga dapat melampaui kecepatan perkembangan teknologi lainnya di dunia. Internet dan web juga berkembang pesat dalam hal jangkauan dan luas bidang kegunaan yang secara nyata mempengaruhi beberapa aspek kehidupan. Industri, seperti manufaktur, biro perjalanan, rumah sakit, perbankan, pendidikan dan pemerintahan menggunakan web untuk meningkatkan efisiensi operasional mereka.
Saat ini banyak diantara kita bergantung pada sistem dan aplikasi yang menggunakan antarmuka web yang harus berjalan dengan baik dan terpercaya. Oleh karena itu para pengembang web membutuhkan suatu metoda, suatu bidang keilmuan dan proses yang dapat diduplikasi, alat-alat pengembang web yang baik dan panduan-panduan dalam proses pengembangan web yang baik.
Web engineering (rekayasa web) adalah suatu proses yang digunakan untuk menciptakan suatu sistem aplikasi berbasis web dengan menggunakan ilmu rekayasa, prinsip-prinsip manajemen dan pendekatan sistematis sehingga dapat diperoleh sistem dan aplikasi web dengan kualitas tinggi. Tujuannya untuk mengendalikan pengembangan, minimalisasi resiko dan meningkatkan kualitas sistem berbasis web. [2]

1.1.1 Kualitas Sistem dan Aplikasi berbasis Web
Ada beberapa parameter yang dapat digunakan untuk mengukur aplikasi berbasis web.

Gambar II 1 Parameter Kualitas Aplikasi pada Sistem Berbasis Web

1.1.2 Alur Kerja Rekayasa Web

Bertolak belakang dengan persepsi dari beberapa pengembang perangkat lunak dan ahli-ahli dalam bidang rekayasa perangkat lunak (software engineering professional), rekayasa web tidaklah sama dengan rekayasa perangkat lunak walaupun keduanya melibatkan pemrograman dan pengembangan perangkat lunak.
Walaupun rekayasa web banyak mengadopsi prinsip-prinsip rekayasa perangkat lunak, rekayasa web memiliki banyak pendekatan, metoda, alat bantu, teknik dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web.
Pengembangan sistem berbasis web berbeda dengan pengembangan perangkat lunak konvensional, dimana pengembangan sistem berbasis web lebih banyak menghadapi tantangan. Pengembangan web adalah gabungan dari print publishing dan pengambangan perangkat lunak, diantara marketing dan perhitungan dan diantara seni dan teknologi.
Alternatif model dari rekayasa web adalah sebagai berikut :

Gambar II 2 Alur Kerja Rekayasa Web
1.1.2.1 Formulasi (formulation)
Kegiatan yang berfungsi untuk merumuskan tujuan dan ukuran dari aplikasi berbasis web serta menentukan batasannya sistem.
Tujuan yang ingin dicapai bisa dibedakan menjadi dua kategori, yaitu :
1. Tujuan yang bersifat informatif
Menyediakan suatu informasi tertentu kepada pengguna, berupa teks, grafik, audio, dan video.
2. Tujuan yang bersifat fungsional
Kemampuan untuk melakukan suatu fungsi yang dibutuhkan pengguna, misal dengan menggunakan aplikasi tersebut seorang dosen dapat memperoleh nilai akhir dan statistik nilai mahasiswa dari data-data ujian, tugas, kuis yang ia input ke dalam aplikasi.

1.1.2.2 Perencanaan (planning)
Kegiatan yang digunakan untuk menghitung estimasi biaya proyek pembuatan aplikasi berbasis web ini, estimasi jumlah pengembang, estimasi waktu pengembangan, evaluasi resiko pengembangan proyek, dan mendefinisikan jadwal pengembangan untuk versi selanjutnya (jika diperlukan).

1.1.2.3 Analisis (analysis)
Kegiatan untuk menentukan persyaratan � persyaratan teknik dan mengidentifikasi informasi yang akan ditampilkan pada aplikasi berbasis web. Analisis yang digunakan pada rekayasa web dilakukan dari empat sisi, yaitu :
1. Analisis isi informasi
Mengidentifikasi isi yang akan ditampilkan pada aplikasi berbasis web ini. Isi informasi dapat berupa teks, grafik, audio, maupun video.
2. Analisis interaksi
Analisis yang menunjukkan hubungan antara web dengan pengguna.
3. Analisis fungsional
Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna.
4. Analisis konfigurasi
Konfigurasi yang digunakan pada aplikasi berbasis web, internet, intranet, atau extranet. Selain itu, analisis ini juga meliputi relasi database dengan web jika diperlukan.

1.1.2.4 Rekayasa (engineering)
Terdapat dua pekerjaan yang dilakukan secara paralel, yaitu desain isi informasi dan desain arsitektur web.

1.1.2.5 Implementasi (page generation) & pengujian (testing)
Suatu kegiatan untuk mewujudkan desain menjadi suatu web site. Teknologi yang digunakan tergantung dengan kebutuhan yang telah dirumuskan pada tahap analisis.
Pengujian dilakukan setelah implementasi selesai dilaksanakan. Pengujian meliputi beberapa parameter yang akan menentukan standar aplikasi berbasis web yang telah dibuat. Tahap pengujian adalah suatu proses untuk menguji aplikasi berbasis web yang telah selesai dibuat. Hal ini bertujuan untuk menemukan kesalahan dan kemudian memperbaikinya. Pengembang suatu aplikasi berbasis web mendapat tantangan besar untuk melakukan pengujian karena karakter aplikasi ini yang beroperasi pada jaringan dengan berbagai macam pengguna, berbagai macam sistem operasi, perangkat keras, browser, protokol komunikasi, dll.
Ada beberapa pendekatan yang digunakan untuk melakukan pengujian, yaitu :
1. Pengujian fungsional dan operasional (fungsional and operational testing)
Bertujuan untuk menguji masukan dan keluaran dari aplikasi ini.
Hasil keluaran aplikasi bergantung dari teknologi yang digunakan, baik itu bahasa pemrograman maupun bahasa skrip yang digunakan.
Untuk menguji code HTML dan CSS yang digunakan dapat menggunakan alat bantu W3C HTML Validation Service di http://validator.w3.org/ dan W3C CSS Validation Service di http://jigsaw.w3.org/css-validator/
2. Pengujian navigasi (navigation testing)
Hal ini digunakan untuk melihat kesesuaian antara desain navigasi dengan navigasi yang ada di aplikasi. Navigasi berhubungan dengan link-link yang terdapat didalam aplikasi.
Untuk menguji link dapat digunakan alat bantu W3C Link Checker Service di http://validator.w3.org/checklink
3. Pengujian konfigurasi (configuration testing)
Pengujian ini dilakukan pada sistem operasi, browser, sistem perangkat keras dan perangkat lunak pendukung. Pengujian ini dilakukan untuk menentukan batas toleransi kebutuhan aplikasi akan perangkat lunak dan perangkat keras pendukungnya.
4. Pengujian keamanan dan performansi (security and performance testing)
Pengujian ini dilakukan untuk melihat tingkat keamanan aplikasi dengan cara menguji aspek-aspek yang dapat menimbulkan gangguan keamanan aplikasi maupun server. Keamanan aplikasi sangat bergantung pada teknologi pengembangan website, konfigurasi server yang digunakan dan kelakuan sistem. Pengujian performansi dapat dilakukan bersamaan dengan pengujian keamanan aplikasi, karena keamanan aplikasi berbasis web juga tergantung dari performansi server dan aplikasi tersebut.

1.1.2.6 Evaluasi oleh konsumen (customer evaluation)
Suatu kegiatan akhir dari siklus proses rekayasa web, akan menentukan apakah web yang telah selesai dibuat tersebut sesuai dengan yang mereka inginkan. Apabila aplikasi berbasis web ini belum sesuai dengan kehendak mereka, maka proses rekayasa web akan terus dilakukan dan dimulai lagi dari tahap formulasi untuk versi berikutnya.

Web 3.0 adalah generasi ketiga dari layanan internet berbasis web. Konsep Web 3.0 pertama kali diperkenalkan pada tahun 2001, saat Tim Berners-Lee, penemu World Wide Web, menulis sebuah artikel ilmiah yang menggambarkan Web 3.0 sebagai sebuah sarana bagi mesin untuk membaca halaman-halaman Web. Hal ini berarti bahwa mesin akan memiliki kemampuan membaca Web sama seperti yang manusia dapat lakukan sekarang ini.

Web 3.0 berhubungan dengan konsep Web Semantik, yang memungkinkan isi web dinikmati tidak hanya dalam bahasa asli pengguna, tapi juga dalam bentuk format yang bisa diakses oleh agen-agen software. Beberapa ahli bahkan menamai Web 3.0 sebagai Web Semantik itu sendiri.

Keunikan dari Web 3.0 adalah konsep dimana manusia dapat berkomunikasi dengan mesin pencari. Kita bisa meminta Web untuk mencari suatu data spesifik tanpa bersusah-susah mencari satu per satu dalam situs-situs Web. Web 3.0 juga mampu menyediakan keterangan-keterangan yang relevan tentang informasi yang ingin kita cari, bahkan tanpa kita minta.

Web 3.0 terdiri dari:

• Web semantik
• Format mikro
• Pencarian dalam bahasa pengguna
• Penyimpanan data dalam jumlah besar
• Pembelajaran lewat mesin
• Agen rekomendasi, yang merujuk pada kecerdasan buatan Web

Web 3.0 menawarkan metode yang efisien dalam membantu komputer mengorganisasi dan menarik kesimpulan dari data online. Web 3.0 juga memungkinkan fitur Web menjadi sebuah sarana penyimpanan data dengan kapasitas yang luar biasa besar.

Walaupun masih belum sepenuhnya direalisasikan, Web 3.0 telah memiliki beberapa standar operasional untuk bisa menjalankan fungsinya dalam menampung metadata, misalnya Resource Description Framework (RDF) dan the Web Ontology Language (OWL). Konsep Web Semantik metadata juga telah dijalankan pada Yahoo’s Food Site, Spivack’s Radar Networks, dan sebuah development platform, Jena, di Hewlett-Packard.

Bahasa pemrograman merupakan suatu teknik komando/instruksi standar untuk memerintah komputer.
Berikut adalah penjelasan tentang bahasa pemrograman apa saja yang biasa digunakan untuk membuat suatu website :
1. Bahasa Pemrograman HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.
Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
2. Bahasa Pemrograman PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.
PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).
3. Bahasa Pemrograman ASP
ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.
ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft.
ASP bekerja pada web server dan merupakan server side scripting.
4. Bahasa Pemrograman XML
Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.
XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja.
XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.

5. Bahasa Pemrograman WML
WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).
WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
6. Bahasa Pemrograman PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
7. Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.
8. Bahasa Pemrograman Javascript
Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.
JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.
Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.
9. Bahasa Pemrograman CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.
Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML.
Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL.
Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

HTML adalah singkatan dari Hyper Text Markup Language, HTML tidak tergolong kedalam sebuah bahasa pemrograman, HTML lebih dikenal sebagai bahasa markup yang terdiri dari serangkaian tag markup yang mampu menggambarkan sebuah halaman web.

HTML Markup Tag
HTML Markup Tag biasa disebut tag HTML adalah kata kunci yang diapit oleh sudut kurung seperti , tag HTML biasanya berpasangan seperti dan , tag disebut tag awal/pembuka dan adalah tag akhir/penutup cirinya ditambahkan tanda garis miring.

Dokumen HTML – Halaman Web
Dokumen HTML berisi serangkaian tag HTML kemudian diterjemahkan oleh web browser (internet explorer, mozilla firefox, dll.) untuk selanjutnya ditampilkan dalam bentuk halaman web, artinya apabila dokumen HTML sudah dibuka oleh web browser tidak lagi tampil tag-tag htmlnya melainkan sudah sebagai halaman web. Perhatikan gambar dibawah ini:
Dokumen HTML:

Secara garis besar, terdapat 4 jenis elemen dari HTML:

• structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
• presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
• hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh HTML Sederhana

.

FUngSi HTML.

HTML adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :

a. Membuat halaman web.
b. Menampilkan berbagai informasi di dalam sebuah browser Internet.
c. Membuat link menuju halaman web lain dengan kode tertentu

WEB BESERTA CONTOH HTML & PERKEMBANGANNYA

WEB

Artikel WEB

1.1 Rekayasa Web (Web Engineering)
Dalam jangka waktu yang relatif singkat, Internet dan World Wide Web (biasa disebut dengan web) telah berkembang dengan sangat pesat sehingga dapat melampaui kecepatan perkembangan teknologi lainnya di dunia. Internet dan web juga berkembang pesat dalam hal jangkauan dan luas bidang kegunaan yang secara nyata mempengaruhi beberapa aspek kehidupan. Industri, seperti manufaktur, biro perjalanan, rumah sakit, perbankan, pendidikan dan pemerintahan menggunakan web untuk meningkatkan efisiensi operasional mereka.
Saat ini banyak diantara kita bergantung pada sistem dan aplikasi yang menggunakan antarmuka web yang harus berjalan dengan baik dan terpercaya. Oleh karena itu para pengembang web membutuhkan suatu metoda, suatu bidang keilmuan dan proses yang dapat diduplikasi, alat-alat pengembang web yang baik dan panduan-panduan dalam proses pengembangan web yang baik.
Web engineering (rekayasa web) adalah suatu proses yang digunakan untuk menciptakan suatu sistem aplikasi berbasis web dengan menggunakan ilmu rekayasa, prinsip-prinsip manajemen dan pendekatan sistematis sehingga dapat diperoleh sistem dan aplikasi web dengan kualitas tinggi. Tujuannya untuk mengendalikan pengembangan, minimalisasi resiko dan meningkatkan kualitas sistem berbasis web. [2]

1.1.1 Kualitas Sistem dan Aplikasi berbasis Web
Ada beberapa parameter yang dapat digunakan untuk mengukur aplikasi berbasis web.

Gambar II 1 Parameter Kualitas Aplikasi pada Sistem Berbasis Web

1.1.2 Alur Kerja Rekayasa Web

Bertolak belakang dengan persepsi dari beberapa pengembang perangkat lunak dan ahli-ahli dalam bidang rekayasa perangkat lunak (software engineering professional), rekayasa web tidaklah sama dengan rekayasa perangkat lunak walaupun keduanya melibatkan pemrograman dan pengembangan perangkat lunak.
Walaupun rekayasa web banyak mengadopsi prinsip-prinsip rekayasa perangkat lunak, rekayasa web memiliki banyak pendekatan, metoda, alat bantu, teknik dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web.
Pengembangan sistem berbasis web berbeda dengan pengembangan perangkat lunak konvensional, dimana pengembangan sistem berbasis web lebih banyak menghadapi tantangan. Pengembangan web adalah gabungan dari print publishing dan pengambangan perangkat lunak, diantara marketing dan perhitungan dan diantara seni dan teknologi.
Alternatif model dari rekayasa web adalah sebagai berikut :

Gambar II 2 Alur Kerja Rekayasa Web
1.1.2.1 Formulasi (formulation)
Kegiatan yang berfungsi untuk merumuskan tujuan dan ukuran dari aplikasi berbasis web serta menentukan batasannya sistem.
Tujuan yang ingin dicapai bisa dibedakan menjadi dua kategori, yaitu :
1. Tujuan yang bersifat informatif
Menyediakan suatu informasi tertentu kepada pengguna, berupa teks, grafik, audio, dan video.
2. Tujuan yang bersifat fungsional
Kemampuan untuk melakukan suatu fungsi yang dibutuhkan pengguna, misal dengan menggunakan aplikasi tersebut seorang dosen dapat memperoleh nilai akhir dan statistik nilai mahasiswa dari data-data ujian, tugas, kuis yang ia input ke dalam aplikasi.

1.1.2.2 Perencanaan (planning)
Kegiatan yang digunakan untuk menghitung estimasi biaya proyek pembuatan aplikasi berbasis web ini, estimasi jumlah pengembang, estimasi waktu pengembangan, evaluasi resiko pengembangan proyek, dan mendefinisikan jadwal pengembangan untuk versi selanjutnya (jika diperlukan).

1.1.2.3 Analisis (analysis)
Kegiatan untuk menentukan persyaratan � persyaratan teknik dan mengidentifikasi informasi yang akan ditampilkan pada aplikasi berbasis web. Analisis yang digunakan pada rekayasa web dilakukan dari empat sisi, yaitu :
1. Analisis isi informasi
Mengidentifikasi isi yang akan ditampilkan pada aplikasi berbasis web ini. Isi informasi dapat berupa teks, grafik, audio, maupun video.
2. Analisis interaksi
Analisis yang menunjukkan hubungan antara web dengan pengguna.
3. Analisis fungsional
Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna.
4. Analisis konfigurasi
Konfigurasi yang digunakan pada aplikasi berbasis web, internet, intranet, atau extranet. Selain itu, analisis ini juga meliputi relasi database dengan web jika diperlukan.

1.1.2.4 Rekayasa (engineering)
Terdapat dua pekerjaan yang dilakukan secara paralel, yaitu desain isi informasi dan desain arsitektur web.

1.1.2.5 Implementasi (page generation) & pengujian (testing)
Suatu kegiatan untuk mewujudkan desain menjadi suatu web site. Teknologi yang digunakan tergantung dengan kebutuhan yang telah dirumuskan pada tahap analisis.
Pengujian dilakukan setelah implementasi selesai dilaksanakan. Pengujian meliputi beberapa parameter yang akan menentukan standar aplikasi berbasis web yang telah dibuat. Tahap pengujian adalah suatu proses untuk menguji aplikasi berbasis web yang telah selesai dibuat. Hal ini bertujuan untuk menemukan kesalahan dan kemudian memperbaikinya. Pengembang suatu aplikasi berbasis web mendapat tantangan besar untuk melakukan pengujian karena karakter aplikasi ini yang beroperasi pada jaringan dengan berbagai macam pengguna, berbagai macam sistem operasi, perangkat keras, browser, protokol komunikasi, dll.
Ada beberapa pendekatan yang digunakan untuk melakukan pengujian, yaitu :
1. Pengujian fungsional dan operasional (fungsional and operational testing)
Bertujuan untuk menguji masukan dan keluaran dari aplikasi ini.
Hasil keluaran aplikasi bergantung dari teknologi yang digunakan, baik itu bahasa pemrograman maupun bahasa skrip yang digunakan.
Untuk menguji code HTML dan CSS yang digunakan dapat menggunakan alat bantu W3C HTML Validation Service di http://validator.w3.org/ dan W3C CSS Validation Service di http://jigsaw.w3.org/css-validator/
2. Pengujian navigasi (navigation testing)
Hal ini digunakan untuk melihat kesesuaian antara desain navigasi dengan navigasi yang ada di aplikasi. Navigasi berhubungan dengan link-link yang terdapat didalam aplikasi.
Untuk menguji link dapat digunakan alat bantu W3C Link Checker Service di http://validator.w3.org/checklink
3. Pengujian konfigurasi (configuration testing)
Pengujian ini dilakukan pada sistem operasi, browser, sistem perangkat keras dan perangkat lunak pendukung. Pengujian ini dilakukan untuk menentukan batas toleransi kebutuhan aplikasi akan perangkat lunak dan perangkat keras pendukungnya.
4. Pengujian keamanan dan performansi (security and performance testing)
Pengujian ini dilakukan untuk melihat tingkat keamanan aplikasi dengan cara menguji aspek-aspek yang dapat menimbulkan gangguan keamanan aplikasi maupun server. Keamanan aplikasi sangat bergantung pada teknologi pengembangan website, konfigurasi server yang digunakan dan kelakuan sistem. Pengujian performansi dapat dilakukan bersamaan dengan pengujian keamanan aplikasi, karena keamanan aplikasi berbasis web juga tergantung dari performansi server dan aplikasi tersebut.

1.1.2.6 Evaluasi oleh konsumen (customer evaluation)
Suatu kegiatan akhir dari siklus proses rekayasa web, akan menentukan apakah web yang telah selesai dibuat tersebut sesuai dengan yang mereka inginkan. Apabila aplikasi berbasis web ini belum sesuai dengan kehendak mereka, maka proses rekayasa web akan terus dilakukan dan dimulai lagi dari tahap formulasi untuk versi berikutnya.

Web 3.0 adalah generasi ketiga dari layanan internet berbasis web. Konsep Web 3.0 pertama kali diperkenalkan pada tahun 2001, saat Tim Berners-Lee, penemu World Wide Web, menulis sebuah artikel ilmiah yang menggambarkan Web 3.0 sebagai sebuah sarana bagi mesin untuk membaca halaman-halaman Web. Hal ini berarti bahwa mesin akan memiliki kemampuan membaca Web sama seperti yang manusia dapat lakukan sekarang ini.

Web 3.0 berhubungan dengan konsep Web Semantik, yang memungkinkan isi web dinikmati tidak hanya dalam bahasa asli pengguna, tapi juga dalam bentuk format yang bisa diakses oleh agen-agen software. Beberapa ahli bahkan menamai Web 3.0 sebagai Web Semantik itu sendiri.

Keunikan dari Web 3.0 adalah konsep dimana manusia dapat berkomunikasi dengan mesin pencari. Kita bisa meminta Web untuk mencari suatu data spesifik tanpa bersusah-susah mencari satu per satu dalam situs-situs Web. Web 3.0 juga mampu menyediakan keterangan-keterangan yang relevan tentang informasi yang ingin kita cari, bahkan tanpa kita minta.

Web 3.0 terdiri dari:

• Web semantik
• Format mikro
• Pencarian dalam bahasa pengguna
• Penyimpanan data dalam jumlah besar
• Pembelajaran lewat mesin
• Agen rekomendasi, yang merujuk pada kecerdasan buatan Web

Web 3.0 menawarkan metode yang efisien dalam membantu komputer mengorganisasi dan menarik kesimpulan dari data online. Web 3.0 juga memungkinkan fitur Web menjadi sebuah sarana penyimpanan data dengan kapasitas yang luar biasa besar.

Walaupun masih belum sepenuhnya direalisasikan, Web 3.0 telah memiliki beberapa standar operasional untuk bisa menjalankan fungsinya dalam menampung metadata, misalnya Resource Description Framework (RDF) dan the Web Ontology Language (OWL). Konsep Web Semantik metadata juga telah dijalankan pada Yahoo’s Food Site, Spivack’s Radar Networks, dan sebuah development platform, Jena, di Hewlett-Packard.

Bahasa pemrograman merupakan suatu teknik komando/instruksi standar untuk memerintah komputer.
Berikut adalah penjelasan tentang bahasa pemrograman apa saja yang biasa digunakan untuk membuat suatu website :
1. Bahasa Pemrograman HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.
Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
2. Bahasa Pemrograman PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.
PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).
3. Bahasa Pemrograman ASP
ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.
ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft.
ASP bekerja pada web server dan merupakan server side scripting.
4. Bahasa Pemrograman XML
Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.
XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja.
XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.

5. Bahasa Pemrograman WML
WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).
WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
6. Bahasa Pemrograman PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
7. Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.
8. Bahasa Pemrograman Javascript
Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.
JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.
Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.
9. Bahasa Pemrograman CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.
Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML.
Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL.
Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

HTML adalah singkatan dari Hyper Text Markup Language, HTML tidak tergolong kedalam sebuah bahasa pemrograman, HTML lebih dikenal sebagai bahasa markup yang terdiri dari serangkaian tag markup yang mampu menggambarkan sebuah halaman web.

HTML Markup Tag
HTML Markup Tag biasa disebut tag HTML adalah kata kunci yang diapit oleh sudut kurung seperti , tag HTML biasanya berpasangan seperti dan , tag disebut tag awal/pembuka dan adalah tag akhir/penutup cirinya ditambahkan tanda garis miring.

Dokumen HTML – Halaman Web
Dokumen HTML berisi serangkaian tag HTML kemudian diterjemahkan oleh web browser (internet explorer, mozilla firefox, dll.) untuk selanjutnya ditampilkan dalam bentuk halaman web, artinya apabila dokumen HTML sudah dibuka oleh web browser tidak lagi tampil tag-tag htmlnya melainkan sudah sebagai halaman web. Perhatikan gambar dibawah ini:
Dokumen HTML:

Secara garis besar, terdapat 4 jenis elemen dari HTML:

• structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
• presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
• hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh HTML Sederhana

.

FUngSi HTML.

HTML adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :

a. Membuat halaman web.
b. Menampilkan berbagai informasi di dalam sebuah browser Internet.
c. Membuat link menuju halaman web lain dengan kode tertentu