Desain Pemrograman Web – Resume Pertemuan 4

Definisi Website
Sebelum membuat Websiite bagi yang belum tau tentu saja ingin mengetahui apa itu Website atau Blog.
Mungkin bagi yang baru pertama mendengar kata ‘Website / blog’ sama membingungkannya ketika pertama kali penulis mendengar kata internet,Email,maupun chating.
Berikut penjelasan tentang Website :
Website adalah suatu halaman atau pekarangan atau bangunan media informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Secara garis besar, website bisa digolongkan menjadi 3 tipe / jenis yaitu:
* Website Statis
* Website Dinamis
* Website Interaktif
Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit code yang menjadi struktur dari website tersebut.
Website Dinamis merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain halaman utama yang bisa diakses oleh pengguna atau pengunjung pada umumnya, juga disediakan halaman backend untuk mengedit kontent dari website. Contoh mengenai website dinamis adalah web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya.
Website Interaktif adalah web yang saat ini memang sedang booming. Salah satu contoh website interaktif adalah blog dan forum. Di website ini pengguna atau pengunjung bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.
Apa itu Blog ?
Blog termasuk dalam golongan Website tipe ketiga seperti yang di jelaskan di atas yaitu tipe Website Interaktif dimana pengguna atau pengunjung bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Blog juga merupakan situs yang sifatnya lebih menitik beratkan kepada penggambaran dari si pembuat blog itu sendiri menurut salah seorang webmaster/Blogger indonesia Kang Roman.
Menurut penulis sendiri bangunan media informasi ini terbentuk dari tiga bahan pokok (emangnya adonan kue?), maksudnya tiga unsur utama seperti halnya di ibaratkan saja manusia mempunyai tiga unsur yaitu nama, tubuh / wadah (body) yang merupakan tempat penyimpanan isi, dan ketiga adalah isi (jiwa,roh,sukma,tulang,dan juga isi perut. kwkh..).
Nah ketiga unsur Website itu adalah :
1. Domain : yaitu nama atau alamat website itu sendiri. ingat, Domain hanyalah sebuah nama dari Website, contoh: www.bikinsitusweb.co.cc, www.google.com, www.yahoo.com, www.facebook.com adalah nama / alamat sebuah website.
2. Webhosting : yaitu tempat penyimpanan domain itu sendiri serta content yang dipakai untuk membangun website itu. ibarat ada isi ada juga wadahnya. juga bisa kita ambil contoh bangunan tempat pedagang menyimpan barang dagangannya disebut ‘warung atau toko’,  tak akan disebut ‘warung’ jika barang daganganya di letakan berserak di atas tanah belakang halaman rumah di semak-semak ilalang, dia mesti ada tempat (bangunan) khusus untuk menletakan/menyimpan barang daganganya, entah tempat itu terbuat dari papan,triplex,atau beton, yang penting ada tempat penyimpanan.
seperti itulah ibaratnya webhostig adalah tempat penyimpanan domain dan file-file. webhosting ini lah yang akan meng-online-kan sebuah website sehingga bisa di akses oleh pengguna internet di seluruh dunia.
3. File CMS (Content System Management) : yang adalah isi, yaitu content yang di pakai untuk membangun website seperti menulis artikel dalam postingan web/blog seperti artikel yang sedang anda baca ini,  intinya CMS adalah Mesin Dari Sebuah Situs,  Blog Ini Menggunakan CMS Wordpress. File-File CMS ini juga harus tersimpan di webhosting.

Desain Pemrograman Web – Resume Pertemuan 3

Penjelasan HTML (HyperText Mark up Language)

HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program. Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext

Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

Markup

Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

Language

Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.

Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.

Contoh bahasa HTML :
Background image:

Gunakan gambar sbg background. <body background="http://URL dari gambar kamu" text="#color" link="#color" vlink="#color"> ...ganti color dgn kode warna. 

Background sound: 

kamu jg bisa pasang musik latar<bgsound src="URL of song"> isi dgn url sound kamu.

Pasang IMAGE dihalaman:

 <img src="http://URL of image"> ganti url image kamu. 

Tombol link:

<form action="http://URL disini" method="post"> <input type="submit" value="text tombol kamu"> </form>

Teks berjalan maju mundur:

<marquee behavior=alternate loop=15>Teks kamu disini </marquee>  

Teks berjalan kekiri:

<marquee behavior=scroll direction=left loop=15>Teks kamu disini </marquee> 

Teks berjalan kekanan:

<marquee behavior=scroll direction=right loop=15>Teks kamu disini </marquee>   

Desain Pemrograman Web – Resume Pertemuan 2

Perencanaan Web

Definisi web : Sekumpulan “halaman” yang saling berhubungan yang dapat diakses publikmelalui  World Wide Web Suatu web sites biasanya mengandung teks dan gambar Web sites memiliki keuntungan dalam hal ketersediaan interaksi antara user dan situs itu sendiri

Web Development

Web development dapat diartikan sebagai pengembangan sebuah situs web untuk world wide web atau internet. Pengembangan yang dimaksud dapat mencakup ecommerce pengembangan bisnis, web design, client side/server side scripting atau pengembangan sebuah halaman statis / sederhana atau yang paling kompleks.

Waterfall model diperlukan dalam perancangan dan develop suatu website baik itu personal,komersil. Kenapa? Karena tahapan dalam waterfall model yang digunakan dalam development website kalau boleh saya katakana itu merupakan konsep perancangan yang sangat baik dalam pembuatan website. Waterfall Model dapat di gambarkan seperti :

Jadi inilah life cycle dalam proses develop sebuah website. misal Design Prototyping salah, anda bisa sgeera melakukan requirements analysis specification maupun ke problem definition kembali. Jangan sampai anda telah sampai melakukan release namun ada kesalahan maka anda kembali problem definition lagi. Jelas membuang waktu kawan. 

Tips membuat HTML :

• Gunakan komentar, komentar penting saat anda melakukan koding pada HTML. Jika seandainya anda lupa rumus kode yang anda gunakan ini utnuk apa, komentar yang anda beri sangat bermanfaat ketika anda lupa.
• Jangan gabungkan Script, style dalam satu struktur, sebaiknya pisahkan agar mudah menelusuri letak kesalahan.
• Buatlah template, dengan adanya template anda akan menghemat pekerjaan anda seperti memikirkan posisi untuk peletakan gambar, menu, tombol, dan konsep.
• Gunakan ekstensi yang konsisten seperti format HTM atau HTML.
• Cobalah lakukan testing dari setiap link, menu, tombol, halaman yang anda gunakan apakah masing-masing sudah berfungsi dengan benar

Testing Website juga perlu anda lakukan sebelum anda mempublish ke orang banyak, ini perlu karena kesalahan yang anda buat akan membuat pengunjung website akan kecewa terhadap website anda. Hal-hal yang perlu dilakukan dalam testing :

• Visual, apakah gambar dan tampilan sudah sesuai ?
• Fungsi, Apakah tombol, menu, navigasi sudah berjalan sebagaimana mestinya ?
• Content, apakah isi konten dari website anda sudah layak untuk dibaca dan tidak melanggar etika hak cipta ?
• Sistem dan Browser Compability, ini juga perlu dilakukan semisal website yang akan diakses menggunakan sistem operasi lain dan browser juga mempengaruhi hasil tampilan website yang anda buat. Tidak semua browser menampilkan sesuai yang anda harpakan. Kenapa? Karena masing-masing browser memiliki engine yang berbeda untuk mengolah halaman website
• Delivery Testing, testing dimana apakah halaman yang diinginkan sudah tampil dengan baik dan benar.
• User Acceptance, testing ini tujuanya adalah pengunjung website anda dapat menerima website anda baik dari segi tampilan, menu, dan kemudahan navigasi.