Mengenal Teknologi Layar Sentuh (Touchscreen)

KATA PENGANTAR

Segala puji syukur senantiasa kita panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan kita nikmat sehat dan nikmat iman sehingga penulis dapat meyelesaikan Makalah ini.

Makalah dengan judul “Mengenal Teknologi Layar Sentuh (Touchscreen)” ini berisi tentang sejarah dan penjelasan mengenai teknologi layar sentuh. Makalah ini ditujukan sebagai pemenuh dalam Tugas Softskill Mata Kuliah Pengantar Teknologi Internet dan New Media.

Akhir kata penulis mengucapkan kepada semua pihak yang telah membantu dalam pembuatan Makalah ini, penulis juga menyadari bahwa Makalah ini masih jauh dari sempurna dan perlu adanya perbaikan di sana-sini, untuk itu penulis berharap kritik maupun saran dari pembaca yang bersifat membangun. Terima kasih semoga Makalah ini dapat bermanfaat bagi semua pihak khususnya penulis.

                                                                                    Depok, 21 Desember 2011

                                                                                                   Penulis

BAB I

PENDAHULUAN

1.1.  Latar Belakang

Teknologi saat ini merupakan suatu hal yang sudah tidak asing lagi bagi masyarakat dunia. Berbagai macam jenis teknologi dikembangkan oleh para ilmuwan di seluruh dunia demi kemudahan manusia, karena itu sudah selayaknya kita mengetahui dan memanfaatkan teknologi tersebut.

1.2.  Deskripsi Singkat

Layar sentuh adalah sebuah perangkat input komputer yang bekerja dengan adanya sentuhan tampilan layar menggunakan jari atau pena digital. Antarmuka layar sentuh, di mana pengguna mengoperasikan sistem komputer dengan menyentuh gambar atau tulisan di layar itu sendiri, merupakan cara yang paling mudah untuk mengoperasikan komputer dan kini semakin banyak digunakan dalam berbagai aplikasi.

1.3.  Tujuan Penulisan

Tujuan pembuatan makalah ini adalah agar masyarakat dapat mengetahui sejarah dan seluk-beluk mengenai teknologi Layar Sentuh agar dapat memanfaatkan teknologi new media ini dengan sebaik-baiknya.

BAB II

ISI

2.   

2.1.  Layar sentuh

Layar sentuh {bahasa Inggris touchscreen adalah sebuah perangkat input komputer yang bekerja dengan adanya sentuhan tampilan layar menggunakan jari atau pena digital. Antarmuka layar sentuh, di mana pengguna mengoperasikan sistem komputer dengan menyentuh gambar atau tulisan di layar itu sendiri, merupakan cara yang paling mudah untuk mengoperasikan komputer dan kini semakin banyak digunakan dalam berbagai aplikasi.

Layar sentuh banyak digunakan dalam industri manufaktur yang membutuhkan tingkat akurasi, sensivitas terhadap sentuhan, dan durabilitas yang sangat tinggi. Namun perangkat layar sentuh semakin lama semakin dapat ditemukan dalam perangkat-perangkat teknologi konsumen yang diproduksi secara massal, seperti pada komputer jinjing, pemutar musik seperti iPod Touch, dan telepon genggam seperti iPhone atau Blackberry Storm. Hal ini dimungkinkan karena perangkat layar sentuh dapat dibuat dalam berbagai ukuran tampilan.

Layar sentuh sering dipakai pada kios informasi di tempat-tempat umum, misalnya di bandara dan rumah sakit serta pada perangkat pelatihan berbasis komputer. Sistem layar sentuh tersedia dalam bentuk monitor yang sudah memiliki kemampuan layar sensitif sentuhan dan ada juga kit touchscreen yang lebih ekonomis yang dapat dipasang pada monitor yang sudah ada.

Pada tahun 1971, pertama kali “Touch Sensor” ini dikembangkan oleh Doktor Sam Hurst (pendiri Elographics) sekaligus sebagai seorang instruktur di University of Kentucky. Sensor ini disebut “Elograph,” dan telah dipatenkan oleh University of Kentucky Research Foundation. “Elograph” ini tidak transparan seperti touchscreens modern, namun demikian elograph telah menjadi tonggak sejarah yang signifikan dalam teknologi touchscreen. Pada tahun 1974 touchscreen pertama sesunggunya yang telah dilengkapi dengan permukaan transparan dikembangkan oleh Doktor Sam Hurst dan Elographics. Pada tahun 1977 Elographics dikembangkan dan dipatenkan dengan teknologi lima-kawat resistif, yaitu teknologi touchscreen yang paling populer digunakan saat ini.

2.2.  Komponen-komponen

Sebuah sistem layar sentuh terdiri atas tiga komponen dasar:

• panel sensor layar sentuh, yang terletak di lapisan luar tampilan dan menimbulkan aliran listrik tertentu tergantung di mana terdapat sentuhan.
• pengontrol layar sentuh, yang melakukan pemrosesan sinyal yang diterima dari panel sensor, kemudian menerjemahkannya ke dalam data sentuhan yang disalurkan kepada prosesor komputer.
• driver perangkat halus, yang menerjemahkan data menjadi gerakan tetikus, memungkinkan panel sensor untuk berfungsi layaknya tetikus, dan menyediakan antarmuka pada sistem operasi komputer.

2.3.  Tipe-tipe layar sentuh

Semua tipe layar sentuh melekat pada unit tampilannya. Perbedaanya terletak pada cara mendeteksi sentuhan dan metode yang digunakan dalam memproses input sentuhan.

2.3.1. Capacitive overlay

Di setiap sudut layar terdapat sirkuit yang berfungsi untuk mengukur kapasitansi. Sentuhan yang diberikan oleh jari atau alat penghantar lainnya yang merupakan konduktor pada layar menyebabkan gangguan pada kondisi elektrostatis. Gangguan tersebut menyebabkan perubahan kapasitansi. Perubahan yang terjadi terukur oleh sirkuit dan kemudian dipergunakan untuk mendeteksi lokasi sentuhan. Tipe ini memiliki daya tahan yang kuat serta tampilan yang jernih.

2.3.2. Guided acoustic wave

Alat ini bekerja dengan mentransmisikan gelombang akustik melalui lapisan atas kaca yang ditempatkan diatas layar tampilan. Ketika suatu alat yang memiliki daya penghantar seperti jari terkontak dengan gelombang, maka transmisi gelombang akustik terganggu oleh jari. Gangguan menyebabkan pengurangan amplitudo dimana pengurangan tersebut diidentifikasi oleh control electronics untuk mendeteksi lokasi sentuhan.

2.3.3. Resistive overlay

Unggul dalam daya tahan khususnya terhadap perlakuan kasar dan harga yang terjangkau. Tersusun atas dua lapisan tipis yang terbuat dari kaca atau polyester yang diselubungi dengan material penghambat dan dipisahkan oleh titik-titik pemisah yang tidak terlihat. Pada resistive overlay, arus listrik mengalir pada seluruh bagian layar. Ketika tekanan diberikan pada layar, kedua lapisan tersebut saling berhimpitan yang kemudian menyebabkan perubahan aliran arus listrik. Melalui perubahan tersebut lokasi sentuhan terdeteksi.

2.3.4. Scanning infrared

Dalam bingkai sentuhan atau layar terdapat jajaran dioda cahaya dan transistor foto yang masing-masing diletakan di dua sisi yang berlawanan untuk menghasilkan sebuah kisi dari cahaya infra merah yang tidak terlihat. Ketika jari atau alat penghantar lainnya memasuki kisi tersebut, cahaya infra merah yang dipancarkan dioda cahaya terhalangi. Foto transistor mendeteksi hilangnya cahaya dan mentransmisikan sinyal yang mengidentifikasi koordinat x dan y dari letak jari atau alat penghantar tersebut.

2.3.5. Near field imaging (NFI)

Tipe ini menggunakan alat atau sirkuit pendeteksi sentuhan yang canggih untuk mendeteksi sentuhan. Alat atau sirkuit tersebut memiliki tingkat ketepatan tinggi dalam menggunakan data dan memproses gambar untuk menghasilkan profil yang tepat atas sentuhan yang diberikan.

2.3.6. Surface acoustic wave

Bekerja dengan mengirimkan gelombang akustik melalui panel kaca yang dilengkapi dengan beberapa transduser dan reflektor. Ketika jari bersentuhan dengan gelombang akustik, gerakan gelombang mengalami perubahan. Perubahan ini kemudian digunakan untuk mendeteksi lokasi sentuhan. Keunggulan tipe ini adalah memiliki tingkat kejernihan yang paling tinggi serta daya tahan yang baik. Namun, sensitif terhadap kotoran yang menempel.

2.4.  Penggunaan

2.4.1. Sistem informasi publik

Termasuk dalam sistem informasi publik antara lain kios-kios informasi, counter check-in pesawat terbang di bandara udara, tampilan petunjuk arah di tempat wisata, dan tampilan-tampilan elektronik lainnya yang digunakan oleh banyak orang yang memiliki pengalaman menggunakan komputer yang sangat terbatas atau malah tidak sama sekali.

Sistem layar sentuh lebih mudah digunakan daripada perangkat-perangkat masukkan lainnya, terutama bagi pengguna pemula, sehingga informasi yang ditampilkan di dalamnya dapat diakses oleh sebanyak mungkin pengguna.

2.4.2. Sistem restoran atau ritel

Restoran dan lingkungan-lingkungan berbasis jasa lainnya dituntut untuk memiliki pola kerja dan target waktu pencapaian yang sangatlah cepat. Sistem layar sentuh sangat sesuai untuk lingkungan-lingkungan ini karena sangat mudah untuk dijalankan dan tidak perlu melewati langkah-langkah yang berkepanjangan.

Pelatihan untuk pegawai baru dapat dikurangi dan pekerjaan pegawai yang telah ada dapat dilaksanakan dengan waktu yang lebih cepat, sehingga meningkatkan efisiensi keseluruhan lingkungan tersebut.

2.4.3. Toko swalayan

Sebuah terminal layar sentuh dapat digunakan untuk memperbaiki layanan terhadap pelanggan di toko-toko yang sangat sibuk, restoran cepat saji, pusat transportasi, dan sebagainya. Misalnya, seorang pelanggan di sebuah toko cukup memasukkan data apa saja yang dibelinya tanpa perlu melewati antrian pelanggan lain.

2.4.4. Pelatihan berbasis komputer

Karena sistem layar sentuh lebih mudah digunakan daripada perangkat-perangkat masukkan lainnya, waktu dan biaya yang digunakan untuk melaksanakan pelatihan dapat dikurangi. Sifat layar sentuh yang interaktif dan menyenangkan juga dapat membangun suasana pelatihan yang kondusif, baik bagi peserta maupun pelatih yang terkait.

2.4.5. Alat Elektronik

Alat Elektronik saat ini seperti Kulkas, Televisi, Microwave, Komputer, Laptop, Tablet, maupun Handphone sudah banyak yang mengadopsi teknologi layar sentuh ini sebagai media user interface karena memudahkan pengguna dalam menggunakannya.

2.5.  Keuntungan dan kerugian penggunaan

Pfauth dan Priest (1981) menyebutkan keuntungan dan kerugian dari digunakannya perangkat layar sentuh, yang antara lain sebagai berikut:

2.5.1. Keuntungan

• Terdapat kontrol dan interaksi langsung antara indera penglihatan dan indera peraba masukkan dan keluaran yang dihasilkan terdapat pada satu lokasi yang sama)
• Adanya kemampuan untuk memasukkan dan mengawasi data secara cepat 
• Karena penggunaannya mudah, tidak diperlukan terlalu banyak pelatihan pengguna dalam mengoperasikan sistem layar sentuh
• Hanya pilihan yang valid dan mungkin untuk diterima yang dapat ditampilkan
• Mudah diterima oleh penggunanya 
• Tidak dibutuhkannya daya ingat penggunanya

2.5.2. Kerugian

• Besarnya biaya pengembangan sistem layar sentuh sebagai teknologi yang belum lama digunakan dalam barang-barang yang diproduksi secara massal 
• Membutuhkan tambahan waktu dalam proses pemrogramannya
• Kurang fleksibel untuk beberapa jenis masukkan tertentu
• Kesalahan pada gambar yang ditampilkan akan menimbulkan kesalahan pengoperasian
• Kelelahan yang dirasakan akibat mendekati layar secara berulang kali
• Jari tangan seringkali menutupi tampilan visual layar
• Diperlukannya metode-metode baru dalam pemrograman perangkat halus

BAB III

SIMPULAN

3.   

3.1.  Simpulan

Teknologi Layar Sentuh adalah sebuah perangkat input komputer yang bekerja dengan adanya sentuhan tampilan layar menggunakan jari atau pena digital. Penggunaan teknologi ini saat ini sudah sangat banyak, seperti di sistem informasi publik, toko swalayan maupun di berbagai alat elektronik seperti telepon genggam. Hal ini merupakan suatu terobosan baru di dunia teknologi karena teknologi layar sentuh ini sangat mudah digunakan (user friendly), namun dibalik itu semua masih ada kekurangan dari teknologi ini yang harus diatasi.

DAFTAR PUSTAKA

http://www.kaskus.us/showthread.php?t=9781180

http://id.wikipedia.org/wiki/Layar_sentuh

Membuat Efek Teks 3D

hmm.. mungkin sebagian sudah ada yang tahu bagaimana membuat ini, namun disini saya menjelaskan bagi yang belum mengetahuinya :)
berikut adalah langkah-langkahnya:
Langkah 1
Buat dokumen baru pada Photoshop dengan ukuran 500x500
Langkah 2
Buat teks yang akan diberi efek 3D dengan menggunakan Type Tool
Langkah 3
Klik Layer>Type>Convert to Shape
Langkah 4
Klik Edit>Transform>Perspective, lalu tarik titik kiri bawah ke bagian bawah.
Langkah 5
Klik Kanan Layer Teks dan pilih Blending Option:
Klik Bevel and Emboss dan atur settingan seperti ini:

Jangan Klik OK terlebih dahulu, setelah ini klik Gradient Overlay, dan atur setting seperti ini:

Klik OK.
Langkah 6
Duplikasi Layer Teks tadi dengan menekan Ctrl+J dan geser ke kanan atas sebanyak 1 atau 2 kali (disesuaikan).
Langkah 7
Klik kanan Layer duplikasi tadi dan klik Blending Option, atur setting Drop Shadow seperti berikut:

Lakukan hal yang sama pada Layer pertama namun dengan setting Opacity 90 dan Angle 90.
Hasil Akhir:

Selamat Mencoba dan Jangan Takut Gagal (bisa di undo kok :p)
Salam Bloggers~

Membuat Efek WaterDrop (Titik Air) menggunakan Photoshop

Titik" air di dalam foto merupakan efek yang indah, seolah-olah lensa kamera tertutup oleh titik" air, namun kita tidak harus membasahi lensa kamera untuk mendapatkan efek ini, cukup dengan polesan  Photoshop kita dapat membuat efek titik air (waterdrop), berikut adalah tahap"nya:
Langkah 1
Buka file foto yang akan diberikan efek waterdrop.
contoh:

Langkah 2
Buat Layer baru (Ctrl+Shift+N), lalu buat objek elips dengan menggunakan Elliptical Marquee Tool, kemudian beri gradien pada daerah seleksi elips.
Langkah 3
Klik kanan pada layer elips tadi lalu klik Blending Options, klik di Drop Shadow

Klik Inner Shadow

Terakhir klik Inner Glow

Klik OK.
Langkah 4
Perhalus gumpalan air tersebut menggunakan blur, Klik Filter>Blur>Gaussian Blur, lalu set Radius menjadi 3,0. Setelah itu ubah Layer Mode menjadi Softlight.
Langkah 5
Buat Layer baru, lalu gunakan Brush Tool, kita akan menggambar titik sebagai efek cahaya di atas gumpalan air tadi. Kemudian buat titik tersebut agak blur, klik Filter>Blur>Gaussian Blur dan set Radius menjadi 4,0 (disesuaikan)

Hasil Akhir:

Sekian dan Semoga Bermanfaat :)

Membuat Foto Teks dalam Photoshop

Sebuah Foto yang terbentuk dari serangkaian kata merupakan seni yang sangat artistik, dalam Photoshop pun kita dapat mengubah sebuah foto yang tadinya tersusun dari warna menjadi hanya tersusun dari potongan-potongan teks, berikut langkah-langkahnya:
Langkah 1
Buat dokumen baru pada Photoshop dengan resolusi 500x500 dan Background berwarna hitam.
Langkah 2
Buat tulisan menggunakan Type Tool, dan penuhi Background hitam tersebut dengan teks yang akan menjadi penyusun foto.
Langkah 3
Klik kanan Layer Teks lalu klik Rasterize Layer, kemudian tekan Ctrl+E untuk menggabungkannya dengan Background hitam tadi.
contoh:

Langkah 4
Buka foto yang akan diubah menjadi teks, ukurannya harus sama dengan resolusi dokumen teks tadi, yaitu 500x500
contoh:

Langkah 5
Klik Layer>New Adjustment Layer>Posterize>OK.
Klik Layer Background, klik Image>Adjustment>Desaturate atau tekan Ctrl+Shift+U untuk menjadikan warna foto menjadi hitam putih.
Langkah 6
Pindah kembali ke dokumen teks tadi kemudian klik Layer>Duplicate Layer dan pada drop down list Destination pilih File Foto yang sudah dibuka tadi.
Langkah 7
Pada Dokumen Foto, pindahkan Layer teks ke posisi paling atas, klik Layer teks kemudian hide Layer teks tersebut, kemudian klik Select>Color Range dan atur setting seperti berikut:
Select : Shadows
kemudian klik OK
Langkah 8
Munculkan kembali Layer Teks dan tekan tombol Delete.
Hasil Akhir:

Selamat Mencoba dan Semoga Bermanfaat :D
Salam Blogger~

Mengubah Foto menjadi Sketsa Pensil

Salam Bloggers~
Sebuah Sketsa yang sangat detail akan sangat bagus untuk dilihat dan lebih terkesan artistik, ternyata kita juga dapat mengubah foto menjadi sebuah sketsa pensil dengan memanfaatkan Adobe Photoshop, berikut tahapnya:
Langkah 1
Buka foto/gambar yang akan diubah menjadi sketsa pensil pada Photoshop.
Contoh:

Langkah 2
Tahap selanjutnya adalah mengubah gambar menjadi hitam putih karena disini bukan pensil warna tapi pensil biasa xD, cara mengubahnya menggunakan desaturate dengan memilih Image>Adjustment>Desaturate (Ctrl+Shift+U). Setelah itu duplikasikan Layer tersebut (Ctrl+J).
Langkah 3
Kemudian pada Layer duplikat pilih Image>Adjustment>Invert (Ctrl+I). Lalu ubah blending mode dari Normal menjadi Color Dodge pada jendela Layers.
Langkah 4
Sentuhan terakhir dengan mengklik Filter>Blur>Gaussian Blur, atur radius menjadi 3,0 dan klik OK.

Hasilnya:

Nggak susah kan? hehe..
Sekian dan semoga ini bermanfaat :)

Membuat efek Pembiasan Pelangi pada Foto

Pelangi merupakan fenomena alam yang siapa saja pasti senang mendapatkan kesempatan untuk menyaksikannya secara langsung, dalam Photoshop kita dapat membuat efek pembiasan warna pelangi pada sebuah foto, langkah-langkahnya adalah sebagai berikut:
Langkah 1
Buka foto/gambar yang ingin diberikan efek pembiasan pelangi di Photoshop.
Contoh:

Langkah 2
Buka jendela Layers dan duplikat Layer Background dengan mengklik kanan Layer dan pilih Duplicate Layers>OK, sehingga terdapat layer baru yaitu Background copy.
Langkah 3
Pada Toolbox Photoshop pilih Gradient Tool, pilih Gradien dan pilih warna Pelangi.

Langkah 4
Tarik garis diagonal (dari kiri atas ke kanan bawah) sehingga foto tersebut tertutup oleh gradien pelangi
Langkah 5
Langkah terakhir adalah mengubah blending mode layer Background copy pada jendela Layers, ubah blending mode dari Normal menjadi Color.
Hasil Akhir:

Semoga Tutorial ini bermanfaat, Terima Kasih :)
Salam Blogger~

Membuat efek Parchment Paper di Photoshop

Parchment Paper atau kertas perkamen adalah sebutan untuk kertas yang sudah tua yang berwarna kuning kecoklatan, disini saya akan mencoba memberikan tutorial bagaimana cara membuat efek kertas seperti ini menggunakan Adobe Photoshop. Berikut tahap-tahapnya:

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukurannya terserah keinginan Anda.

Langkah 2
Pilihlah warna foreground agar menjadi coklat muda. Caranya klik icon foreground color di toolbox photoshop (yang biasanya berwarna hitam dan putih). Pada kotak dialog yang muncul, pilihlah warna R=204, G=191, B=167.

Langkah 3
Pilihlah warna background agar menjadi coklat tua. Pada kotak dialog yang muncul, pilihlah warna R=181, G=157, B=115.

Langkah 4
Pilih menu Filter > Render > Clouds

Langkah 5
Pilih meu Filter > Texture > Texturize. Pilih Canvas pada bagian Texture, Scaling=71, Relief=1, Light=Top Left.

Efek yang kita buat sudah jadi. Hasilnya seperti gambar dibawah ini.

Kertas ini bisa digunakan sebagai media untuk membuat tulisan-tulisan yang bernuansa tua dan sudah lama. 

Sekian dan Semoga Bermanfaat untuk teman-teman :) 

Membuat efek aurora sederhana dengan GIMP

hello guys, kali ini saya mau share tentang design menggunakan GIMP, software sejenis Phot*shop namun bersifat open source alias gratis ^^ selengkapnya bisa kesini http://www.gimp.org
kali ini saya akan membuat tutorial sederhana mengenai cara membuat efek aurora menggunakan GIMP, berikut langkah-langkahnya:
1. Buat kanvas baru, sebelumnya tekan X untuk menukar posisi foreground-background sehingga background menjadi warna hitam, setelah itu klik File>New lalu buat kanvas baru dengan ukuran 640x480 (bebas sih sebenarnya).
2. Gunakan "Blend Tool" lalu ubah warna Foreground dengan kode warna 28188f kemudian klik kotak warna Gradient dan pilih FG to BG (RGB) dan ubah shapenya menjadi Radial.
3. Sekarang sapukan Gradient (drag and drop mouse) dari tengah ke pojok kanan bawah

4. Selanjutnya buat layer baru (Ctrl+Shift+N), beri nama Aurora dan pilih Background color pada Layer Fill Type lalu klik OK. Setelah itu pilih Filter>Render>Clouds>Difference clouds dan atur setting seperti berikut:
- Random seed : 3
- Detail : 15
- X size : 16,0
- Y size : 0,1
- Centang pilihan Turbulent
Lalu klik OK.

5. Sekarang kita akan menajamkan gambar agar detail menjadi semakin baik pada garisnya. Pilih Filters>Enchance>Sharpen dan atur menjadi 72.
6. Buat Layer baru. Kita akan membuat warna aurora menggunakan Gradient. Gunakan "Blend Tool" dan pada kotak warna Gradient pilih "Full Saturation Spectrum CW" dan ubah shapenya menjadi Linear dan sapukan secara horizontal (dari kiri ke kanan).
7. Selanjutnya ubah jenis Layer menjadi Overlay dan duplikasikan Layernya (Ctrl+Shift+D).
8. Sekarang kita akan menggabungkan (Merge) semua Layer kecuali Layer Background, jadi hilangkan tanda mata di depan Layer Background (di klik), kemudian klik kanan pada Area Layer dan pilih Merge Visible Layers dan klik Merge.
9. Kemudian klik kembali tanda mata. Gunakan Free Select Tool atau tekan F pada keyboard dan gambarkan secara bergelombang, kemudian pilih Select>Feather dan atur menjadi 70.
10. Sekarang untuk tahap akhir, klik kanan pada Layer
Aurora dan pilih Add Layer Mask dan tandai pilihan Selection. dan terakhir pilih Select>None.
Hasil Akhir:

Sekian dan semoga bermanfaat :)