Tugas Paper Pemrograman Web Berjudul Dasar - dasar HTMl



BAB I
PENDAHULUAN
1.1.            Latar Belakang
        Belajar Memahami Dasar-Dasar HTML untuk Pemula - HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language).

Dasar-dasar HTML
Dikatakan markup language karena HTML berfungsi untuk 'memperindah' file teks biasa untuk ditampilkan pada program web browser, hal ini dilakukan dengan menambahkan elemen atau sering disebut sebagai tag-tag pada file teks biasa tersebut. Saat ini sudah dikenal dengan HTML5 yang menawarkan berbagai fitur menarik yang tidak didukung oleh HTML sebelumnya. Beberapa fitur yang tersedia pada HTML5 antara lain sebagai berikut.

        Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan simbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <contoh> adalah </contoh>.
        Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen <contoh> bisa ditulis dengan atributnya sebagai berikut: <contoh atribut1="nilai_atribut1"atribut2="nilai_atribut2="....> Dalam penulisan tag HTML tidaklah case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi sebuah masalah yang besar.

1.2 Topik yang Di bahas
1.      Sejarah internet
2.      Arsitekuter web
3.      Domain
4.      URL
5.      HTTP
6.      Web server
7.      Kategori website
8.      Client side programming
9.      Server side programming
10.  Sejarah dan perkembangan HTML
11.  Struktur dasar HTML

1.3 Rumusan masalah
1.      Mengetahui dasar-dasar HTML?
2.      Agar mengetahui apa yang dimaksud HTML?
3.      Apa jenis-jenis HMTL itu?
4.      Sejarah perkembangan HTML? 

II. PEMBAHASAN

1.       

Pengertian dan Sejarah Internet

Pengertian Internet

Internet(Interconnection Networking)  adalah dalah kumpulan dari jaringan komunikasi global yang terbuka dan menghubungkan jaringan komputer dari sistem yang berbeda-beda dengan berbagai tipe dan jenis, dengan menggunakan tipe komunikasi seperti telepon, satelit dan lain sebagainya.
Jadi secara singkat, dapat diartikan bahwa internet adalah kumpulan berbagai macam sistem jaringan komputer di dunia yang saling terkoneksi satu sama lain dan dapat saling berkomunikasi satu sama lain.

Sejarah Internet

Menurut sejarah, internet lahir pada era tahun 60-an atau lebih tepatnya tahun 1969. Internet berawal dari riset yang disponsori oleh DARPA (Defense Advance Reasearch ProjectsAgency).

Riset ini bertujuan untuk mengembangkan suatu jaringan komputer yang :
  1. Berkerja secara transparan, melalui bermacam-macam jaringan komunikasi data yang terhubung satu dengan yang lainnya.
  2. Tahan terhadap berbagai gangguan (bencana alam, serangan nuklir dan lain sebagainya)
Pengembangan jaringan ini sukses daan  melahirkan APRANET (Advanced Research Project Agency Network) . Jadi APRANET adalah jaringan komputer pertama yang ada di dunia.

Model DARPA

DARPA Reference Mode adalah sebuah referensi protokol jaringan yang digunakan oleh protokol TCP/IP yang dibuat oleh DARPA. Model referensi ini mirip dengan OSI Reference Model, di mana setiap lapisan yang ada di bawah menyediakan layanan untuk lapisan yang berada di atasnya, dan lapisan yang ada di atas menggunakan layanan untuk lapisan yang ada di bawahnya.

Model referensi DARPA hanya memiliki 4 lapisan yaitu :
4 Apllication Layer
3 Host-to-Host Layer/ Transport Layer
2 Internetworking Layer / Internet Layer
1 Network interface layer / Phisical Layer

Penjelasan model referensi DARPA

Apllication Layer

Lapisan ini berfungsi menyediakan servis bagi aplikasi TCP/IP, layer ini menangani high level protocol, masalah referensi data, proses encoding dan dialog kontrol yang memungkinkan terjadinya komunikasi antar aplikasi jaringan.

Protokol yang berjalan :
Telnet, Protokol Dynamic Host Configuration Protocol (DHCP), Domain Name System (DNS), Hypertext Transfer Protocol (HTTP), File Transfer Protocol (FTP), Simple Mail Transfer Protocol (SMTP), Simple Network Management Protocol (SNMP).

Host-to-Host Layer/ Transport Layer

Lapisan ini berfungsi mengatur komunikasi antar host dengan membuat sebuah sesi connection-oriented atau menyebarkan sebuah connectionless broadcast.  Protokol-protokol yang berjalan pada lapisan ini adalah protokol Transmission Control Protocol (TCP) dan User Datagram Protocol (UDP).

Internetworking Layer / Internet Layer

Layer ini memiliki tugas utama dalam penentuan ruter terbaik yang akan dilewati oleh paket data. Protokol yang berjalan pada lapisan ini adalah Internet Protocol(IP), Address Resolution Protocol (ARP), Internet Control Message Protocol (ICMP), serta Internet Group Management Protocol (IGMP).

Network interface layer / Phisical Layer

Berfungsi untuk meletakkan frame-frame data yang akan dikirim ke media jaringan. Protokol yang berjalan dalam lapisan ini adalah beberapa arsitektur jaringan lokal (seperti Ethernet atau Token Ring), serta layanan teknologi WAN (seperti Plain Old Telephone Service (POTS), Integrated Services Digital Network (ISDN), Frame Relay, dan Asynchronous Transfer Mode (ATM).)

Aplikasi internet yang pertama kali ditemukan

Aplikasi internet yang pertama kali ditemukan
Pertamaadalah FTP (File Transfer Protocol) adalah salah satu layanan internet untuk melakukan transfer file. Proses melakukan transfer file dari komputer ke server (file server) disebut dengan istilah unggah (upload). File yang sudah berada di file server, dapat diambil oleh orang lain untuk disimpan di komputer (pc). Proses mengambil file dari file server disebut dengan unduh (download).

Keduadisusul oleh email, email atau Electronic mail adalah surat atau pesan elektronik yang dikirimkan dan diterima melalui komputer. 

Ketigaadalah Telnet, Telnet (Telecommunication Network) merupakan salah satu protokol jaringan yang digunakan di koneksi internet atau LAN (Local Area Network). Telnet digunakan untuk melakukan koneksi ke sebuah server dan port tertentu. Telnet digunakan untuk berinteraksi langsung dengan server.
2.
Arsitektur Komputer
Arsitektur merupakan bagian dari kebudayaan manusia yang berkaitan dengan berbagai segi kehidupan seperti seni, teknik, ruang/tata ruang, geografi, sejarah. Oleh karena itu ada beberapa batasan dan pengertian tentang arsitektur, tergantung dari segi mana memandang. Dari segi seni, arsitektur adalah seni bangunan termasuk didalamnya bentuk dan ragam hiasnya. Dari segi teknik,arsitektur adalah sistem mendirikan bangunan termasuk proses perancangan, konstruksi, struktur, dan dalam hal ini juga menyangkut aspek dekorasi dan keindahan. Dipandang dari segi ruang, arsitektur adalah pemenuhan kebutuhan ruang oleh manusia atau kelompok manusia untuk melaksanakan aktifitas tertentu. Dari segi sejarah, kebudayaan dan geografi, arsitektur adalah ungkapan fisik dan peninggalan budaya dari suatu masyarakat dalam batasan tempat dan waktu tertentu
Jadi, apa yang dimaksud dengan 

Arsitektur WEB?
Arsitektur WEB adalah suatu pendekatan terhadap desain dan perencanaan situs yang mana seperti pengertian arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna.Halini memerlukan perhatian khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain arsitektur web.Untukoptimasi mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web.
Sejak web perencanaan berisi desain dan manajemen datang dalam lingkup metode desain, Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan dapat memandu arsitektur situs yang mana seperti yang mereka lakukan terhadap arsitektur fisik dan disiplin desain lainnya. Website arsitektur akan datang dalam ruang lingkup estetika dan teori kritis dan kecenderungan ini dapat mempercepat dengan munculnya web semantik dan web 2.0. Kedua ide menekankan aspek struktur informasi.
Strukturalisme adalah sebuah pendekatan untuk pengetahuan yang telah dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis dan postmodernisme. Web 2.0, karena melibatkan user-generated content, mengarahkan perhatian arsitek website untuk aspek-aspek struktur informasi.
Ada tiga standar utama untuk penerapan Web Service, Standar-standar ini mendukung pertukaran data berbasis XML. Tiga standar tersebut meliputi SOAP, WSDL, dan UDDI.
  1. SOAP (Simple Object Access Protocol) adalah Suatu bahasa versi bebas dari protokol RPC (Remote Procedure Caoll) yang berguna untuk proses transaksi melalui HTTP standar.
  2. WSDL (Web Services Description Language) adalah bahasa yang memungkinkan berbagai dokumen yang dibuat dalam aplikasi yang berbeda dapat berkomunikasi.
  3. UDDI (Universal Description Discovery and Integration) adalah semacam direktori global untuk mengelola web services.
Aplikasi Utama WEB
Dalam rekayasa perangkat lunak, suatu aplikasi web adalah suatu aplikasi yang diakses menggunakan penjelajah web melalui suatu jaringan seperti Internet atau intranet. Ia juga merupakan suatu aplikasi perangkat lunak komputer yang dikodekan dalam bahasa yang didukung penjelajah web (seperti HTML, JavaScript, AJAX, Java, dll) dan bergantung pada penjelajah tersebut untuk menampilkan aplikasi.
1. HTTP
Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaannya banyak pada pengambilan sumber daya yang saling terhubung dengan tautan, yang disebut dengan dokumen hiperteks,yang kemudian membentuk World Wide Web pada tahun 1990 oleh fisikawan Inggris, Tim Berners-Lee.
HTTP adalah sebuah protokol meminta/menjawab antara klien dan server. Sebuah klien HTTP (seperti web browser atau robot dan lain sebagainya),biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server Webhosting tertentu (biasanya port 80).Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent.
2. HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).
3. INTERNET
Interconnection network (internet) adalah sistem global dari seluruh jaringan komputer yang saling terhubung.Internet berasal dari bahasa latin “inter” yang berarti “antara”. Internet merupakan jaringan yang terdiri dari milyaran komputer yang ada di seluruh dunia. Internet melibatkan berbagai jenis komputer serta topology jaringan yang berbeda. Dalam mengatur integrasi dan komunikasi jaringan, digunakan standar protokol internet yaitu TCP/IP. TCP bertugas untuk memastikan bahwa semua hubungan bekerja dengan baik, sedangkan IP bertugas untuk mentransmisikan paket data dari satu komputer ke komputer lainya.

3.
Pengertian domain adalah sebuah nama yang diberikan untuk website yang kita buat supaya dapat disebut dan dikenal oleh pengguna internet.
Suatu domain tidak akan sama dengan domain yang lain, misalnya saya mempunyai nama domain dedeerik.com nama domain tersebut tentu milik saya dan saya jamin tidak akan ada domain yang sama milik orang lain, karena jika ada yang sama tentu orang akan bingung mana domain milik saya dan mana domain milik orang lain.
Pemberian nama domain tentu saja bebas sesuai dengan keinginan anda, sebagai contoh anda ingin membuat website tentang review film maka tentu saja anda akan membuat nama yang menggambarkan isi website anda misal reviewfilm.com, reviewfilm.net dan lain-lain.
Perlu diingat bahwa nama domain itu tidak ada yang sama artinya jika anda ingin memberikan domain untuk website anda dan ternyata nama domain tersebut sudah didapatkan orang lain terlebih dahulu, maka pupuslah sudah harapan anda untuk memiliki domain tersebut dan silahkan anda pikirkan nama domain lain yang ingin anda gunakan untuk website anda.
Oleh karena domain itu terbatas artinya cuma ada satu-satunya di dunia maka saya sarankan anda jika anda ingin memiliki domain tertentu yang menurut anda bagus, gampang dilafalkan, mudah diingat, sangat menggambarkan isi website anda dan mempunyai nilai tinggi untuk seo maka segeralah untuk membeli domain tersebut sebelum anda menyesal dikemudian hari karena domain yang anda incar sudah dimiliki orang lain.
Untuk mendapatkan domain, anda harus mendaftarkannya terlebih dahulu ke penyedia domain dan anda akan diminta biaya sewa tahunan dari domain yang anda daftarkan, meskipun pada kenyataannya ada domain yang sifatnya gratis seperti domain dengan akhiran .co.vu, akhiran  .tk dan lain-lain.
Namun demikian tentu saja domain yang berbayar mimiliki nilai plus tersendiri seperti mendapat peringkat Top Level Domain atau TLD baik Global TLD (gTLD) maupun Country Code TLD (ccTLD), sehingga domain tersebut akan mudah untuk diingat, lebih keren dan terlihat lebih professional.
Top Level Domain merupakan akhiran pada suatu nama domain yang mengindikasikan pemilik tingkatan tertinggi domain tersebut dan jenis domain tersebut. TLD terdiri dari Global Top Level Domain (gTLD) dan Country Code Top Level Domain (ccTLD). Global Top Level Domain terdiri dari akhiran seperti berikut :
  • .com (dotcommercial) = Komersial
  • .net (dotnetwork) = Network
  • .gov (dotgoverment) = Pemerintahan
  • .org (dotorganization) = Organisasi
  • .edu (doteducation) = Pendidikan
  • .mil (dotmilitary) = Militer
  • .tv (dottelevision) = Televisi
Sedangkan untuk Country Code Top Level Domain adalah TLD yang diperuntukan khusus untuk masing-masing negara. Seperti Indonesia dengan kode negara id, Singapore dengan kode sg dan Inggris dengan kode uk. Contoh domain berakhiran co.id berarti Komersial Indonesia, or.id berarti Organisasi Indonesia, com.sg berarti komersial singapore dan co.uk berarti komersial united kingdom (Inggris).
Selain TLD ada juga istilah SLD atau Second Level Domain Name, misalkan domain yang anda daftarkan adalah dedeerik.com maka dedeerik adalah SLD sedangkan .com adalah TLD. Intinya SLD adalah namanya yang anda daftarkan. Selanjutnya Third Level Domain atau yang biasa dikenal subdomain adalah nama sebelum SLD dan TLD. Contoh mail.dedeerik.com, mail adalah third level domain, dedeerik adalah second level domain dan .com adalah top level domain.
Memiliki sebuah domain bukan berarti anda sudah memiliki sebuah website online. Domain itu hanyalah nama, ingat hanya nama!. Artinya anda hanya meregistrasi nama di internet seperti halnya anda meregistrasi nama PT atau CV untuk perusahaan anda. Anda melakukan registrasi PT atau CV bukan berarti anda punya tokonya kan?
Nah, begitupun dengan domain. Lalu apa langkah selanjutnya jika sudah mempunyai domain?. Jika anda sudah memiliki domain yang akan anda gunakan, maka anda tinggal menyewa web hosting. Web hosting adalah tempat untuk menyimpan file-file website anda, seperti halnya toko yang anda gunakan untuk menyimpan barang-barang perusahaan anda.
4.
URLadalah singkatan dari Uniform Resource Locator, maksudnya adalah susunan antar karakter yang digunakan untuk menunjukan atau mengarahkan suatu alamat, lokasi, tempat dan atau sumber suatu file, gambar, musik, video dll di Internet.

Penjelasan yang lebih sederhana adalah URL ini bisa diibaratkan seperti alamat rumah, cafe, hotel dll dalam dunia nyata. Misalnya alamat rumah Budi ada di Jalan Mawar No 14. Jika didunia internet URL tersebut berwujud seperti http://ikerenki.blogspot.com yang merupakan susunan simbol, huruf atau angka menjadi sebuah nama alamat, baik yang mudah di hafal maupun tidak.
5.
Pengertian dan HTTP (Hypertext Transfer Protocol) - Bagi kalian yang sering berselancar didunia maya pasti tidak asing dengan istilah HTTP. Ya istilah tersebut memang tidak asing ditelinga kita, tapi apakah kita tahu sebenarnya apa itu HTTP. Nah untuk menjawab ketidak tahuan Anda mengenai HTTP ini, kali ini saya mau berbagi artikel seputar pengertian HTTP. Berikut ulasannya.

Pengertian dan HTTP (Hypertext Transfer Protocol)

HTTP (Hypertext Transfer Protocol)
HTTP singkatan dari Hypertext Transfer Protocol adalah suatu protokol yang digunakan untuk mengirim dokumen atau halamamn dalam WWW atau World Wide Web. Sedangkan pengertian HTTP menurut kamus besar adalah protokol jaringan untuk didistribusikan, kolaboratif, sistem informasi hypermedia. HTTP adalah dasar dari komunikasi data untuk WWW.

Dalam pengertian HTTP tersebut, menetapkan bagaimana pesan diformat dan ditransmisikan dan seperti apa respon dari browser. Sejarah protokol HTTP pertama kali digunakan dalam WWW sekitar tahun 1990. Nah yang dipakai pada masa itu ialah protokol HTTP versi 0.9 yang merupakan protokol transfer data secara mentah, maksud mentah disini yaitu data tersebut dikirimkan tanpa melihat tipe dari dokumen itu sendiri.

6 Tahun kemudian yaitu sekitar tahun 1996, protokol HTTP mengalami perbaikan sehingga menjadi protokol HTTP versi 1.0. Dan pada tahun 1999 dikeluarkan HTTP versi selanjjutnya yaitu 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.

HTTP adalah protoko aplikasi berbasis client server sederhana yang dibangun atas TCP (transmission Control Protocol). Sebuah client HTTP biasanya memulai permintaan dengan menciptkan sebuah hubungan ke port tertentu di sebua hserver webhosting tertentu. Umumnya port yang digunakan adalah port 80. Klien juga sering dikenal dengan user agent, sedangkan server yang meresponnya dan juga meyimpan sumber daya seperti berkas HTML dan gambar disebut dengan origin server.

Nah diantara keduanya yaitu user agent dan origin server bisa saja ada oenghubung, seperti misalnya geteway, tunnel dan proxy. Nah selanjutnya sumber yang ingin diakses dengan menggunakan HTTP diidentifikasi dengan menggunakan URL (Uniform Resource Locator) dengan skema URL http: atau https:.

Fungsi dan Cara Kerja HTTP

Kalian pasti tahu kalau HTTP muncul diawal setiap alamat web. Ya semua layanan web dijalankan melalui protokol ini. HTTPS adalah variasi dari HTTP dimana dalam hal inibrowser menambah lapisan enkripsi.

Cara kerja protokol ini yaitu untuk mengkomunikasikan satu dengan yang lainnya. Protokol adalah perintah yang harus diikuti oleh setiap komputer untuk bisa mengirim atau menerima pesan. Penggunaan protokol yang paling umum yaitu HTTP, SMTP, FTP, IMAP, POP3, dan masih banyak lagi lainnya.

Fungsi dari HTTP itu sendiri adalah menetapkan bagaimana pesan atau data yang ada diformat dan ditrasmisikan menjadi bentuk yang bisa merespon browser untuk memunculkan data-data tersebut.



Kesimpulan dari Pengertian HTTP

HTTP adalah komunikasi protokol yang menjadi penghubung dan mentransfer informasi ke internet. HTTP juga merupakan protokol request-respone (permintaan dan tanggapan) antara klien dan server. Klien adalah pengguna sedangkan server adalah pemberi tanggapan dan menyimpan atau mengambil sumber daya yang diminta dengan menghubungkan tautan, yang disebut dengan dokumen hoperteks, selanjutnya membentuk WWW.

6.
Web Server Adalah ?
Mungkin bagi Anda yang baru masuk ke dunia web developer bingung tentang web server. Baiklah, di artikel kali ini, kita akan membahas tentang web server.

Pengertian web serveradalah suatu aplikasi layanan data yang digunakan untuk menerima data atau informasi dari HTTP atau HTTPS pada client. Dan setelah itu kita mengirimkan kembali, namun bentuknya berupa sebuah dokumen berbasis HTML.

Bagaimana Cara Kerja Web Server?
Cara kerja web server sebenarnya bisa dibilang agak rumit, tapi tak ada salahnya bila kita mengulasnya lebih dalam. Pada dasarnya, cara kerja web ini seperti sebuah mesin, dimana si mesin tersebut berfungsi sebagai wadah dari suatu software yang bekerja mengirim web page ke si user.

Dan ada juga cara kerja web server yang lain, yaitu dengan cara menghubungkan web server dengan web browser internet. Cara ini pada dasarnya menggabungkan jaringan komputer yang ada di penjuru dunia ini. Nah, kemudian setelah semua bagian atau hal-hal yang sudah di butuhkan terhubung(seperti protokol TCP, IP, atau networking protokol), maka kemungkinan besar sudah dapat digunakan, yang artinya seluruh komputer yang ada di dunia ini sudah bisa berkomunikasi.

Oke kita akan menuju ke penjelasan yang lebih "dalam". Saat si browser membutuhkan data-data website yang dibutuhkan ke server, tentu yang permintaan data yang dibutuhkan si browser tersebut akan otomatis masuk ke dalam TCP, setelah itu data-data yang sudah ada di TCP akan dikirim menuju alamat(dalam artian HTTP atau kepanjangannya adalah Hyper Text Transfer Protocol.  
Apa Fungsi Web Server?
Fungsi dari web server itu? Sebenarnya, web server ini memiliki fungsi utama, yaitu berguna untuk mengirim atau men-transfer file request user(atau bila diartikena menjadi bahasa Indonesia yaitu berkas permintaan pengguna) lewat communication protocol yang sudah diatur sebelumnya.

Nah, data-data yang terkirim tersebut bisa berupa teks saja, video, kemudian juga bisa image atau gambar, lalu berkas atau file, dan lain-lain. Intinya, web server itu berfungsi untuk mengirim data berupa teks, video, gambar, dan berbagai media lainnya.

Nah, berikut ini adalah jenis-jenis web server, di antaranya adalah:
  • Apache Web Server / The HTTP Web Server
  • Microsoft windows Server 2008 IIS (Internet Information Services)
  • Lighttpd
  • Zeus Web Server
  • Sun Java System Web Server
  • Apache Tomcat

Kesimpulan
Oke, pada bagian ini kita akan mengambil sebuah kesimpulan yang sudah saya rangkum dari penjelasan tentang web server yang sudah saya paparkan di atas.

Kesimpulannya adalah, kita dapat mengakses sebuah website dengan super cepat dan kita memiliki koneksi internet yang juga super cepat, namun perlu di ketahui bahwa, seberapa cepat pun koneksi internet kita, mau itu 1 MB per detik, 10 MB per detik, atau 100 GB per detik tidak akan bisa mengakses website tersebut bila ada masalah dalam pengiriman data menuju ke website yang diakses.

Jadi bila ada kendala atau masalah pada bagian web server, yang ada tentunya kita tak akan bisa mengakses website tersebut. Baiklah, sekian artikel ini saya sampaikan, semoga artikel atau informasi ini dapat membantu.
7.
Mundur ke belakang beberapa tahun yang lalu, mengelompokkan jenis-jenis website masih sangat mudah. Kita hanya mengenal Search Engine, Portal Informasi  (Berita, Artikel, Perusahaan dll), Blog, Online Store (e-Commerce), Forum, serta Website Perusahaan (Company Profile).
Namun seiring berkembangnya teknologi serta penggunaan media online untuk berbagai kebutuhan, jenis website pun ikut berkembang dan tidak sedikit website yang mengintegrasikan berbagai fitur, fungsi dan jenisnya dalam satu kesatuan website. Beberapa jenis-jenis website diantaranya :
1.        Search Engine (Mesin Pencari)
Search Engine atau mesin pencari adalah jenis website yang khusus mengumpulkan daftar website yang bisa ditemukan di internet dalam database kemudian menampilkan daftar indeks ini berdasarkan kata kunci atau “keywords” yang dicari oleh user. Mayoritas pengguna internet sudah familiar dengan situs search engine untuk mencari informasi yang mereka butuhkan melalui internet. Beberapa contoh search engine antara lain :
https://www.google.co.id/                                                           


2.        Web Portal
Web Portal adalah situs yang mengumpulkan dan menyediakan aneka informasi dari berbagai sumber untuk ditampilkan kepada user, jika user tertarik untuk mengetahui informasi yang ada dengan lebih lengkap, user akan diarahkan ke sumber yang aslinya. Namun pada umumnya web portal tidak hanya menampilkan informasi dari sumber luar, kadang mereka juga menampilkan informasi-informasi dalam website mereka sendiri. Sebuah web portal , merupakan halaman web, yang menyajikan informasi dari berbagai sumber dengan cara terpadu. Web portal memiliki fitur standar berupa mesin pencari informasi, selain itu bisa juga terdapat layanan e-mail, berita, hiburan, dan lain-lain. Web portal memiliki kemampuan tertentu yang mengikuti selera para pengunjungnya. Isinya biasanya berupa konten yang dinamis. Contoh dari web portal yang sudah familiar adalah Yahoo!, iGoogle, AOL, dan MSN. Perbedaan web portal dengan website adalah dari segi kegunaannya. Website digunakan untuk menampilkan suatu informasi, opini, dan sebagainya, sedangkan web portal digunakan untuk membangun komunitas online dan menghadirkan lingkup yang lebih luas mengenai berbagai informasi kepada pengunjung.
Web portal muncul bersamaan setelah perkembangan peramban web pada pertengahan tahun 1990. Web portal mengawali keberadaannya sebagai penyedia direktori internet sampai dengan fasilitas mesin pencari yang diantaranya adalah Excite, Lycos, AltaVista, infoseek, dan hotboot. Mereka merupakan beberapa layanan yang  tertua dari yang ada. Strategi dari web portal adalah mendorong pengguna untuk melakukan kunjungan berulang pada suatu portal. Game, chat, email, berita, dan layanan lain bertujuan agar pengunjung tinggal lebih lama, sehingga akan menambah penghasilan iklan.
Contoh dari Kategori : Portal Web
http://www.excite.com/                                                               
https://www.yahoo.com                                                         

3.        Wiki
Website wiki yang paling terkenal saat ini adalah wikipedia. Website wiki adalah website yang mengijinkan pengunjung untuk ikut menulis dan mengedit artikel yang ada dalam website tersebut dengan mengacu pada  peraturan-peraturan tertentu. Masing-masing website wiki memiliki aturan yang berbeda-beda. Biasanya, meskipun semua pengunjung bebas untuk menulis dan mengedit artikel di website ini, namun ada sekelompok orang yang bertugas untuk memeriksa konten yang dimuat apakah layak atau tidak untuk website tersebut. Meskipun website wiki sering menjadi sumber referensi namun tidak semua informasi yang ada dapat dipercaya 100%.
Wiki adalah sebuah situs web (atau koleksi dokumen hiperteks lainnya) yang memperbolehkan penggunanya menambah atau mengubah isi situs tersebut. Istilah ini juga dapat merujuk kepadasoftware kolaboratif yang digunakan untuk menciptakan situs web semacam itu.
Ward Cunningham, pengembang perangkat lunak wiki yang pertama, WikiWikiWeb, mulanya mendeskripsikan wiki sebagai “basis data terhubung paling sederhana yang memiliki peluang untuk bekerja.
Wiki (dengan huruf besar ‘W’) dan WikiWikiWeb kadang digunakan untuk merujuk kepada Portland Pattern Repository, wiki yang paling pertama diciptakan. Pendukung penggunaan ini mengusulkan penggunaan huruf kecil ‘w’ untuk membedakan istilah generik yang sedang dibicarakan di sini. Wiki wiki berasal dari istilah bahasa Hawaii untuk “cepat” atau “super-cepat”
Kadang istilah wikiwiki atau WikiWiki digunakan daripada wiki. Istilah-istilah ini dapat digunakan secara berganti-ganti meskipun perbedaan pandangan mengenai kapitalisasi juga dapat diterapkan dalam cara yang mirip.
Wikipedia merupakan aplikasi yang berbasiskan wiki dan merupakan situs wiki paling populer saat ini.

4.        Social Networking (Sosial Media)
Social media termasuk salah satu fenomena yang luar biasa hingga saat ini, khususnya diwakili oleh Facebook. situs social networking atau situs pertemanan online adalah situs yang disediakan bagi para membernya untuk bertukar informasi dan media elektronik lainnya seperti foto, musik dan video. Beberapa situs social networking yang terkenal yaitu
https://www.facebook.com                                                       

5.        Media Sharing
Situs ini khusus disediakan bagi user untuk meng-upload media-media elektroknik seperti gambar, musik dan video agar dapat dilihat atau di download oleh pengunjung lain. Contohnya adalah 
https://youtube.com                                                                   

6.        Cloud
Situs jenis cloud ini adalah pengembangan dari situs media sharing dimana situs ini memberikan fasilitas penyimpanan file sekaligus berbagi file bagi anggotanya dengan fitur canggih sinkronisasi file, dimana pengguna dapat melakukan sinkronisasi otomatis file-file tertentu di komputer atau gadget mereka dengan cloud server tanpa perlu melakukan upload file manual. Beberapa contoh website cloud antara lain
https://www.dropbox.com                                                        

7.        Corporate Website
Corporate Website biasanya lebih kompleks atau bisa juga disebut Company Web Portal. Website ini berisi informasi lengkap dari latar belakang hingga kegiatan-kegiatan suatu perusahaan, organisasi atau yayasan sosial baik yang bersifat profitable ataupun non-profit. Informasi-informasi dalam corporate website bisa berupa profile perusahaan/organisasi, latar belakang, visi dan misi, daftar founder dan pengurus, informasi investor dan klien hingga laporan keuangan, afiliasi dan lain-lain serta artikel-artikel dan berita-berita yang terkait dengan kegiatan perusahaan/organisasi tersebut. Contoh corporate website antara lain,
https://www.pertamina.com                                                               

8.        Portal Komersil
Portal komersil lahir dari konsep iklan baris, dimana melalui portal ini member dapat menjual produk dan jasa mereka tanpa perlu membangun website sendiri. Contoh portal komersil adalah
https://www.tokobagus.com/                                                             

9.        News Website (Website Berita)
Website berita atau situs portal beritaadalah website yang memuat konten berita dan informasi terkini dari bermacam kategori peristiwa, biasanya website berita disebut juga website portal, artinya segala bentuk informasi terbaru dan terkini bisa di dapatkan melalui website kategori ini.
Pada saat internet menjadi media informasi tercepat dan terakurat, maka banyak publik internet memanfaatkan website berita menjadi sumber bacaan utama, tak jarang dari para pemilik internet menjadikan website berita ini menjadi website yang wajib dikunjungi setiap harinya.
Website berita pun menjadi lebih populer dibandingkan media lainnya dikarenakan informasi yang diberitakan benar-benar baru, akurat dan up to date, sehingga saat ini banyak para pembaca berita beralih dari berlangganan koran atau majalah, menjadi berlangganan internet hanya untuk membaca situs berita.
Contoh dari Kategori : Web Berita
http://www.detik.com/                                                              

10.    Informational Website (Website Informasi)
Situs informasi mungkin yang paling sederhana dari semua situs web. Anggota Kongres, dokter, pengacara, akuntan, agen real estate dan pengrajin terampil menggunakan situs informasi untuk menampilkan karya mereka, dan menjelaskan layanan mereka sementara transaksi bisnis yang sebenarnya atau jasa yang mereka lakukan terjadi offline.
Website informasi merupakan alat untuk promosi produk dan promosi layanan. Website informasi berkisar dari 1-2 halaman ke peta dari beberapa halaman yang meliputi berbagai produk, jasa, atau tingkat komunikasi. Di bawah ini adalah contoh dari individu, kelompok dan organisasi yang menjalankan berbagai jenis situs informasi:
§  Berita
§  Instansi pemerintah
§  Usaha kecil
§  Perusahaan bisnis
§  Non-Profits
§  Lokal acara dan atraksi
§  Individu seperti agen real estate, landscapers, dll
Contoh website informasi:

11.    Bussiness/Marketing Website
E-bisnis adalah proses menjual produk atau layanan, atau memberikan informasi kepada pelanggan melalui sebuah portal online. Itu juga merupakan tindakan menggunakan Internet untuk melakukan penelitian bagi bisnis Anda dan tetap berhubungan dengan klien, pemasok dan karyawan.
Karena bisnis dilakukan secara online, perusahaan menghemat uang untuk biaya overhead dan mampu menjangkau pelanggan potensial di seluruh dunia dari satu lokasi pusat.
Contoh website bisnis/marketing:
http://www.honda-indonesia.com/                                                     
http://www.indomie.com/

12.    Educational Website
Web site yang menawarkan jasa pengajaran formal maupun informal. Beberapa perusahaan menawarkan beberapa training online dan beberapa universitar juga menawarkan jasa kelas online.
http://www.education.gov.uk/                                                  

13.    Entertainment Website
Menawarkan hal-hal yang menarik seperti hobi, musik, olah raga, permaianan dan lain-lain.

14.    Content Agreegator
Bisnis yang mengumpulkan dan mengatur konten Web dan kemudian mendistribusikan, atau feed, konten untuk pelanggan secara gratis atau biaya
http://www.metra.co.id/metra-group/metranet/                        

15.    Personal Website
Personal website adalah halaman web yang dikelola oleh individu swasta dengan tujuan berbagi pengalaman hidup dengan dunia atau mencari pekerjaan.
http://armisusandi.com/                                                             
8.
Client-side Web Programming
Client side scripting merupakan salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client.
Proses penerjemahan atau pengolahannya dilakukan oleh web browser sebagai client-nya, didalam web browser sudah terdapat library yang mampu menerjemahkan semua perintah dihalaman web yang menggunakan client side scripting.
Library ini juga disebut web engine yang dimiliki setiap web browser, namun web engine yang berbeda-beda terkadang membuat ampilan layout web sering berbeda disetiap browser, untuk menghindari itu sebaiknya gunakan web browser yang telah disertifikasi oleh world wide web consortium(W3C).
Contoh dari client side scripting ini antara lain
  • HTML,
  • XHTML, 
  • CSS, 
  • JavaScript, 
  • XML. 
  • JQUERY
9.
Server Side Scripting
Server Side Scripting adalah kebalikan dari Client Side Scripting yaitu bahasa pemrograman web yang pengolahannya dilakukan di komputer server dan hasil pengolahannya kirimkan ke komputer client/pengunjung dalam bentuk bahasa html, sehingga pengunjung tidak mengetahui Script yang telah ditulis oleh pembuatnya, sehingga website tipe ini lebih aman dari serangan hacker, walaupun masih beresiko juga terkena hack. Web tipe ini bersifat Dinamis yaitu bisa dirubah kontennya dengan mudah tanpa mengotak-ngatik scriptnya. Bisa digunakan untuk berbagai kebutuhan web seperti, Toko Online, forum, web sekolah, blogging dan berbagai kebutuhan lainnya.
contoh Server Side Scripting adalah :
  • PHP
  • ASP
  • ASP dot Net
  • Java Server Page
  • dan lain-lain.
Untuk mempelajari bahasa pemrograman berbasis Client Side Scripting, kita hanya membutuhkan Web editor (contoh: Notepad, Adobe Dreamweaver, Ms. FrontPage, dsb) dan Browser (contoh : Mozilla Firefox, Google Chrome, Internet Explorer, dsb). Untuk mempelajari bahasa pemrograman berbasis Server Side Scripting selain Web editor dan Browser, kita juga memerlukan sebuah komputer server. Jangan Pusing dulu, kita bisa menggunakan komputer kita sebagai server juga sebagai client yaitu dengan cara menginstallkan aplikasi yang dibundel untuk server yang bisa didapatkan dengan GRATIS. Aplikasi tersebut salahsatunya adalah :
XAMPP
LAMPP
WAMPP
AppServ
10.
Sejarah Dan Perkembangan HTML
Sejarah HTML
Pada tahun 1980 IBM menciptakan konsep untuk menempatkan elemen yang menandai bagian suatu dokumen seperti judul,alamat, dan isi dokumen. Elemen itu menjadi suatu program yang dapat melakukan pemformatan dokumen secara otomatis.
Bahasa pemrograman yang dapat melakukan tugas tersebut disebut Markup Language atau bernama Generalized Markup Language. Pada tahun 1986 konsep tersebut disetujui oleh ISO ( International Standard Organization ) sebagai standar bagi pembuat dokumen dengan keluarnya ISO 8879. Dan ISO mengubah nama GML menjadi SGML ( Standard Generalized Markup Language ).
HTML menggunakan teknologi markup language yang dulunya merupakan salah satu bagian dari SGML. Tim Berners-Lee merupakan peneliti yang ketika masih bekerja untuk CERN mempunyai sebuah ide tentang pembuatan suatu code bahasa pemrograman dan dokumen yang bisa di akses oleh seluruh komputer tanpa melihat jenis platform. Seperti Windows , Linux, Unix dan semenjak itu HTML lebih populer dari SGML
Sebelum HTML diresmikan menjadi dokumen standar, HTML harus disetujui oleh W3C untuk dievaluasi secara mendalam. Pada setiap terjadi perkembangan versi HTML, maka browser pun akan memperbaiki diri agar dapat mendukung kode HTML terbaru, sebab jika browser tidak melakukan update secara berkala maka browser tidak akan bisa menampilkan HTML terbaru. Sejarah dan perkembangan HTML versi 1 sampai versi 5.
Perkembangan HTML
HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain dapat menampilkan heading,paragraph,hypertext,list, serta cetak tebal dan miring pada teks. Dan mendukung peletakan image pada dokumen tanpa memperbolehkan menempatkan teks disekelilingnya atau disebut dengan wrapping


HTML versi 2.0

Pada versi 2.0 ini ada penambahan kualitas HTML untuk menampilkan suatu form pada dokumen. Form berfungsi untuk memasukkan nama,alamat, dan lain sebagainya, HTML 2.0 ini merupakan pionir homepage interaktif.
HTML versi 3.0

Versi 3.0 keluaran HTML ini menambahkan beberapa fasilitas tabel, dan pada HTML 3.0 ini sering disebut sebagai HTML+ dan berselang beberapa lama, nama tersebut di ganti menjadi HTML versi 3.2

HTML versi 4.0

HTML keluaran ke-4 ini mempunyai banyak perubahan dan revisi dari versi pendahulunya seperti HTML 1.0, HTML 2.0, HTML 3.0 - HTML 3.2. pada versi ke 4.0 ini perubahan terjadi pada perintah HTML seperti table, image, text, meta, link, form, imagemaps.

Setelah versi 4.0 keluar, maka lahirnya HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998 . HTML 4.01 menjadi standar web pada tahun 1999, HTML 4.01 merupakan perbaikan dari HTML 4.0 yang di terbitkan pada 18 Desember 1997,  Perkembangan HTML. dan HTML menjadi standar resmi browser dan web,
HTML versi 5.0
HTML 5, generasi HTML terbaru dan versi ini sekarang menjadi standar website besar di dunia karena kelebihannya yang lebih banyak di bandingkan dengan versi sebelumnya dari HTML. Beberapa fitur baru yang dapat menarik pada programmer.

1. Kanvas untuk menggambar
2. Video dan elemen audio untuk media pemutaran
3. Dkungan lebih baik untuk penyimpanan local
4. Elemen baru, seperti artikel,footer,header,nav
5. Kontrol bentuk baru, seperti kalender, waktu, URL, search, email, tanggal.

Sejarah HTML,ada saat HTML 5 belum menjadi standar resmi dan belum ada satupun dukungan dari browser, HTML 5 akan menjadi standar baru untuk HTML dan XHTML.




11.
Struktur Dasar HTML
Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.
Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini:
Contoh struktur dasar HTML:
<!DOCTYPE html>
  <html>
  <head>
    <title>Title dari Websiteku</title>
  </head>
<body>
   <p>Selamat Pagi Dunia, Hello World!</p>
</body>
</html>
Save sebagai halaman.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox. Kita akan membahas tag-tag yang ditulis tersebut pada tutorial kali ini.


Pengertian DTD atau DOCTYPE
Tag paling awal dari contoh HTML diatas adalah DTD atau DOCTYPE. DTD adalah singkatan dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML.
DTD memiliki banyak versi tergantung kepada versi HTML yang digunakan. Pada contoh diatas, saya menggunakan DTD versi HTML 5. Sebelum HTML 5, DTD terdiri dari text panjang yang hampir mustahil dihafal. Contohnya, DTD untuk xHTML 1.0 adalah:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Jika kita tidak menuliskan DTD, browser akan tetap menampilkan dan memproses halaman web kita seperti tidak terjadi apa-apa. Namun browser sebenarnya menjalankan halaman HTML tersebut pada mode khusus yang disebut quirk mode.
Pada quirk mode, web browser menerjemahkan halaman web (terutama kode CSS) sedikit berbeda dari seharusnya. Ini karena web browser menganggap bahwa ketika DTD tidak ditemuka, halaman tersebut kemungkinan besar merupakan halaman web usang. Agar halaman ‘usang’ ini tetap tampil baik, web browser perlu menggunakan aturan-aturan yang berbeda, yakni: quirk mode.
Cara untuk mengetahui apakah web browser berjalan pada quirk mode atau standard mode lebih mudah jika menggunakan web browser Mozilla Firefox. Pada Firefox, klik kanan pada halaman web, lalu pilih Page Info. Pada bagian Render Mode akan terlihat apakah quirk mode, atau standard mode.

Penjelasan lebih jauh tentang doctype atau DTD akan kita bahas dalam tutorial HTML5: Pengertian dan cara penulisan doctype pada HTML5.


Tag <html>
Setelah DTD, tag berikutnya adalah tag <html>.
Ini adalah tag pembuka dari keseluruhan halaman web. Semua kode HTMLharus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>


Tag <head>
Elemen pada tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
Tag <title> dalam contoh kita sebelumnya digunakan untuk menampilkan title dari sebuah halaman web. Title ini biasanya ditampilkan pada bagian paling atas web browser. Contohnya pada tampilan halaman.html, ‘Title dari Websiteku’ akan ditampilkan pada tab browser.


Tag <body>
Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web akan dihabiskan di dalam tag <body> ini.
Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html>yang merupakan tag paling awal dari sebuah halaman web.

HTML


Stuktur HTML yang kita bahas disini adalah struktur yang sangat sederhana. Sebuah halaman web bisa memiliki ratusan bahkan ribuan baris, yang ditulis dengan berbagai tag HTML. Tag pertama yang akan kita bahas dalam tutorial berikutnya adalah tag <p> yang digunakan untuk membuat paragraf di dalam HTML.


III. PENUTUP
HTML sebernarnya tidak hanya diperlukan kalau kita ingin terjun di dunia bisnis online. Untuk memperindah tampilan blog, sedikit banyak akan menuntut kemampuan kita dalam mengedit kode – kode HTML. Walaupun kita menggunakan blog engine seperti WordPress yang mempunyai plugin – plugin yang lengkap, namun sering ditemui kita harus mengedit sidebar atau bagian lainnya, menempatkan kode HTML, mengedit kode warna HTML, menempatkan tabel dan banyak kasus lainnya yang mengharuskan kita menguasai dasar – dasar kode atau script HTML.
HTML secara awam seperti saya adalah serangkaian kode – kode bahasa pemrograman yang digunakan untuk membangun website yang akan membentuk halaman – halaman situs setelah dionlinekan ke internet.

Sumber:

Wordpress. “Arsitektur Website”. 20 April 2015. https://visilubai.wordpress.com/2010/05/06/arsitektur-website/

Blogspot Webikhwan. “Macam-macam Bahasa Pemrograman”. 20 April 2015. http://webikhwan.blogspot.com/2012/10/macam-macam-bahasa-pemrograman-yang.html


Posting Komentar

Please Select Embedded Mode To Show The Comment System.*

Lebih baru Lebih lama