Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
31Activity
0 of .
Results for:
No results containing your search query
P. 1
Aplikasi Touchscreen Berbasis Web

Aplikasi Touchscreen Berbasis Web

Ratings:

4.71

(7)
|Views: 2,262 |Likes:
Published by Scuba Diver
Aplikasi Touchscreen Berbasis Web
Aplikasi Touchscreen Berbasis Web

More info:

Published by: Scuba Diver on Sep 24, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

11/22/2011

pdf

text

original

 
Membuat Aplikasi TouchscreenMembuat Aplikasi Touchscreen Berbasis WebBerbasis Web
Muhadkly (Acho)
acho@muhadkly.net http://muhadkly.net 
Sebuah monitor layar datar berukuran besar tampak berdiri di sudut ruangan sebuahhotel. Desain nya yang modern membuat penasaran pengunjung yang lewat. Monitor itumenyajikan informasi lengkap yang dikemas dengan iringan backsound dan animasi-animasi yang menawan. Ah, ternyata isinya sebuah aplikasi yang menampilkaninformasi hotel dari mulai galeri fasilitas, tariff, dan tempat wisata terdekat. Uniknya, pengunjung cukup menyentuh layar monitor untuk menggunakan aplikasi yang ada. Ya,itulah salah satu contoh aplikasi multimedia berbasis touchsreen (layar sentuh).
Apa yang Beda dengan Monitor Touchscreen?
Mungkin anda pernah berfikir bahwa untuk membuat aplikasi yang menggunakanlayar sentuh membutuhkan teknik pemrograman khusus, ternyata pemikiran tersebuttidak benar. Pada dasarnya monitor touchscreen adalah monitor biasa, hanya sajadibagian depan layarnya ditanamkan sebuah plat yang berfungsi layaknya mouse padakomputer anda, itulah yang membuat monitor tersebut dapat melakukan fungsi klik  pada titik kordinat tertentu dengan menekan atau menyentuh area layar.
 Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
1
 Lisensi Dokumen:
Copyright © 2003-2007 IlmuKomputer.ComSeluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapusatau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijinterlebih dahulu dari IlmuKomputer.Com.
 
Berkenaan dengan itu, maka tidak ada juga perbedaan ketika kita inginmengembangkan sebuah aplikasi yang akan disajikan di layar sentuh. Buatlah aplikasiapa saja seperti biasa, lalu gunakan monitor touchscreen, maka jadilah aplikasitouchscreen.
Software untuk Membuat Aplikasi Touchscreen
Kebanyakan, aplikasi touchscreen dikembangkan menggunakan softwaremultimedia seperti Macromedia Director atau Macromedia Flash. Namun terkadang kitaharus menggunakan database dalam aplikasi tersebut, sehingga akan relatif lebih sulit jika kita harus menggunakan perangkat lunak seperti Macromedia Director dalam pengembangannya. Namun, bukan berarti Macromedia Director tidak mampu berhubungan dengan database. Aplikasi ini menyediakan plug-in untuk koneksi kedatabase, sayangnya plug-in tersebut berbayar atau tidak gratis
PHP untuk Membuat Aplikasi Touchscreen
PHP sebuah bahasa pemrograman berbasis web yang open source, membuataplikasi web menggunakan PHP dan MySQL sepertinya relatif lebih mudah, apalagi diweb kita bisa juga menambahkan unsur multimedia seperti animasi dan suara. Tentunyakelebihan ini bisa dimanfaatkan untuk membuat sebuah aplikasi multimedia dinamisuntuk selanjutnya ditampilkan di komputer bermonitor touchscreen.Masalah selanjutnya yang timbul, aplikasi touchscreen haruslah full screentanpa border apapun, ini syarat mutlak agar aplikasi terlihat lebih integrated dengan perangkat Layar Sentuh. Sedangkan kalau berbasis web pastinya menggunakan browser.Mungkin anda bertanya-tanya, bagaimana agar tampilan aplikasi web bisa full-screen?Sedangkan aplikasi web ditampilkan di browser yg bagian atasnya ada kolom url,navigasi, dan atribut toolbar browser lainya. Untuk masalah ini, bisa diatasi denganmenggunakan browser firefox dengan menginstal sebuah add-ons bernama r-kiosk . Dengan add-ons ini, browser firefox anda akan tampil 100% full screen tanpa adatoolbar atau komponen browser apapun. Hasilnya, aplikasi anda sama persis denganaplikasi desktop dan akan tampil rapih di monitor touchscreen.
 Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
2
 
Hal Penting dalam Membangun Aplikasi Touchscreen
Ada beberapa hal yang harus diperhatikan dalam membuat aplikasi layer sentuh, berdasarkan pengalaman saya, diantara sebagai berikut:1.Buatlah sistem navigasi semudah-mungkin. Karena yang akanmengaksesnya bermacam user dengan tingkat kebiasaan yang berbeda- beda.2.Buat Navigasi dalam bentuk button yang eye-catching dan berukuran besar. Kenapa besar? Karena disini user menggunakan telunjuknya untuk meng-klik. Kebayang kan kalau ada orang guemmukk?? :p3.Perbanyak unsur multimedia seperti Background Musik dan Animasi. Inidilakukan agar terlihat “menggoda” orang yang lewat untuk maumengakses.4.Buat Sebuah Screen Saver berbasis flash misalnya yang otomatis akanaktif jika tidak ada aktifitas lebih dari 15 menit misalnya. Nah, anda bisa jualan iklan nantinya di screen saver ini.. :p5.Jika tidak ada aktifitas setelah beberapa menit, redirect ke halaman utama. 
Penutup
Mudah-mudahan tutorial singkat ini bisa memberi sedikit pencerahan kepada pihak yangtertarik mempelajari seputar pengembangan aplikasi layar sentuh. Jika ada pertanyaan seputar artikel ini anda bisa melayangkan email atau bertanya lewat kolom komentar di Blog saya(http://www.muhadkly.net/membangun-aplikasi-touchscreen-berbasis-web/
 
), Salam.
Referensi
1.
 Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
3

Activity (31)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
Goos Pohan liked this
hendro123y liked this
yoga liked this
Rangga Pamungkas liked this
miftahol liked this
nursyamsiahp liked this

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->