Resume Desain dan Pemrograman Web 2

We back again on posting things! Yeeeahh!

Oke, bahasan resume kali ini adalah web development, namun saying sekali penulis tidak bias men detailkan beberapa hal karena penulis tidak dapat hadir pada pertemuan kedua desain pemrograman web karena upacara adat di Bali.

Ngobrolnya sekian dulu deh, langsung ke resume, here it is :

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 berbasis web aplikasi internet, bisnis elektronik atau layanan jaringan sosial.”

Pengembangan sebuah web sendiri memiliki tahapan2 layaknya SDLC (system development Life Cycle), yaitu waterfall model

Pada gambar diatas dapat dilihat jelas bagaimana tahapan tahapan pemngembangan sebuah web, dimulai dari pemahaman konsep hingga rilis.

Banyak situs web di internet yang gagal atau bahkan hilang dari peredaran karena kurangnya kejelasan dari ‘goal’ atau tujuan pembuatan web tersebut. Pada awal kemunculan web, sebuah web digunakan oleh sebuah organisasi atau perusahaan untuk memperlihatkan bahwa perusahaan/organisasi tersebut memiliki sebuah web. Tanpa ada web, perusahaan tersebut dianggap kurang maju atau berkembang.

Namun, seiring dengan perkembangan jaman, tujuan sebuah web menjadi sangat jelas dan dapat dimengerti sehingga pengembangan sebuah web dapat mengikuti tujuan dari pembuatan web tersebut pada awalnya.

Contoh tujuan dari pembuatan web :

  • Build a customer support site that will improve customer satisfaction by providing 7/24 access to common questions and result in a 25 percent decrease in telephone support.
  • Create an online automobile parts store that will sell at least $10,000/month of product directly to the consumer.
  • Develop a Japanese food restaurant site that will inform potential customers of critical information such as hours, menu, atmosphere, and prices as well as encourage them to order by phone or visit the location

Menentukan sebuah pengembangan website tidaklah semudah kelihatannya, tim pengambang harus memutar otak untuk melihat bagaimana kelakuan dari user, dari kalangan apa saja yang masuk ke website tersebut, dan sebagainya. Pengembangan web juga biasanya dilakukan dengan cara interview, dengan begitu tim dapat sepenuhnya mengerti kemauan user dari sebuah website.

Setelah fase Brainstorming telah selseai, maka dilanjutkan ke fase berikut, yaitu fase design.

Design Phase

  • Wireframes
    • Wireframes adalah proses pembuatan tampilan visual dari web tersebut, bagaimana user akan melihat web tersebut untuk pertama kali, dan bagaimana kesan mereka
  • Screen and Paper Comps
    • Pada tahap ini, desain dari wireframes tersebut di detilkan pada selembar kertas oleh designer, di scan, kemudian dibuka pada web browser tertentu untuk melihat tingkat kompatbilitas design web tersebut.
  • Creating the Mock Site
    • Mock-site merupakan situs test lanjutan untuk mengetes kompatibilitas browser dan kecepatan load sebuah page. Biasanya pada tahap ini design bukan dari kertas namun sudah menggunakan photoshop/illustrator
  • Producing the HTML
    • Setelah design dirasa cocok, proses berikutnya adalah pembuatan HTML code, sebagai bagian dari coding pengembangan website baru tsb.
  • WYSIWYG Promises
    • Pembuatan web dengan HTML saja tidak begitu optimal/baik karena tidak terlihat apa yang ada di web sebelum di run. WYSIWYG (What You See Is What You Get)menggunakan program dengan fitur visual coding seperti Dreamweaver, FrontPage dsb. Namun perlu diingat, tidak ada coding yang 100% bias sempurna ketika di load.

Tips pada saat pembuatan 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

Setelah tahap design selesai, lanjut ke tahap berikutnya : Testing

Testing

  • Visual Acceptance Testing
    • Tes apakah tampilan visual sudah sesuai dengan yang diharapkan
  • Functionality Testing
    • Tes apakah fungsi-fungsi yang di embed ke website sudah berjalan dengan baik
  • Content Proofing
    • Cek apakah isi/content dari website sudah sesuai, tidak melanggar hak cipta dsb.
  • System and Browser Compatibility Testing
    • Tes website apakah berjalan di semua OS dan browser, cantumkan apabila tampilan terbaik didapat dari browser tertentu (ex. Best viewed with Mozilla Firefox 1024 x 768)
  • Delivery Testing
    • Testing apakah halaman yang diinginkan sudah tampil dengan baik
  • User Acceptance Testing
    • Testing apakah website tersebut telah dapat diterima, digunakan dengan baik oleh user

Rangkuman akhir

Sebagai pertimbangan, pengembangan sebuah web tidak semudah kelihatannya, banyak tahapan yang harus dilalui agar tercipta sebuah website yang baik, enak dipandang, tidak melanggar hak cipta, dan sesuai dengan keinginan user dan pihak pembuat.

Well, sekian dulu rsume kali ini, mudah-mudahan resume penulis kali ini berguna bagi siapa saja yang ingin mengetahui lebh dalam tentang pengambangan sebuah web.

Regards.

Advertisements
By Angga Agia Posted in Resume

2 comments on “Resume Desain dan Pemrograman Web 2

  1. Heiy…Greetings from me.
    I love your blog, many things that I can about gaming and college duties, yaaa .. even though I was just learning.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s