Arsitektur Web

Assalamu’alaikum Wr. Wb.

Postingan kali ini saya mencoba menjelaskan tentang Aristektur Web. Sebenarnya apa sih Arsitektur Web itu? Arsitektur Web dapat didefinisikan sebagai suatu pendekatan terhadar desain dan perencanaan situs seperti arsitektur itu sendiri. Secara umum, setiap program/aplikasi komputer yang  berkomunikasi dengan internet dapat dibedakan menjadi 2 bagian yang terpisah yaitu klien dan server.

Terus Klien dan Server itu apa? Saya coba jelaskan satu-satu, yang pertama yaitu Klien. Klien biasa disebut juga dengan front-end, artinya komponen klien dari aplikasi tersebut dijalankan dalam sebuah workstation dan menerima masukkan data dari pengguna. Komponen klien tersebut akan menyiapkan data yang dimasukkan oleh pengguna dengan menggunakan teknologi pemrosesan tertentu dan mengirimkannya kepada komponen server yang dijalankan diatas mesin server, umumnya dalam bentuk request terhadap beberapa layanan yang dimiliki oleh server.

Yang kedua yaitu Server. Server biasa disebut juga dengan back-end. Server memiliki kegunaan yakni menerima request dari klien, dan langsung memprosesnya dan mengembaikan hasil pemrosesan tersebut kepada klien. Klien pun menerima informasi hasil pemrosesan data yang dilakukan server dan menampilkannya kepada pengguna, dengan menggunakan aplikasi yang berinteraksi dengan pengguna. Kemudian untuk dapat berkomunikasi antara klien dengan server digunakanlah Protocol.

Selanjutnya saya juga akan membahas Tools apa saja yang digunakan dalam aplikasi client/server, berikut Toolsnya :

1. HTML
2. PHP
3. JavaScript
4. XML

Lalu bagaimana dengan karakteristik dari Tools di atas?

Berikut adalah Karakteristik dari Tools diatas :

1. HTML :

• Tag-tag dalam HTML tidak bersifat case sensitive
• File HTML harus diakhiri dengan format .html
• Tidak memerlukan compiler dan cara menjalankannya pun cukup dengan browser
• HTML tergantung kepada tag bertanda (markup tags) untuk mengenal pasti dari blok perkataan

2. PHP :

• PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam pengunaannya
• PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, & Window)
• Dapat dijalankan secara runtimt melalui console serta juga dapat menjalankan perintah – perintah system

3. JavaScript :

• Menggunakan blok awal “{“ dan blok akhir “}”
• Case Sensitive
• Extension umumnya “*.js”
• Setiap statement dapat diakhiri dengan “:” namun pada C++ bisa pakai maupun tidak
• Kode terintegrasi ke dalam html
• Kode program bisa diakses
• Hubungan dinamis, referensi dari objek diverifikasi pada saat loading

4. XML :

• Ekstensibilitas : dapat ditukar/digabung dengan dokumen XML lain
• Pencarian data cepat Karena XML merupakan data dalam format yang terstruktur
• Plain Text dan Platform Independent
• Dapat memisahkan data
• Dapat mendefinisikan peran data
• Dapat mendefinisikan batasan data
• Dapat mendefinisikan keterhubungan data

Selanjutnya saya akan menjelaskan tentang SEO (Search Engine Optimization). SEO adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.

Sekian untuk postingan kali ini tentang Arsitektur Web. Semoga bermanfaat bagi pembaca. Kurang lebihnya saya mohon maaf apabila terdapat kesalahan didalam postingan saya kali ini. Terima Kasih Wassalamu’alaikum Wr. Wb

Sumber :

http://id.wikipedia.org/wiki/Klien-server

http://id.wikipedia.org/wiki/Optimisasi_mesin_pencari

http://mohammadmahareza.blogspot.com/2013/04/definisi-dan-karakteristik-html-http.html

Web Sederhana Identitas Diri

Assalamu’alaikum Wr. Wb.

Pada Postingan saya kali ini, saya mencoba membuat sebuah Web Sederhana yang berisikan tentang identitas diri. Saya menggunakan Notepad++ untuk membuat Web Sederhana ini dan menggunakan HTML(Hyper Text Markup Language). Sebelumnya saya akan memperlihat dulu bagaimana bentuk script htmlnya, berikut gambarnya :

Baiklah saya akan menjelaskan script html yang ada pada gambar diatas. Dalam membuatnya harus memiliki tag-tag untuk membaca program contohnya adalah <html>, tag tersebut merupakan awal dari sebuah script  dan harus memiliki akhir dari script tersebut. Perbedaan awal dan akhir script hanya ada pada garis miring, contohnya awalnya <html> maka harus di akhiri dengan </html> begitu pun pada tag- tag yang lain. Sekarang tag-tag apa saja sih yang digunakan pada script di atas? Pertama diawali dengan tag <html> kemudian pada baris berikutnya terdapat tag <head>. Selanjutnya pada baris ketiga terdapat tag <title> tag ini berfungsi untuk memberikan nama/judul pada tab ketika anda membuka Web yang sedang anda buka lalu baris berikutnya terdapat tag </head> untuk mengakhiri dari tag <head>. Pada baris kelima terdapat tag <body bgcolor="white"> ini berfungsi untuk memberikan warna background pada Web yang anda buat. Lalu pada baris berikutnya terdapat tag <h1 Align = "Center">, maksud h1 adalah header1 biasanya di pakai untuk menulis judul pada isi Web yang anda buat, semakin besar angka headernya maka akan semakin kecil huruf/angka yang ada didalam tag tersebut. Masih pada baris yang sama terdapat tag <u> fungsinya untuk memberikan garis bawah pada teks yang anda ketik didalam tag tersebut, ini semua sama seperti didalam Ms.Word <u> untuk memberikan garis bawah pada teks, <b> untuk menebalkan teks, dan <i> untuk memiringkan teks. Didalam tag h1 tadi terdapat Align = “Center” fungsinya yaitu untuk memberikan posisi pada teks. Beralih ke baris selanjutnya terdapat tag <p Align ="Left">, p disini berfungsi untuk memberikan tipe teks paraghraf, lalu terdapat pula tag <Font Color="Blue"> ini berfungsi untuk memberikan warna pada huruf yang anda masukkan didalam tag tersebut. Lalu pada akhir baris tersebut terdapat tag <br>, tag ini berfungsi untuk membuat baris baru pada teks yang anda masukkan selanjutnya, jika anda tidak menggunakan tag ini maka teks yang anda masukkan selanjutnya akan berada pada baris yang sama dengan teks yang sebelumnya. Dan akhir dari script ini di akhiri dengan tag </html> yang tandanya mengakhiri script ini.

Berikut ini adalah hasil/output dari script yang saya buat diatas :

Sekian postingan blog saya kali ini tentang pembuatan Web Sederhana. Semoga bermanfaat bagi pembaca. Kurang lebihnya saya mohon maaf apabila terdapat kesalahan didalam postingan saya kali ini. Terima Kasih Wassalamu’alaikum Wr. Wb.