0 com

Membuat Web Sederhana

Pada postingan sebelumnya saya membahas mengenai arsitektur web, dan saat ini saya akan membahas tentang web sederhana yang saya buat dengan menggunakan HTML(Hyper Text Markup Language). Dalam pembuatan html ini saya menggunakan Notepad++.

Berikut adalah gambar dari script html-nya:





Saya akan menjelaskan tentang script html pada gambar diatas, pada dasarnya saya menggunakan fungsi div, yaitu pengelompokan element untuk tampilan html menggunakan css. Dengan cara <div> isikan elemennya </div>. fungsi div berada pada tag <body> </body>. Terdapat tiga bagian yaitu <div id="header"> guna untuk menulis pada bagian atas, lalu tag <div id="section"> menuliskan pada bagian tengah, dan tag <div id="footer"> untuk menuliskan bagian bawah. Kemudian saya menggunakan tag <h1></h1> yang fungsinya untuk membesarkan huruf yang ada didalam tag tersebut. kemudian tag <p> </p> fungsinya untuk membuat 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, disini saya memilih center guna menengahkan tulisan, hegiht untuk ukurannya.

Sekian penjelasan Web sederhana yang saya buat, semoga bermanfaat, salam. 


MORE
►Diposting oleh
:yusuf maulana : di 11.03
0 com

Arsitektur web


       Pada pembahasan kali ini saya akan membahas mengenai arsitektur web. Seperti yang kita ketahui arsitektur ialah membuat desain atau rancangan yang terstruktur. Sementara Web itu sendiri yaitu perkembangan teknologi  yang membentuk susatu jaringan komputer untuk terhubung satu dengan yang lain. Sebuah web dapat diakses melalui suatu alamat internet yang dikenal sebagai URL atau yang biasa kita sebut situs.

Jadi arsitektur web yaitu suatu pendekaan mengenaidesain dan perencanaan situs website,  yang dimana melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna. 

Umumnya suatu aplikasi komputer maupun program yang berkominikasi melalui internet, dapat dikategorikan menjadi 2 bagian yaitu, client dan server.

Lanjut membahas mengenai client dan server, client merupakan front-end, dengan kata lain ialah komponen aplikasi yang 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. Misalnya , untuk mengambil sebuah file dari file yang berada di 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.

Sebagaimana yang sebelumnya disebutkan bahwa client merupakan front-end, sedangkan Server disebut 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.

Setelah mengetahui tentang client-server, selanjutnya saya akan membahas mengenai alat/tools  ataupun bahasa pemrograman yang digunakan dalam aplikasi clinet-server. Diantaranya sebagai berikut:
1.    HTML
2.    PHP
3.    JavaScript
4.    XML

Setelah mengetahui ke-empat tools diatas saya akan menyebutkan karakteristik apasaja yang ada pada ke-empat tools tersebut.
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
2.    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.
3.    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”.
4.    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

Setelah disebutkan mengenai karakterisik dari ke-empat tools diatas, untuk dapat membangun web yang baik diperlukan analisa terhadap web yang dibuat. Selanjutnya saya akan 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.

Sekian penjelasan singkat mengenai arsitekur web, semoga dapat bermanfaat bagi pengunjung blog ini. Sekian.

Referensi:

MORE
►Diposting oleh
:yusuf maulana : di 09.57
Langganan: Postingan (Atom)