Pengenalan Bahasa Pemrograman 7

Apa itu CSS ?

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.

CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.

CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan konten dengan file CSS.

Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukura dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web.

Pengenalan Bahasa Pemrograman 6

HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser) . HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.

HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML ).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa).

8 Aturan Emas

Apakah kamu tahu ada 8 aturan emas untuk merancang user interface  ? Prinsip ini dikemukakan oleh Shneiderman.

Berikut ini  kumpulan prinsip-prinsip untuk mendesain antarmuka berdasarkan “Eight Golden Rules of Interface Design” oleh Shneiderman. Saya akan berusaha menjelaskannya dengan lebih sederhana tanpa mengurangi makna di dalamnya.

1. Konsistensi.

Oke.. First Of All adalah konsitensi. Selain konsistensi dari sisi desain web/sistem kita, urutan perintah, tindakan, perintah, dan istilah yang digunakan pada prompt, menu, serta layar bantuan juga harus diperhatikan. Buatlah agar user dapat mengetahui apa yang harus dilakukan secara intuisi karena mereka sudah melihat situasi yang sama pada antarmuka kita sebelumnya.

2. Shortcut.

Yang kedua berikan user/pengunjung website kita shortcut untuk informasi-informasi yang dibutuhkan. Usahakan agar user tidak perlu bekerja terlalu keras untuk mencapai mendapatkan apa yang diinginkan nya pada website kita. Kita dapat memaksimalkan kecepatan interaksi seperti ini, baik melalui singkatan, simbol/icon, ataupun menu-menu yang sudah kita siapkan di halaman awal.

3. Feedback.

Ketiga memberikan umpan balik yang informatif. Untuk setiap  yang dilakukan user, harus selalu ada semacam feedback, baik ataupun buruk. Berikan informasi terhadap aksi yang dilakukan oleh user. Contohnya apabila kita mengklik suatu link download file dalam sebuah website, maka akan muncul pemberitahuan bahwa download sedang berjalan dan apabila telah selesai mendownload, maka akan ada pemberitahuan bahwa download telah selesai. Atau notifikasi ketika user telah selesai memesan suatu barang pada suatu website e-commerce.

4. Dialog Closure

Merancang dialog untuk menghasilkan suatu penutupan ahkir dari suatu proses. desain langkah – langkah yang harus dilakukan agar user dapat menyelesaikan suatu aksi. Contohnya apabila user ingin me-reply suatu topic dalam sebuah forum, maka user harus menekan tombol “reply to topic” kemudian mengisi komentar pada kotak yang telah disediakan dan menekan tombol “post new reply” untuk men-submit komentar yang telah ditulisnya.

5. Simple Error Handling

Memberikan penanganan kesalahan yang sederhana. Desainlah sistem/website kita sedemikian rupa sehingga sehingga user dapat terhindar dari kesalahan sistem/error atau tidak  melakukan error yang serius.  Sistem harus dapat mendeteksi error itu sebelum terjadi. Dan jikalau  kesalahan itu masih  terjadi, sistem  harus dapat memberikan mekanisme yang sedehana dan mudah dipahami untuk penanganan kesalahan tersebut.

6. Reversible Actions

Mudah kembali ke tindakan sebelumnya, Hal ini dapat mengurangi kekuatiran user karena pengguna mengetahui kesalahan yang dilakukan dapat dibatalkan. Sehingga user tidak takut untuk mengekplorasi. Contohnya yaitu penggunaan tombol “back” pada suatu forum, apabila kita salah menekan topic yang ingin dimasuki, maka kita tinggal menekan tombol “back” agar kembali ke halaman awal dan kita bisa memilih topic yang ingin dimasuki tadi.

7. Put User In Control

Jadikan user sebagai pemegang kendali, rancanglah suatu interface sedemikan rupa sehingga user menjadi inisiator daripada responden. User dapat dengan bebas bernavigasi dan mengubah informasi akun yang dimilikinya sesuai dengan yang dikehendaki.

8.  Reduce short-term memory load

Dan yang terhahkir dan menurut saya bisa dibilang summary juga ya, Keep It Simple! . Buatlah interface sesederhana mungkin. Maksudnya disini bukan merancang interface sistem/web dengan design yang biasa (sederhana). Tetapi merancang interface yang mudah dipahami oleh user. Dengan inteface yang simple dan menarik dapat membantu user Mengurangi Beban Ingatan Jangka Pendek, sehingga tidak perlu mengingat terlalu banyak perintah, dan juga dapat menghindari terjadinya kebingungan pada para user.

Referensi :  Shneiderman, B., 1998,  Designing the User Interface – Strategies for Effective Human-Computer Interaction, Third Edition, Addison-Wesley, USA.

Jenis jenis User Interface

Jenis-jenis User Interface

Ada dua jenis user interface, yaitu:

• Command Line Inteface (CLI) :

CLI (Command Line Interface) adalah tipe antarmuka dimana penggun berinteraksi dengan system operasi melalui text terminal. CLI adalah sebuah bentuk antarmuka antara sistem operasi dan pemakai dimana pemakai mengetikkan perintah-perintah dengan menggunakan perintah dalam bentuk teks dan sebuah metode untuk memasukinya.
Pengguna CLI biasanya adalah administrator sistem berbasis sistem operasi LINUX. Setiap sistem operasi memberi nama CLI- nya berbeda-beda. Unix member nama CLI-nya sebagai bash, ash, ksh, dan lain sebagainya. Ms-Dos memberi nama CLI-nya command.com atau command prompt. Sedangkan Windows Vista, Microsoft menamakannya Powershell. Pengguna Linux mengenal CLI pada Linux sebagai Terminal, sedangkan pada Apple atau machintosh namanya adalah commandshell.

• Graphical User Interface (GUI)

Saat ini interface yang banyak digunakan dalam software adalah GUI (Graphical User Interface). Penganut GUI biasanya adalah mereka yang sudah terbiasa dengan system operasi Wndows. Bagi mereka, GUI adalah harga mati yang tidak bisa ditawar lagi.
GUI adalah tipe antarmuka yang digunakan oleh pengguna untuk berinteraksi dengan system operasi melalui gambar-gambar grafik, kon, dan menggunakan perangkat penunjuk (pointing device) seperti mouse atau track ball.
Sama seperti CL, tiap-tiap siste operasi memiliki nama tersendiri untuk komponen GUI-nya. Pada Apple Mac OS X, GUI-nya disebut Aqua. Microsoft member nama GUI pada Windows XP sebagai Lunar dan GUI Windows Vista sebagai Aero. Pada Linux, ada dua pengembangan utama desktop environment, yang masing-masing menghasilkan roduk KDE (K Desktop Environment) dan GNOME.

User Interface

Pengertian User Interface

User interface adalah cara program dan user berkomunikasi. Istilah user interface atau interface kadang-kadang digunakan sebagai penggati istilah HCI (Human Computer Interaction). HCI (Human Computer Interface) adalah semua aspek dari interaksi pengguna dan computer, tidak hanya hardware. Semuanya yang terlhat dilayar, membaca dalam dokumentasi dan dimanipulasi dengan keyboard (atau mouse) merupaka bagian dari user interface.

User Interface berfungsi untuk menghubungkan atau penterjemah informasi antara pengguna dengan system operasi, sehingga computer dapat digunakan. Dengan demikian, user interface bisa juga diartikan sebagai mekanisme inter-relasi atau integrasi total dari perangkat keras dan lunak yang membentuk pengalaman bekomputer. Use interface dari sisi software bias berbentuk Graphical User Interface (GUI) atau Command Line Interfae (CLI), sedangkan dari sisi hardware bias berbentuk Aplle Desktop Bus (ADB), USB, dan fire wire.

Terdapat tiga teknik antar muka / inter face:

•Linguistic styles
•Key modal styles
•Direct manipulation styles