Rabu, 22 April 2015

 Membuat Web

Assalamu’alaikum Wr. Wb.
Di postingan sebelumnya saya telah menjelaskan apa itu Arsitektur Web. Nah, untuk postingan kali ini saya akan mencoba mengimplementasikan salah satu tools dalam pembuatan web. Saya menggunakan Notepad++ dalam pembuatan Web Pengenalan Diri sederhana menggunakan HTML(Hyper Text Markup Language).
Berikut ini adalah script htmlnya:






Saya akan menjelaskan script html diatas. script yang saya buat menggunakan fungsi div. yaitu pengelompokan element untuk tampilan html menggunakan css. caranya <div> isi element </div>. fungsi div ini berada dalam <body> </body>. Kemudian saya menggunakan tag <h1></h1> yang fungsinya membesarkan hurus yang ada didalam tag tersebut. kemudian saya juga menggunakan <p> </p> yang gunanya untuk paragraf. kemudian saya akan menjelaskan css untuk mengatur tampilannya. dengan menggunakan tag <style></style> atau juga bisa beda file dengan menggunakan file format .css. didalam style tersebut terdapat backgrund-color yang berfungsi untuk merubah warna backgrund. text-align gunanya untuk mengatur posisi textnya. hegiht untuk ukurannya. dan terakhir di dalam html ini juga terdapat tag <img src=""> untuk memasukkan foto.


Sekian postingan blog kali ini tentang pembuatan web sederhana. Semoga kalian dapat mencobanya dan bermanfaat bagi pembaca. Kurang lebihnya saya mengucapkan permintaan maaf jika dalam postingan kali ini terdapat salah kata. Demikian saya ucapkan Wassalamu’alaikum Wr. Wb. :)

Arsitektur Web

  Haiiiii....kali ini saya akan mencoba menjelaskan tentang Arsitektur Web. Sebelumnya saya akan menjelaskan apa itu Arsitektur Komputer. Arsitektur Komputer dapat didefinisikan sebagai suatu pendekatan terhadap desain dan perencanaan situs seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna.
Secara umum, setiap program/aplikasi komputer yang berkomunikasi di Internet dapat dibedakan menjadi 2 bagian yang terpisah yaitu client dan server.
Client itu apa sih sebenarnya? Baiklah disini saya akan mencoba menjelaskan apa itu client. Client disebut juga dengan front-end, yang maksudnya adalah komponen aplikasi tersebut dijalankan dalam sebuah workstation dan menerima input data dari pengguna. Dengan cara meminta (request) satu layanan tertentu ke suatu server. Komputer client harus dilengkapi dengan aplikasi client khusus untuk dapat menjalankannya, sehingga bisa memanfaatkan layanan yang ditawarkan server. Sebagai contoh, untuk mengambil sebuah file dari file server, suatu program di komputer client harus memformat sebuah request (permintaan) dan mengirimkannya kepada program yang sedang berjalan di server. Selanjutnya, server akan mengirimkan file yang diminta sesuai dengan permintaan program client tersebut.
Sementara itu apakah yang dimaksud server? Server biasa disebut juga dengan back-end. Server memilki kegunaan yakni menerima request dari client, kemudian memproses dan langkah selanjutnya yaitu memberikan hasil pemrosesan tersbut kepada client. Kemudian untuk dapat berkomunikasi antara Client dan Server digunakanlah Protocol. Lalu dapat diambil kesimpulan bahwa Client Server merupakan suatu bentuk arsitektur, dimana client adalah perangkat yang menerima yang akan menampilkan dan menjalankan aplikasi (software komputer) dan server adalah perangkat yang menyediakan dan bertindak sebagai pengelola aplikasi, data, dan keamanannya.
Tidak lengkap rasanya jika hanya menjelaskan Client Server saja, baiklah disini saya akan mencoba menjelaskan tools/bahasa pemrograman apa saja yang digunakan dalam aplikasi client/server sederhana.
Tools yang digunakan dalam aplikasi client/server diantaranya yaitu:
  1. HTML
  2. PHP
  3. JavaScript
  4. XML
Disini saya akan menjelaskan karakteristik dari 4 tools diatas
  1. Karakteristik dari HTML:
    • Tag-tag dalam HTML tidak bersifat case sensitive
    • Tidak memerlukan compiler dan cara menjalankannya dengan menggunakan browser.
    • File HTML diakhiri dengan format .html
  1. Karakteristik dari PHP:
    • PHP tidak menggunakan compiler
    • PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows)
    • Web Server yang mendukung PHP diantaranya apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
  1. Karakteristik dari JavaScript:
    • Menggunakan blok awal “{” dan blok akhir “}”
    • Case Sensitive artinya membedakan penamaan variable dan fungsi yang menggunakan huruf besar dan huruf kecil.
    • Memiliki Extension yang umumnya “ *.js”.
  1. Karakteristik dari XML:
    • Pencarian data cepat karena XML merupakan data dalam format yang terstruktur
    • Ekstensibilitas : dapat ditukar/digabung dengan dokumen XML lain
    • Plain Text dan Platform Independent
Jika kita sudah mengerti karakteristik dari keempat tools diatas, untuk dapat membangun web yang baik diperlukan analisa terhadap web yang dibuat. Baiklah disini saya akan mencoba menjelaskan software yang dapat menganalisa web yaitu SEO. SEO (Search Engine Optimization) memiliki tujuan untuk menempatkan sebuah situs web pada posisi teratas pada search engine, atau paling tidak dihalaman pertama berdasarkan keyword pada search engine. Secara logika, situs web yang memiliki posisi teratas pada search engine akan memiliki peluang yang besar untuk dikunjungi.
Baiklah, sekian postingan blog saya mengenai Arsitektur Komputer. Semoga dapat bermanfaat bagi para pembaca. Kurang lebihnya saya mohon dibukakan pintu maaf yang sebesar-besarnya jika ada kesalahan dalam memposting blog ini. Akhir kata saya ucapkan Wassalamu’alaikum Wr. Wb.
Referensi: