Ramdhani’s Blog

Catatan kecil pengalaman, pemikiran dan proses pembelajaran …

Archive for the ‘Programming’ Category

Usabilitas : Shortcut Keyboard & Aplikasi Web

with one comment

Jadi teringat beberapa waktu yang lalu saat ngobrol-ngobrol santai sambil minum kopi mengenai masalah teknologi dengan beberapa teman yang bekerja di salah satu IT company di Jogja, salah satu topik pembicaraan adalah tentang web apps development.
Sebenarnya klo anda cari di web mesti sudah banyak yang meng komparasikan antara aplikasi web versus aplikasi desktop , ada yang memang objektif bahwa masing-masing mempunyai kelebihan dan kekurangan, tetapi ada juga yang bersifat sangat subjektif ( vendor scam 🙂 ) tidak lain biasanya sih dari vendor tertentu yang sudah mengembangkan aplikasi di platform tertentu (desktop misalnya) yang menganggap bahwa aplikasi web kurang pas untuk digunakan dilihat dari sisi kecepatan respon, interaktivitas , kecepatan entri data dsb.
Memang jika kita bicara aplikasi yang baik dari sudut pandang bisnis adalah mungkin semua sepakat bahwa aplikasi yang baik adalah yang bisa selaras dengan proses bisnis, bisa meningkatkan efisiensi dan produktivitas , apapun teknologinya. Tapi tulisan ini hanya mencoba memandang proses pengembangan  aplikasi web dari sisi usabilitas.
Dari pembicaraan mengenai web apps kita membandingkan proses entri data yang masif yang mungkin dihadapi user pada waktu yang singkat sehingga membutuhkan kecepatan dalam prosesnya, solusi yang biasa dihadirkan pada aplikasi desktop adalah dengan memberikan shortcut begitu juga dengan aplikasi text mode yang mengandalkan kecepatan proses entri dengan tombol shortcut (misal : F1,F2, Ctrl+S dll). Pertanyaannya apakah user experience seperti itu bisa juga di dapat pada  aplikasi web ?
Sekian lama saya menggunakan aplikasi web di bandingkan aplikasi desktop tradisional, pertimbangannya mungkin seperti banyak orang lainnya, saya mempunyai komputer di rumah dan komputer portable untuk pekerjaan sehari-hari; menyimpan informasi online lebih memudahkan kita untuk mengakses dari kedua lokasi tersebut, apalagi jika komputer yg satu Mac dan yang satu lagi PC. Saya tidak terlalu khawatir perlu tidaknya menyimpan file dalam  hard disk ataupun flashdisk. Saya menggunakan dropbox untuk menyimpan file-file, Flickr untuk menyimpan foto-foto dan sebagainya. Semua bisa di akses dari manapun dan kapanpun.
Seiring berjalannya waktu teknologi-teknologi baru bermunculan memungkinkan kita membuat aplikasi lebih rich dan aplikasi pada web lebih dinamis dan  interaktif.
Tentang  perkembangan mengenai masa depan aplikasi web bisa dilihat di future of web apps, banyak informasi yang bisa di ketahui di situs tsb jadi saya tidak perlu bercerita lebih banyak lagi. Intinya  sekarang segalanya serba online, dan bahkan sekarang Microsoft mulai sadar akan realita yang terjadi (Google Docs, Spreadsheet VS MS Office dsb). Dan yang saya tahu di jakarta dan daerah lain juga sudah menggunakan sistem online baik dari sistem penerimaan murid SMP/SMA, pada sistem kesehatan ada aplikasi web siknas online yang terkoneksi ke seluruh dinkes di indonesia, sistem pembuatan RAB di seluruh instansi dibawah pemda DKI sudah online menggunakan aplikasi web (CMIIW).
Bagaimanapun, ketika kita beralih dari aplikasi desktop, mungkin tidak banyak yang sadar salah satu kekurangan utama dari aplikasi web adalah miskinnya penyediaan alternatif shortcut keyboard pada aplikasi. Model aplikasi desktop sudah ada sekitar 20 tahun sampai saat ini. Saya masih ingat ketika belajar wordstar zaman dulu harus menggunakan Ctrl+K+B untu memblok di awal kalimat ataupun Ctrl+ S yang dipahami sebagai shortcut untuk menyimpan dalam sebagian besar aplikasi.
Shortcut pada keyboard ditemukan untuk menghemat waktu, maka itu dinamakan “shortcut” (jalan pintas). Shortcut juga berguna untuk tugas-tugas yang berulang supaya kita tidak perlu memindahkan tangan kita dari keyboard. Anda  juga mesti bisa membandingkan antara menggunakan shortcut dan menggunakan mouse untuk mengklik tombol misalnya dalam proses entri data manakah yang lebih cepat, mungkin sebagian kita berfikir tidak terlalu signifikan perbedaannya tapi coba bayangkan anda user yang sedang dihadapkan dengan 500 orang yang sedang mengantri harus di entri dan diselesaikan dalam waktu yg singkat juga.
Jika kita cari aplikasi web yang sudah menyertakan shortcut mungkin tidak banyak karena ada atau tidak adanya shortcut tidak berpengaruh signifikan, contohnya apakah saat mengakses facebook kita sangat butuh shortcut ? mungkin jawabannya saat ini tidak banyak yang membutuhkan. Tetapi ada juga aplikasi web yang menyertakan shortcut keyboard yang sangat membantu penggunaan aplikasi, beberapa  contohnya antara lain : Remember the Milk, Google Reader, Bloglines, dan Gmail.

Berikut adalah contoh penggunaan  shortcut pada aplikasi tersebut

Open an item:

* RTM – n/a
* Google Reader – o or <Enter>
* Bloglines – o
* Gmail – o or <Enter>

Select the next item in the list:

* RTM – j
* Google Reader – j
* Bloglines – j
* Gmail – j

Select the previous item in the list:

* RTM – k
* Google Reader – k
* Bloglines – k
* Gmail – k

M

* RTM – Toggle multi-edit mode on or off
* Google Reader – Mark as read/unread
* Bloglines – Collapse/expand left pane
* Gmail – Mute all future conversations

N

* RTM – Select none
* Google Reader – Scan down
* Bloglines – Keep as new
* Gmail – Next message

R

* RTM – Rename the selected item
* Google Reader – Refresh
* Bloglines – Refresh left pane
* Gmail – Reply

S

* RTM – Change the tags for the selected task
* Google Reader – Toggle star
* Bloglines – Next sub
* Gmail – Star a message or conversation

Yah jika kita lihat penggunaan shortcut di atas memang berbeda-beda tergantung fungsionalitas masing-masing aplikasi, yang jadi pertimbangan dalam memilih shortcut pada aplikasi web juga bagaimana memilih shortcut yang tidak konflik dengan shortcut yang ada bada browser maupun dengan OS , misalnya F1 akan membuka help pada windows.
Dalam pembuatan shortcut pada aplikasi web salah satu cara bisa dilakukan dengan menggunakan fasilitas yang ada pada bahasa javascript  digabungkan dengan pendekatan ajax. Mungkin ada yang tahu alternatif lainnya ?

ps : coba cek di http://mashable.com/2007/06/29/keyboard-shortcuts/ untuk melihat daftar shortcut untuk aplikasi-aplikasi web yang ada sekarang ini. Bagi anda web developer bisa lihat http://www.openjs.com/scripts/events/keyboard_shortcuts/v1.php

Written by Ramdhani

Februari 25, 2009 at 10:46 am

Algoritma metaphone dan antimetaphone

with one comment

Iseng-iseng menelusuri file-file lama pada masa-masa kuliah, saya menemukan file lama mengenai oprek-oprekan ilmiah saya mengenai metode pencarian nama dengan menggunakan algoritma metaphone dan antimetaphone berbahasa indonesia. algoritm fonetik pada beberapa bahasa pemrograman sudah di implementasikan secara langsung sebagai method, seperti pada PHP yang memiliki fungsi soundex() dan metaphone(), tapi masih menggunakan acuan ejaan dalam bahasa inggris, maka dari itu perlunya memodifikasi dalam ejaan bahasa indonesia karena memang memiliki perbedaan karakter ditambah lagi adanya ejaan lama dan ejaan baru dalam perbendaharaan bahasa indonesia.

Metaphone

Algoritma Metaphone dapat diterapkan pada berbagai bahasa di dunia dalam pencarian data tertentu.  Karena setiap bahasa di dunia dalam pengucapannya memiliki cara yang berbeda, sehingga algoritma dimodifikasi sesuai dengan karakteristik bahasa yang digunakan. Pada bahasa-bahasa tertentu, pengucapan kadang-kadang mempunyai kesamaan dalam hal pengucapan.
Selain bahasa Inggris, algoritma ini telah diadopsi pula dalam bahasa Spanyol, Jerman dan Perancis.
Dalam bahasa Indonesia Algoritma Metaphone bertujuan untuk mencari kata-kata yang memiliki kemiripan bunyi baik dalam bahasa Indonesia sendiri maupun pendekatan dalam bahasa Inggris, seperti kata-kata ilmiah dalam bahasa Indonesia masih banyak yang disadur dari bahasa Inggris, seperti contoh  dibawah ini :
Mikro
Micro
Makro
Macro

Pada contoh kata di atas apabila mencari data tentang mikro, maka akan keluar data mikro dan micro. Hal terjadi karena adanya kemiripan dalam pengucapan kata mikro. Cara kerja Metaphone yaitu kalimat diubah menjadi sebuah kode terlebih dahulu, kemudian apabila ada kemiripan dalam pengucapan maka data akan yang dicari akan ditampilkan.  Pada tahun 1990-an, Lawrence Philips mengembangkan yang disebut dengan Algoritma Metaphone. Tujuan dari algoritma ini adalah mencari kata-kata yang memiliki persamaan bunyi. Setiap kata akan memiliki kode tertentu jika melalui algoritma metaphone, Sehingga metaphone tidak mencari kata dasar.  Kata-kata yang bunyinya sama akan memiliki kode yang sama pula.

Baca entri selengkapnya »

Written by Ramdhani

Januari 11, 2009 at 7:25 am

indonesian free mp3 finder widget – iFreeMp3Finder

with 4 comments

Ok guys this is my newest widget made using dashcode, a simple widget for finding free indonesian mp3 on the internet. This widget is another version of my previous widget here. o ya its for mac only of course 🙂

figure 1. still loading

figure 2. front image

figure 3. back image

changes :
– fix : added another rss sources for mp3 list (thanks to yahoo pipes, a great apps from yahoo for combining rss with pretty interface)
– new theme (a little bit mellow isn’t it)

– new search capabilities

download here

ok if you have download and install the widget give me a  feedback please in the comment section. thanks
just for fun only.enjoy

*update

Written by Ramdhani

Agustus 30, 2008 at 5:33 am

Iphone 2.0 SDK final available !

leave a comment »

Tanggal 11 Juli 2008 kemarin apple merilis Iphone 3G di 22 negara  US, Kanada, Australia, Jerman , Jepang dan lainnya (indonesia ga masuk nih) bersamaan dengan itu apple juga merilis iphone 2.0 SDK versi final yang berguna bagi para pengembang membuat aplikasi pada iphone menjadi lebih mudah. Untuk mendownload aplikasinya silakan berkunjung ke situs ADC iphone , ukuran file SDK nya  kurang lebih sebesar 1,25 GB.

Setelah beberapa saat lalu mencoba dashcode yang dirilis bersamaan dengan Mac OSX leopard akhirnya apple merilis juga versi final SDK iphone. Pada SDK ini juga disertakan Xcode versi terbaru 3.1 (sebelumnya Xcode 3.0) dan versi terbaru dashcode yang telah mendukung pembuatan aplikasi pada iphone. Dashcode untuk iphone menyediakan 5 template yaitu : Custom, Browser, Utility, RSS dan Podcast.

gambar 1. template aplikasi

gambar 2. editor aplikasi iphone

gambar 3. simulator aplikasi iphone

gambar 4. simulator aplikasi iphone dengan posisi horizontal

Jadi bagi anda yang sudah tidak sabar ingin mencoba-coba membuat aplikasi pada iphone ayo download sekarang juga. Sambil kita menunggu kepastian iphone secara resmi di pasarkan di indonesia dan operator mana yang akan menjadi mitra apple .

Written by Ramdhani

Juli 13, 2008 at 3:59 pm

Creating Mac Widget with Dashcode (MWI widget)

with one comment

Setelah beberapa hari yang lalu migrasi dari Tiger ke Leopard, salah satu dari banyak fitur yang saya coba adalah dashcode yang merupakan lingkungan pengembangan terintegrasi(IDE) untuk membuat  mac osx widget. Dashcode sudah menyediakan beberapa template yang siap digunakan, bagi anda yang sudah mempunyai pengetahuan bagaimana membuat aplikasi web dan sering berkutat dengan html, css dan javascript mesti familiar dengan dashcode ini karena memang mac osx widget merupakan aplikasi web yang dikemas dalam bentuk yang berbeda. Berikut ini skrinsut dari Dashcode, untuk lebih detail nya silakan anda coba sendiri.

gambar 1. template yang disediakan dashcode untuk membuat widget


gambar 2. tampilan dashcode

Iseng-iseng sambil belajar saya buat widget untuk mengambil konten rss dari situs mac.web.id salah satu situs komunitas mac yang cukup rame dan sering saya kunjungi.

gambar 3.tampilan widget mwi v0.1

Untuk download widget ini bisa di sini:

v0.1

– fitur rss

v0.2 :

-penambahan fitur pencarian forum mwi

download disini ato mirror

enjoy

Written by Ramdhani

Juli 11, 2008 at 6:16 pm

FreeMp3Finder dashboard widget (software for mac)

with 2 comments

Bagi anda yang kesulitan mencari link download mp3 yang gratis khusus nya lagu-lagu indonesia terbaru, berikut ini saya coba buat mac osx widget  yang akan sedikit membantu kesulitan anda hehe.

FreeMp3Finder v0.1

– link download lagu indonesia terbaru (rss dari indomp3album.blogspot.com)

– fungsi pencarian mp3 baik indonesia maupun barat

powered by :

– google.com

– indomp3album.blogspot.com

Download Now (old version)

kritik dan saran di persilahkan maklum versi 0.1 halah.

enjoy.

*update : untuk versi terbaru liat disini

Written by Ramdhani

Juli 11, 2008 at 1:41 pm

buat aplikasi web pada iphone & ipod touch

leave a comment »

Ada 2 hal dari apple yang membuat saya tertarik pada awal tahun ini, yang pertama yaitu dirilisnya macbook air oleh apple yang disebut-sebut “the world’s thinnest notebook“, makanya saya kemarin pas megabazaar 2008 di jcc menyempatkan diri mampir di stand nya UMAX yang menampilkan macbook air sebagai hot item yang membuat para pengunjung tersedot perhatiannya (debu kali kesedot ..), eit jangan salah sangka saya cuma mau nyicipin secara gak sanggup belinya. Tapi saya gak akan membahas tentang macbook air karena cuman bisa nyicipin dikit jadi pastilah tidak objektif dan komprehensif, klo ingin review singkat ttg macbook air coba cek mas dicky [http://dicky.wahyupurnomo.com/2008/03/03/nyicipin-macbook-air/] atau juga di blognya Aa adinoto yang sudah pernah mengoprek-oprek macbook air.

Hal yang kedua adalah dengan dirilisnya SDK iphone yang dirilis pada awal maret kemarin, secara sempet nyicipin ipod touch punya teman yang notebene menggunakan framework yang sama dan interface yang sama juga. Baca entri selengkapnya »

Written by Ramdhani

Maret 26, 2008 at 8:42 am

Ditulis dalam Apple, Programming

Tagged with ,