TUGAS 2.2 PENGANTAR WEB SCIENCE #

PENGERTIAN WEB DESIGNER (PERANCANG WEB)

Secara Umum Web designer (Perancang Web) adalah seseorang yang bekerja dengan unsur-unsur visual dan grafis pada suatu halaman web. Dia adalah orang yang membuat wajah halaman web tampak begitu “elegan atau User Friendly”. Para web design mengintegrasikan komponen seperti gambar, file flash, atau multimedia ke dalam halaman web untuk menambah pengalaman visual user, atau untuk melengkapi content page.

Web designer biasanya bekerja dalam tim untuk memastikan sebuah tampilan website dapat membuat aplikasi web bekerja dengan baik. Keterampilan tambahan berupa komunikasi, tentu akan menjadi sangat berguna bagi para web designer. Sisi lain yang juga harus dipahami oleh web designer adalah usability / kegunaaan, standar W3C untuk HTML dan CSS dan kompabilitas tampilan pada browser yang berbeda

Web designer bertugas mendesain halaman web (web page). "Dia terlibat langsung untuk menggarap, mengeksplorasi, dan mengimplementasikan tata letak dan artistik halaman web serta aspek komunikasi dari keduanya. Selain itu web designer  berperan dalam memperhitungkan beberapa sisi teknis. Contohnya adalah kompatibilitas browser (peranti lunak untuk menjelajahi Internet) atas desain itu dan kecepatan downloading halaman tersebut. Si perancang berkontribusi untuk turut memberi pilihan background, jenis huruf, gambar dan ukuran file, dll.

Dalam membuat Web, seorang desainer Web menentukan aspek-aspek desain yang diperlukan seperti pemilihan Font, warna, tataletak, dan lainnya. Tugas seorang desainer Web tidaklah semudah yang dibayangkan, penguasaan software-software grafis dan animasi dan HTML authoring saja tidak cukup untuk membuat situs Web yang baik. Banyak hal yang harus menjadi pertimbangan, terlebih bila dihadapkan dengan keinginan Klien, kita akan dihadapkan dengan kepuasan klien. Terkadang idealisme kita sebagai desainer Web akan kalah dengan idealisme klien.

Sebelum men-design , sebaiknya kita mEngetahui dan memahami beberapa fungsi situs web agar design yang dibuat sesuai dengan fungsi situs web.Secara umum fungsi situs web adalah sebagai berikut:

·         Fungsi Komunikasi.

Situs web tang berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat menggunakan pemrograman web(server side) maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec,chatting,forum dll.

·         Fungsi Informasi.

•   Menekankan pada kualitas konten,karena tujuan situs ini mnyampaikan isinya.
•   Sebaiknya berisi teks dan grafik.
• Fasilitas yang memberikan fungsi informasi,news,file,company,library,prefences dll.

·         Fungsi Entertainment.

Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapatmeningkatkan mutu persentasi design,meski tetap harus mempertimbangkan kecepatandownloadnya.Contoh fungsi Entertaiment: game online,film online,music online dll.

·         Fungsi Transaksi.

Situs web dapat dijadikan transaksi bisnis baik barang jasa,dll.situs web menghubungkanperusahaan konsumen dan komunitas tertentu melalui sarana elektronik.Pembayarannyabisa memudahkan kartu kredit,transfer atauupun membayar langsung.

PRINSIP MENDESAIN WEB

Prinsip-prinsip yang di gunakan dalam Desain website adalah sebagai berikut:

Pertama adalah Metaphore yaitu dimana merupakan suatu penerapa prinsip-prinsip lama yang akan digunakan untuk menghasilkan sebuah prinsip yang baru.

Kedua adalah Clarity yaitu dimana dalam mendesain suatu web harus ada sebuah tujuan tertentu ataupun bisa dibilang kalau harus mempunyai tujuan yang jelas.

Ketiga adalah Consistency yaitu konten yang di isi harus mempunyai tema yang konsisten dimana tidak berubah-ubah harus mempunyai satu acuan pokok.

Keempat adalah Alignment yaitu merupakan kerapian dari suatu desain web tersebut yang mana tentunya akan mempengaruhi si pembaca dalam menyimak website tersebut bisa dimulai dari bentuk paragraph ataupun tambahan-tambahn gambar yang terdapat di dalam web tersebut.

Kelima adalah Proximity yaitu persiapan serta kelengkapan dari suatu website dan juga bisa menyesuaikan dengan tema pembicaraan dengan mempunyai beberapa perangkat pendukung atau item-item yang benar-benar bisa membuat suasana menjadi lebih hidup.

Keenam adalah Contrast yaitu masalah tampilan yang harus memberikan kesan yang nyaman untuk pengguna atau pengunjung website tersebut

ETIKA DALAM MEMBUAT WEBSITE

·         Reliability / Reliabilitas.

Seorang web designer memiliki kewajiban untuk memastikan bahwa proyeknya bisa selesai dan bisa digunakan oleh kliennya. Apabila seorang web designer memiliki keragu-raguan atas kemampuannya menyelesaikan sebuah proyek, ia wajib menginformasikan hal tersebut di awal pengerjaaan.

·         Confidentiality / Kerahasiaan.

Dalam sebuah proyek website, seorang web desainer pasti akan menggunakan akses code dan username untuk berbagai hal ( CMS, CPanel, Spanel, FTP ) yang bisa didapatkan dari klien ataupun dari perusahaan hosting. Merupakan kewajiban web designer untuk menyimpan baik data tersebut selama proyek berlangsung dan melakukan serah terima resmi data data tersebut setelah proyek konstruksi selesai.

·         Usability / Kedaya guna-an

Sebuah website harus dibuat supaya useful / berguna, bukan terserah keinginan kliennya.

•   Fungsi – fungsi yang ada di situs harus bisa berguna bagi pengunjung dan bagi klien.
•  Web designer WAJIB untuk melatih kliennya untuk menggunakan situs tersebut. Bahkan untuk hal – hal kecil seperti membuat email atau login ke CPanel / SPanel.

·         Longevity / Keabadian

Setelah sebuat website selesai, tugas anda dan klien anda baru selesai setengah.

Karena supaya sebuah website bisa berfungsi awet ada beberapa persyaratan wajib. Yaitu:

•  Keterlibatan klien
• SEO (Search engine optimization), website yang tidak diupdate / interaktif akan dilupakan oleh kliennya dan website yang tidak melakukan SEO akan sepi pengunjung

KONTEN UTAMA WEB SCIENCE

Web Science adalah ilmu yang mempelajari tentang efisiensi atau pemanfaatan dari sebuah web, agar dapat dirasakan manfaat dan kegunaannya pada banyak bidang di dalam kehidupan sehari-hari. Di dalam web science kita belajar bagaimana memberdayakan suatu sumber daya virtual sebagai media komunikasi praktis. Dengan tampilan web yang menarik dan abtraktik agar memunculkan minat orang banyak untuk membaca web tersebut.Contoh-contoh nyata yang sudah diterapkan dapat dilihat pada bidang komersil atau bidang ekonomi, bidang sosial dan bidang pendidikan.

KONTEN YANG HARUS DI UTAMAKAN DALAM WEB SCIENCE :

·         Ilmu pengetahuan adalah konten yang harus di utamakan dalam web science karena sejatinya web science berisi ilmu pengetahuan yang dapat di akses melalui dunia maya dan tentunya konten itu di kemas dengan menarik agar memunculkan minat orang untuk membaca web tersebut

METADATA WEB SCIENCE

Istilah metadata mulai sering muncul dalam literature tentang database management systems (DBMS) pada tahun 1980 an. lstilah tersebut digunakan untuk menggambarkan informasi yang diperlukan untuk mencatat karakteristik informasi yang terdapat pada pangkalan data. Banyak sumber yang mengartikan istilah metadata. Metadata dapat diartikan sumber, menunjukan lokasi dokumen, serta memberikan ringkasan yang diperlukan untuk memanfaat-kannya.

Pengertian yang lainnya menyebutkan metadata adalah informasi terstruktur yang mendeskripsikan, menjelaskan, menemukan, atau setidaknya membuat menjadikan suatu informasi mudah untuk ditemukan kembali, digunakan, atau dikelola. Metadata sering disebut sebagai data tentang data atau informasi tentang informasi. Metadata ini mengandung informasi mengenai isi dari suatu data yang dipakai untuk keperluan manajemen file/data itu nantinya dalam suatu basis data.

FUNGSI METADATA :

Metadata memberikan fungsi yang sama seperti katalog yaitu:

·         membuat sumberdaya bisa ditemukan dengan menggunakan kriteria yang relevan;

·         mengidentifikasi sumberdaya

·         mengelompokkan sumberdaya yang serupa

·         membedakan sumberdaya yang tak miliki kesamaan

·         memberikan informasi lokasi

JENIS MEDATA :

Terdapat tiga jenis utama metadata

·         Metadata deskriptif menggambarkan suatu sumberdaya dalam maksud seperti penemuan dan identifikasi. Dia bisa meliputi elemen semisal judul, abstrak, pengarang, dan kata kunci.

·         Metadata struktural menunjukkan bagaimana kumpulan obyek disusun secara bersama-sama menjadi satu, semisal bagaimana halaman-halaman ditata untuk membentuk suatu bab.

·         Metadata administratif menyediakan informasi untuk membantu mengelola sumberdaya, semisal terkait kapan dan bagaimana suatu informasi diciptakan, tipe dokumen dan informasi teknis lainnya, serta siapa yang bisa mengaksesnya.

KESIMPULAN

                Dari uraian di atas mengenai metadata dapat di simpulkan bahwa metadata suatu web science adalah berjenis metadata deskriptif karena suatu web science berisi ilmu pengetahuan, penemuan dan identifikasi yang dapat di akses oleh pembaca. Suatu web science juga memiliki metadata struktural karena terdapat penyusunan informasi yang di tata dan membentuk suatu bab.

TUGAS 2.1 PENGANTAR WEB SCIENCE #

ANALISA WEBSITE WWW.KLIKBCA.COM

Tugas analisa user interface pada website ini adalah agar dapat memenuhi tugas mata kuliah Pengantar Web Science. Selain itu agar dapat mengetahui ciri-ciri website yang baik dan kurang baik serta dapat membandingkan analisis yang dilakukan dengan teori yang telah diterima.Seperti yang kita ketahui bahwa web informasi yang beralamat www.klikbca.com adalah salah satu website yang dibuat untuk informasi berupa online.

1. Metaphor (metafora)

adalah aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah. Menghubungkan presentasi dan elemen-elemen visual dengan item-item yang berkaitan.

Contoh : Metafora tampilan desktop. 

2. Clarity (kejelasan)

adalah alasan yang kuat / masuk akal digunakannya setiap  elemen yang berada dalam suatu interface yang dibuat. Penggunaan yang sedikit akan lebih baik dalam tampilan web. Pada tampilan web klikbca.com dari segi Clarity cukup baik karna tidak terlalu banyak memasukan elemen yang tidak terlalu penting. Susunan halaman web klikbca.com yang teratur dan disertai link-link yang jelas akan menjadi daya tarik kepada pengunjung. Semua data dan informasi disusun agar terkemas dengan baik. Ini akan memudahkan pengunjung untuk mendapatkan berbagai informasi yang diinginkan mereka. Para pengunjung pasti akan kembali ke halaman web jika web tersebut dapat memenuhi apa yang diinginkan.

                                          

3. Tampilan website konsisten

Website ini termasuk konsisten, terlihat dari segi pewarnaannya. Penggunaan warna latar belakang sama untuk setiap page, yaitu putih. Warna teks yang mendominasi pada setiap halaman, yaitu hitam untuk indikasi link biru dan putih untuk selainnya (header, navigasi, dan footer pengecualian). Website ini mengguanakan jenis huruf  Calibri dengan ukuran tulisan yang sama untuk setiap halamannya. Terlampir contoh yang dimaksud :

                                    

      a. Warna

Warna merupakan salah satu elemen yang penting dalam tampilan sebuah situs. Situs dengan pemilihan warna yang baik akan membuat pengakses nyaman dan mempunyai kesenangan tersendiri pada saat mengakses situs dan menbaca isi dalamnya.

Halaman-halaman yang ada di situs klikbca.com. memiliki kekonsistensian yang dapat di lihat yakni dalam hal pemberian warna background untuk tiap halaman yang selalu sama. Peletakan navigation bar yang sama untuk setiap halaman yaitu di tepi paling atas dan paling bawah tiap-tiap halaman. Warna yang dominan putih mencerminkan warna yang baik dengan kombinasi huruf / teks hitam karena orang yang sekalipun buta warna dapat membaca isi dari informasi yang ada di klikbca.com.

                            

     b. Grafik

Teknologi terkini internet mengizinkan bukan saja teks malah grafik dipamerkan didalam halaman web. Hal ini akan memperlihatkan keceriaan di dalam halaman web dan membuatnya sekaligus tampak menarik. Pilihlah gambar yang dapat menyampaikan maksud dan tidak membebani. Buatkan gambar yang kecil dan “fast-loading” karena pengunjung tidak suka menunggu terlalu lama agar suatu tampilan muncul kesemuanya. Untuk mengoptimakan gambar, gunakan gambar di dalam format 16 color. Menggunakan icon dan gambar yang kecil dan relevan adalah pilihan terbaik terutama pada navigation bar. Grafik bagi navigation bar akan muncul di setiap tampilan halaman web untuk membolehkan proses load setiap tampilan lebih cepat dengan adanya chace. Kita juga boleh merancang memberi pilihan kepada pengunjung yang ingin melihat halaman web di dalam versi teks saja untuk menghindari kelambatan.

     c. Font

Dari segi penggunaan font tulisan tercermin web klikbca.com bertujuan untuk memberiinformasi karena menggunakan jenis tulisan Calibri yang biasa digunakan untuk hal yang formal. Tetapi design web klikbca.com mencerminkan tujuan pengembang untuk berbagi informasi berita melalui web ini dan ditambahkannya banner yang menggambarkan ketertariakan sebuah isi dari informasi. Meskipun web ini tidak bersifat komersial tapi bukan berarti di web ini tidak ada sesuatu yang menjadi menarik perhatian pemgunjung. Hampir kebanyakan orang tahu klikbca.com media online.

     d. Text (Moving text)

Pengembang menggunakan teks berjalan mungkin untuk menarik perhatian pengguna atau membuat tampilan website lebih menarik perhatian pengguna. Di lain pihak, pengguna biasanya menganggap bahwa teks berjalan merupakan sesuatu yang tidak penting (iklan dan sejenisnya) sehingga diabaikan. Di dalam klikbca.com juga hal itu dianggap tidak penting karena di dalam content sudah terdapat animasi text dari iklan-iklan yang di pasang dengan menggunakan animasi yang interaktif. Pengguna teks berjalan juga menyulitkan pengguna untuk mendapatkan informasi karena mereka harus menunggu sampai semua teks ditampilkan. Jika ada informasi yang terlewat mereka harus menunggu sampai teks berjalan looping kembali.

                                          

4. Screen Resolution

Website klikbca.com menggunakan screen resolution 1012 x 4600 pixel dan web bersifat rata tengah, sehingga pengguna yang mengguanakan screen resolution 800 x 600 pixel harus scrolling beberapa kali supaya bisa melihat semua halaman website. Lebih baik pengembang menggunakann ukuran web yang dinamis. Lebar halaman didefinisikan  dengan menggunakan ukuran presentase. Cara ini lebih baik karena tidak bergantung kepada resolusi computer.

5. Bahasa

Bahasa yang digunakan pada web klikbca ini terdapat dua pilihan bahasa. Pada pertama kali membuka website ini sudah dalam bentuk bahasa Indonesia, selanjutnya ada pilihan untuk bahasa Inggris. Berikut tampilan contoh untuk mengubah ke bahasa Inggris :

6. Logo dan nama website

Logo dan nama website biasanya terletak di pojok kiri atas dan posisinya konsisten di semua halaman. Logo dan nama website merupakan identitas utama yang di gunakan untuk memberikan informasi kepada pengguna tentang web yang sedang mereka kunjungi. Website klikbca.com memiliki logo dan nama website seperti tampilan berikut ini :

                                         

7. Link

Link biasanya digunakan oleh pengguna untuk pergi ke halaman lain sebuah website. Link pada website ini dibuat berwarna biru di bagian body dan huruf berwarna putih dan link-link tersebut ada yang diberi garis bawah dan ada yang tidak, dan link tersebut diberikan popup yaitu ketika kita menggeser kursor kita maka secara otomatis akan memeperbesar judul dari link tersebut. Dibawah ini tampilan link di website klikbca.com :

                                                       

8. Konten selalu di update

Analisis terhadap www.klikbca.com adalah cukup update. Website klikbca.com update untuk artikel-artikel dan berita-berita seputar kegiatan yang dilakukan oleh pihak Bank BCA. Database berita secara otomatis akan bertambah dan tergantikan dengan yang baru dalam waktu yang ditentukan yaitu setiap hari.

                                   

home page, content page 1, content page 2

www.klikbca.com

9. Alignment (Perataan)

Untuk perataan dalam website klikbca.com menggunakan rata kiri kiri atas.

Dapat mengijinkan mata untuk menguraikan tampilan dengan lebih mudah.

10. Interaktifitas kurang baik

Karena pada menu Q & A tidak terdapat form atau forum untuk nasabah mengirimkan feedback (kritik dan saran) atau komentar. 

                                      

11. Searching

Searching merupakan salah satu fitur yang harus ada jika website tersebut memiliki lebih besar sama dengan 100 halaman. Fitur searching akan memudahkan pengguna untuk menemukan informasi tertentu yang terdapat dalam website tersebut dengan mudah dan cepat. Di dalam klikbca.com pengguna kata kunci dalam search box yang tersedia di website sehingga menghemat waktu pengguna untuk browsing di dalam website. Fitur search terdapat di bagian body website, sebaiknya fitur search terletak di pojok kanan, sehingga memudahkan pengguna untuk menemukan fitur ini saat mengunjungi website. Search box terlalu pendek, panjangnya hanya sekitar 20 karakter. Hal ini akan menyulitkan pengguna jika memasukkan kata kunci yang panjang. Disarankan panjang box search adalah 27 karakter karena memenuhi 90% dari kata kunci pengguna. Pada searching klikbca.com tidak adanya konektifitas ke layanan search angine semacam google atau yahoo. berikut tampilan hasil search pada search klikbca.com :

                                         

12. Contrast (Keserasian Tampilan)

Membuat anda tertarik, memandu mata anda melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Contrast dapat digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men set item yang paling utama. Item yang paling utama di beri highlight. Guanakan geometri untuk membantu pengurutan.Contoh :

                                         

13. Perkembangan Teknologi

Perkembangan teknologi di Indonesia tidak membuat website klikbca.com menggunakan flash, multimedia dan videos. Website ini cukup ramah untuk pengguna yang tidak memiliki aplikasi untuk membuat tampilan browser kompitibel dengan halaman web sebenarnya dan pengguna yang menggunakan bandwith rendah tentu tidak perlu menuggu lama loading website ini. Website klikbca.com memiliki loading yang cepat karena website ini tidak menabahkan fitur-fitur yang memerlukan bandwith yang tinggi jika pengguna ingin cepat melihat halaman keseluruhan web mungkin untuk pengguna yang menggunakan bandwith rendah harus agak mengggu untuk moving text di recent arcive link.

KESIMPULAN

Kesimpulan yang dapat diambil dari analisis yang dilakukan adalah sebagai berikut :

o)  Kekurangan yang terdapat dalam website klikbca.com yaitu :

1. Tidak search engine yang menyediakan untuk pencarian yang lebih luas.

2. Tidak  memiliki ruang komen, sehingga tidak dapat melakukan feedback atau tidak memiliki timbal balik yang informative.

3. Tidak adanya form atau saran dan kritik.

o)  Website yang bagus umunya memiliki komponen :

1. Informasi yang disajikan menarik dan berbobot serta update.

2. Menarik dan fast loading.

3. Konsisten.

4. Navigator bar yang konsisten dan tidak menyesatkan.

5. Memiliki tampilan profil, sehingga situs dapat berkembang

6. Peta site (site map) yang jelas

Kriteria penilaian bagus tidaknya website yang paling utama adalah ada tidaknya kenyamanan yang dirasakan oleh pengunjung website ini. Serta info yang diberikan website ini sudah membantu oleh pengunjung atau belum.