Secara teknis web terdiri dari 2 bagian, yaitu Web Server dan Web Browser:
1.Web Server, yaitu Suatu komputer dan software yang menyimpan serta
mendistribusikan data ke komputer client melalui internet yang meminta
informasi tersebut, Software webserver ini diantaranya: Apache, MySQL,
dan PHP. Sebut saja dengan hostingan, atau kalau di komputer lokal juga
bisa dengan menggunakan program PHPTriad, Apache2Triad, Xampp, dll.
2. Web Browser, yaitu Software/program yang beroperasi untuk melakukan
proses permintaan dari server dan menampilkannya di mata client,
sehingga informasi tersebut dapat diakses, contohnya adalah: IE, Mozila
Firefox, Opera, Clock, Google Chrome,dll.
Aplikasi
web berjalan pada protokol HTTP, dan semua protokol di internet selalu
melibatkan antara server dan client. Ketika seseorang mengetikkan suatu
alamat di browser, maka browser akan mengirimkan perintah tersebut ke
web server. Jika yang diminta oleh client adalah file yang mengandung
perintah server side maka server web akan menjalankan dahulu program
tersebut lalu mengirimkannya kembali ke browser dalam bentuk HTML
sehingga dapat diterjemahkan oleh browser. Sedangkan jika yang diminta
oleh client adalah file yang mengandung file client side maka oleh
server file tersebut akan langsung dikirimkan ke browser. untuk server
side programming seperti php dan asp, memang terkenal handal, apalagi
php saya dapat merasakannya sendiri, betapa hebatnya bahasa yang satu
ini, untuk penggunaan database gak perlu di tanya lagi, sangat canggih,
dan masih banyak lagi yang bisa di lakukan oleh php. namun tidak semua
layanan efektive menggunakan server side saja. Contohnya kalian ingin
membuat content yang realtime update seperti bursa saham contohnya, gak
mungkin donk kalian pake php atau asp yang berbasis server side untuk
menampilkan data yang up to date itu, karena kita tau bahasa tersebut
berjalan / dieksekusi pada saat page load, dan membutuhkan proses lagi
di server baru kemudian di kirimkan ke browser, sebenarnya bisa saja
dilakukan tapi gak lucu kalo kita harus membuat web browser refresh tiap
detiknnya, karena akan memakan waktu dan tidak efektif.
Domain dan Hosting
1. Domain
Domain adalah nama alamat situs kita di internet, contohnya www.gunadarma.ac.id
atau yang lainnya, kalin bisa memilih apa saja namanya asalkan nama itu
belum domain itu belum ada yang mempunyai, Kalian akan mendapatkan hak
penuh atas nama domain yang telah anda beli.
Daftar harga pemesanan nama domain berbayar:
Nama domain Harga Per/tahun
.com/ .net/ .org : Rp. 88.000,-
.ca/ .de/ .co.uk/ .org.uk : Rp. 220.000,-
.cn/ .cc/ .tv : Rp. 440.000,-
.us/ .biz/ .info/ .name : Rp. 132.000,-
Indonesia (.co.id/ .ac.id) : Rp. 200.000,-
.as.gs/ .as.ms/ .my.gs/ .my.tc : Rp. 55.000,-
Selain domain yang berbayar seperti diatas, namun ada juga
perusahaan-perusahaan domain dari luar yang menyediakan domain gratis,
tanpa bayar sepeserpun, syaratnya cuma registrasi doang, kayak bikin
email-email gitu aja kita udah punya domain yang gratisan, yahh
lumayanlah buat belajar-belajaar bikin website.
Nama domain yang gratisan diantaranya adalah:
Nama domain Daftar di:
.co.cc : http://www.co.cc/
.co.nr : http://www.co.nr/
.cz.cc : http://www.cz.cc/
.co.tv : http://www.co.tv/
.eu.tv : http://www.eu.tv/
.tk : http://www.tk/
2. Hosting
Hosting adalah tempat untuk menyimpan file-file web kalian yang telah
dibikin dirumah, ibaratnya dia adalah kalo kayak dirumah Xampp atau
Apache2Triad yang ada MySQL nya dan PHP nya itu loh, tau kan??
Kebangetan kalo nggak tau, OK lanjut,,Peranan hosting ini sangat penting
terhadap website yang kalian, karena semua file serta database akan
tersimpan disini, fasilitas yang ditawarkannya pun berbeda-beda dari
platform servernya ada yang linux maupun windows atau juga berbeda-beda
pada versi dari MySQL atau PHP nya, maka dari itu ada baiknya kalau kita
sebelum membeli hostingan kita lihat dulu fasilitas-fasilitas yang
ditawarkan oleh perusahaan hostingan tersebut apakah sudah sesuai dengan
web yang telah kita buat atau belum.
Fasilitas-fasilitas yang mesti kalian perhatikan adalah sebagai berikut:
* Dukungan CPanel
* Servernya Linux/Windows
* Kapasitas Web Space
* Jatah bandwith
* Setup nya free
* Domain free (Biasanya ada juga hostingan yang memberikan domain free)
* Versi PHP
* Versi MySQL
* POP3
* Email
* Password protection files
Penyewaan hosting biasanya harganya berkisar antara Rp.100.000,- s/d
Rp.3.000.000,- Per/tahunnya. Itu semua berdasarkan fasilitas yang kita
pesan. Semakin mahal semakin komplit fasilitasnya.
Nah selain hostingan yang berbayar kini banyak sekali perusahaan hosting
yang menyediakan layanan hosting gratisan, tanpa bayar sepeserpun, kita
tinggal registrasi aja & langsung dikasih account hostingan, yah
walaupun gak sesempurna yang berbayar, tapi kalau menurut saya sangat
lumayan lah untuk kita belajar-belajar bikin website, nama situs yang
menyediakan hostingan gratisan diantaranya adalah:
* http://www.000webhost.com/
* http://www.awesomewebspace.com/
* http://www.agilityhoster.com/
* dll
Arsitektur Web
Arsitektur Website adalah suatu
pendekatan terhadap desain dan perencanaan situs yang, seperti
arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan
fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar
pada pengguna dan kebutuhan pengguna. Hal ini memerlukan
perhatian khusus pada konten web, rencana bisnis, kegunaan, desain
interaksi, informasi dan desain arsitektur web. Untuk optimasi mesin
pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah
situs Web terkait dengan World Wide Web.
Sejak
web perencanaan isi, desain dan manajemen datang dalam lingkup metode
desain, Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan
dapat memandu arsitektur situs, seperti yang mereka lakukan 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.
“Website
arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk
disiplin intelektual mengatur konten website. ”Web desain”, dengan cara
kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan
teknis, dari merancang dan menerbitkan sebuah situs web. Perbedaan
tersebut dibandingkan dengan yang antara tugas mengedit sebuah koran
atau majalah dan desain grafis dan pencetakan. Tetapi hubungan antara
editorial dan kegiatan produksi adalah lebih dekat untuk publikasi web
daripada untuk penerbitan cetak.
Pengertian HTTP
Pengertian HTTP atau definisi HTTP
(HyperText Transfer Protocol) adalah sebuah protokol untuk meminta dan
menjawab antara client dan server. Sebuh client HTTP seperti web
browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke
port tertentu di tempat yang jauh (biasanya port 80). Sebuah server HTTP
yang mendengarkan di port tersebut menunggu client mengirim kode
permintaan (request), seperti “GET / HTTP/1.1
”
yang akan meminta halaman yang sudah ditentukan, diikuti dengan pesan
MIME yang memiliki beberapa informasi kode kepala yang menjelaskan aspek
dari permintaan tersebut, diikut dengan badan dari data tertentu.
Server Side Programming
Server side programming, yaitu Script/pemrograman yang diterjemahkan
dan dijalankan pada sisi server yang hasil eksekusinya dikirimkan ke
client, contohnya adalah script PHP, ASP, dll. Keuntungan dari server
side programming adalah membuat halaman website lebih dinamis, sehingga
kita sebagai admin dapat berkomunikasi dengan para client.
Client Side Programming
Client side programming, yaitu Script/pemrograman yang diterjemahkan
disisi client dimana script tersebut akan langsung dikirimkan ke browser
client tanpa harus diterjemahkan oleh web server, contohnya Script
HTML, Java Script, txt, dll, namun sayangnya script ini dapat dibaca
oleh client dengan fasilitas "view souerce" pada browser, tapi salah
satu keuntungannya transfer data dapat lebih cepat dibandingkan dengan
script side server.
Web Server Software
Web server software merupakan software yang memberikan layanan data yang berfungsi menerima permintaan
HTTP atau
HTTPS dari klien yang dikenal dengan
browser web dan mengirimkan kembali hasilnya dalam bentuk halaman - halaman web yang umumnya berbentuk dokumen
HTML
Macam - macam Web Server diantanya:
Apache Web Server - The HTTP Web Server
1.Apache Tomcat
2.Microsoft windows Server 2003 Internet Information Services (IIS)
3.Lighttpd
4.Sun Java System Web Server
5.Xitami Web Server
6.Zeus Web Server
Namun web yang terkenal dan yang sering digunakan adalah
Apache dan
Microsoft Internet Information Service (IIS).
Cara kerja web server :
1. Cara kerja Web Server Web server
merupakan mesin dimana tempat aplikasi atau software beroperasi dalam
medistribusikan web page ke user, tentu saja sesuai dengan permintaan
user.
2. Hubungan
antara Web Server dan Browser Internet merupakan gabungan atau jaringan
Komputer yg ada di seluruh dunia. Setelah terhubung secara fisik,
Protocol TCP/IP (networking protocol) yg memungkinkan semua komputer
dapat berkomunikasi satu dengan yg lainnya. Pada saat browser meminta
data web page ke server maka instruksi permintaan data oleh browser
tersebut di kemas di dalam TCP yg merupakan protocol transport dan
dikirim ke alamat yg dalam hal ini merupakan protocol berikutnya yaitu
Hyper Text Transfer Protocol (HTTP). HTTP ini merupakan protocol yg
digunakan dalam World Wide Web (WWW) antar komputer yg terhubung dalam
jaringan di dunia ini. Untuk mengenal protocol ini jelas sangan mudah
sekali dimana setiap kali anda mengetik http://… anda telah
menggunakannya, dan membawa anda ke dunia internet. Data yg di passing
dari browser ke Web server disebut sebagai HTTP request yg meminta web
page dan kemudian web server akan mencari data HTML yg ada dan di kemas
dalam TCP protocol dan di kirim kembali ke browser. Data yg dikirim dari
server ke browser disebut sebagai HTTP response. Jika data yg diminta
oleh browser tidak ditemukan oleh si Web server maka akan meninbulkan
error yg sering anda lihat di web page yaitu Error : 404 Page Not Found.
Hal
ini memberikan cita rasa dari suatu proses yang tridimensional, artinya
pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain
hanya dengan mengklik beberapa bagian dari halaman-halaman dokumen (web)
itu. Proses yang dimulai dari permintaan webclient (browser), diterima
web server, diproses, dan dikembalikan hasil prosesnya oleh web server
ke web client lagi dilakukan secara transparan. Setiap orang dapat
dengan mudah mengetahui apa yang terjadi pada tiap-tiap proses. Secara
garis besarnya web server hanya memproses semua masukan yang
diperolehnya dari web clientnya.
Konsep HTML
HTML adalah kepanjangan dari Hyper Text Markup Language, merupakan
bahasa text yang menggunakan tanda-tanda (markup) yang dikenal dengan ,
dimana nantinya merupakan pengembangan dari SGML (Standart Generaize
Markup language). Dengan HTML dapat dibuatkan suatu halaman web statis
dimana nantinya merupakan dasar dari halaman web dinamis. Membuat
halaman web menggunakan HTML dapat dilakukan dengan editor khusus HTML
seperti Notepad, Wordpad atau Ms.word atau editor lain seperti Editplus
dan Ms.frontpage.
Pembuatan HTML pertama adalah team bernes-lee yang pada saat itu bekerja
di european particle physics lab CERN (Consel European pour la
Racherche Nucleare) di Ganeva,Swiss. Dimana idenya adalah untuk
pemakaian secara bersama antara beberapa computer kolegannya menggunakan
hypertext, sehingga dapat menampilkan dokumen pada tampilan browser
HTML, pada saat itu browser yang digunakan adalah browser mosaic yang
digunakan untuk pertama kalinya. Dengan tampilan dokumennya yang
menggunakan HTML maka pembaca dapat melompat dari dokumen yang lain,
hanya melakukan klik pada kata yang diinginkan, bahkan dapat melompat ke
alamat lain.
Sejak itu,pada tahun 1993 banyak pengembang yang ingin mengembangkan
HTML, sehingga perkembangannya sangat pesat, penambahan fasilitas baru
dibuat, guna menyempurnakan kemampuan HTML dengan tidak mengubah cara
kerjanya, yaitu dengan munculnya HTML pada tahun 1993. kemudian tahun
1995 muncul versi HTML 2.0 pada bulan November yang dirilis oleh IETF
(Internet Enginnering Taks Force) dan disusul HTML 3.0 yang tentunya
mempunyai kelebihan dari versi-versi sebelumnya. Kemudian pada tahun
1997 muncul HTML versi 3.2 yaitu pada bulan januari dan versi-versi
berikutnya kemudian dirilis seperti versi 4.0 pada tahun 1997 dan versi
4.01 yang merupakan HTML versi terbaru, dikeluarkan oleh W3C sekitar
april 1999, dimana mendukung halaman web dinamik.
HTML Tingkat Dasar
Untuk memulai pembuatan halaman HTML maka dapat dimulai dengan
menyiapkan editor yang akan digunakan, misalkan dengan menggunakan
EditPlus atau NotePad, yang dilakukan disini adalah menggunakan
EditPlus.
Format halaman HTML adalah terdiri dari dua bagian yaitu bagian header
dan bagian body, yang semuanya itu dibuka dan ditutup dengan . Seperti
tag adalah digunakan untuk tanda awal dari suatu halaman HTML,
sedangkan tag (diawali dengan slash) digunakan untuk tanda akhir dari
suatu halaman HTML. Tag-tag tersebut dapat ditulis dengan huruf kecil
maupun besar, karena HTML tidak mengenal case sensitive (membedakan
huruf kecil dan besar).
Suatu tampilan browser dari halaman web biasanya menggunakan judul
(title) yang digunakan untuk menanamkan suatu halaman web dan untuk
memberikan nama pada saat suatu halaman web akan menampilkan nama pada
menu browser (menu favorit). Judul ini akan ditampilkan pada bagian kiri
atas suatu browser seperti gambar 2.1.10 diatas. Untuk menyimpan
halaman dari EditPlus harus berekstensi “*html”, dimana “ * “ adalah
nama document. Jika tidak dilakukan, maka pada saat document ditampilkan
yang muncul adalah tampilan EditPlus.
Apa yang dapat dilakukan dengan HTML ?
Menentukan format text.
Menampilkan informasi dalam bentuk table.
Menyisipkan citra atau gambar dan link.
Read More......