Electric Dreams - Ayo Flashback Ke Era Teknologi Masa Kini Dirintis

The Electric Dreams Flashback on BBC Documentary

Dunia teknologi elektronika masa kini adalah sebuah perjuangan dari para insinyur elektronika yang terus mengembangkan kreativitas demi sebuah tujuan memudahkan pekerjaan manusia. Penulis yang semenjak kecil menjadi pencinta teknologi elektronika merasa diuntungkan dengan hidup di masa-masa ketika teknologi masa kini masih berbentuk "prototype" akan tetapi pada masa itu sangatlah laku dijual. Lihatlah contohnya kaset tape recorder atau pemutar video betamax, anak-anak jaman sekarang mungkin tidak akan menemukan benda semacam ini lagi. Tetapi tetap saja fungsi dari alat tersebut sesuai dengan tujuan para pembeli yaitu mendengarkan musik atau menonton film hanya saja pada saat yg berbeda dan dengan penemuan-penemuan yang berbeda pula maka bentuk dan format dari perangkatnya menjadi seperti bumi dan langit.

Pada suatu minggu yang cerah, penulis berjalan-jalan ke sebuah pusat jual-beli buku bekas di jalan semarang surabaya yang sekarang dikumpulkan pada suatu kompleks yang bernama "Kampung Ilmu". Dan benar saja didalam kampung ilmu ini nuansa ke-ilmuannya sangat tinggi, penulis merasa ada roh dan energi yang sangat besar ketika melihat tumpukan buku-buku berbagai jenis dan dari masa yang tidak akan kita sangka-sangka.  Dan benar saja saya melihat majalah elektro "elector" dari tahun 70-an sampai 80-an, begitu juga dengan salah satu buku "Engineers Notebook II" yang merupakan kitab berharga bagi para insinyur elektronika. Melayanglah pikiran ke masa tahun-tahun itu dengan bayangan komputer BBC micro atau Commodore yang memiliki RAM hanya 64KB tapi merupakan merek komputer pribadi yang paling laku dalam sejarah.

Teringatlah pada suatu film classic tahun 80-an yang sebenarnya aku tonton di RCTI sekitar tahun 96 yang berjudul "Electric Dreams". Film ini bercerita tentang seorang pria yang hidup sendiri di apartemennya, kemudian ia membeli komputer PC yang bernama "Edgar" yang bisa mengendalikan semua perangkat rumah dengan program yang diinstal didalamnya. Suatu hari si pria ini menghubungkan komputernya ke jaringan komputer kantornya melalui modem akustic (modem memakai suara telepon langsung) dan dengan tidak sengaja menumpahkan minuman ke komputer, dan yang terjadi Edgar menjadi hidup dan mengontrol hidup si pria blaaa...blaaa.... sangat tipikal film tahun 80-an dimana para penulis film selalu bermimpi dengan ide bahwa komputer dapat mengendalikan hidupmu !! Dan benar terjadi kalau tahun 2000-an teknologi telah memperbudak kamu untuk selalu menyentuh papan keyboard dan layar handphone dalam hitungan menit bahkan detik ....kamu tidak bisa lepas dari kekuasaan sang komputer...huuaaahuaaahhaaaa.

Berlanjutlah penelusuran nostalgia saya menuju ke halaman youtube, dengan tujuan mencari video soundtrack film electric dreams yang di compose oleh Gorgio Moroder. Entah mengapa akhirnya nyasar ke video documentary BBC4 - Open university berjudul sama "Electrics Dreams", dan isinya tidak mengecewakan dan sesuai dengan keinginanku flashback ke jaman teknologi elektronika dimula. Dokumentari ini menceritakan sebuah keluarga modern yang bernama Sullivan-Barnes yang memiliki 4 orang anak diminta untuk kembali kemasa tahun 1970-1980-1990. Mereka dikondisikan untuk hidup dengan kondisi saat tahun flashback dengan gadget serta peralatan rumah tangga jaman itu pula. Bahkan dikondisikan juga dengan keadaan politik yang mempengaruhi  teknologi saat itu. Tiap hari akan mewakili 1 tahun dan berbagai kesulitan dan pengalaman menarik dialami oleh keluarga ini. Setiap peralatan didesain oleh para "tech team" yang terdiri dari sosiolog, ahli elektronika dan ahli komputer yang berusaha selalu mendapatkan gadget yang sesuai.

1970

Era 1970 dimulai tahun 1969 dimana keluarga ini pindah ke rumah "baru" mereka yang didekorasi sesuai jamannya, tanpa pemanas, tanpa microwave, tanpa freezer dan televisi Hitam Putih ! dan tahun ini merupakan tahun yang sering mati lampu di inggris karena pemogokan industri, jadi anak-anak mereka berlatih menggunakan "lilin" , bermain bersama, menonton tivi bareng , bermain diluar lebih sering dan tidak dicariin ketika pulang kemaleman ! Karena jika jaman sekarang mungkin kalo tidak pulang akan segera ditelpon mama. Sang ibu merasa nyaman dengan kebersamaan mereka tiap hari, akan tetapi mengeluh menghabiskan banyak waktu hanya untuk memasak dan mengerjakan pekerjaan rumah. Pada akhir era 70-an mereka diharuskan membuat slide untuk dipertunjukkan ke pada para tamu pada makan malam terakhir di era ini.

Transportasi :

Cortina Mark II

Raleigh Chopper
Space hopper

Komunikasi:

Rotary dial telephone

Peralatan Dapur & Rumah Tangga:

Teasmade
Twin tub washer
Freezer
Toaster
Atora brand lard
Bejam

Permainan dan Gadget :

Atari Pong

Hand held calculator

Black and white TV

Colour TV (1976)

LP records

Cassette tapes

KerPlunk

Binatone (8-bit computer)

1980

Tahun 1980 dimulai dengan berubahnya penunjuk tahun pada rumah mereka yang sekarang berbentuk 7 -segmen dan pakaian mereka pun terasa 80-an banget dengan model warna ngejreng dan ketat. Sang ayah mulai diberikan perangkat stereo - turntable - hi-fi dengan pemutar kaset yang kemudian dipertengahan era berubah menjadi pemutar CD. Sang anak laki-laki mulai mempunyai "boys toys" mulai dari game watch alias gimbot sampai komputer pribadi jaman jadul yaitu "BBC MICRO". Pada era ini mulai terjadi konflik antara sang ibu, ayah dan anak ketika TV satu-satunya menjadi rebutan apakah akan dipakai menonton tv atau untuk menonton video VHS atau menjadi layar monitor komputer mereka. Pada akhir era 80-an keluarga ini diberikan perekam video dan merancang video "80-an" untuk diputar pada makan malam terakhir.

Transportasi :

Escort 1.3l
Sinclair C5

Komunikasi:

Ansaphone

Peralatan Dapur & Rumah Tangga:

Microwave oven
Deep fat fryer
Slow cooker

Permainan dan Gadget :

Polaroid instant camera
Component stereo
Compact disc player
VHS camera
VHS recorder
Hand held games
Amstrad CPC
Simon
Betamax
ZX Spectrum
Commodore 64
Sony Walkman
BBC Micro
Remote controller
Synthesizer
Rubiks cube


1990


Tahun 1990 merupakan tahun booming teknologi telekomunikasi, komputer dan game. Terlihat dari banyaknya peralatan yang mereka harus coba mulai dari pager, handphone, fax machine, nintendo, sega, play station dan sebagainya. Wah ga kebayang betapa sibuknya (sendirian tentunya) anggota keluarga sehingga waktu bersama keluarga  menjadi semakin jarang, akan tetapi anak-anak mulai selalu diam dikamarnya karena mempunyai saluran tv satelit yang lebih banyak pilihan serta permainan yang mulai diberikan satu-persatu kedalam kamar mereka masing-masing. Sang ayah mulai bisa mengerjakan pekerjaan kantor dari rumah karena teknologi internet memungkinkan pekerjaan dikirim melalui email. Padda akhir era keluarga ini mempersiapkan pesta menyambut MILENIUM BARU dengan pesta bersama mesin karaoke yang di Indonesia terkenal dengan nama "KAROTEXT".

Transportasi :

Toyota Town Ace

Komunikasi:

Motorola International 3200
Dial-up 56k modem (1997)
Nokia SMS
Pay-as-you-go Mobile phone (1998)
Text messaging (1998)

Peralatan Dapur & Rumah Tangga:

Water filter
AGA cooker
Breadmaker (1998)

Permainan dan Gadget :

Mega Drive (1990)

Windows 3.1 OS (1992)
Oxford Children's Encyclopedia on CD-ROM
Apple QuickTake 100 (1994)
Windows 95 OS
PlayStation (PS1) (1995)
Tamagotchi (1996)
Laptop computer
Palm Pilot
Karaoke machine (1999)

Read More

Tutorial Gesture (kontrol layar dengan jari) pada Adobe Air

Gesture merupakan fasilitas yang disediakan oleh smartphone untuk mempermudah operasi pada layar dengan menggunakan kombinasi sentuhan 2 buah jari. Gesture yang paling terkenal adalah zoom dengan menggunakan 2 jari pada layar yang kemudian jari ini di jauhkan posisinya sesuai besar zoom yang diinginkan. Kali ini juga akan dibahas mengenai gesture rotate/putar serta swipe/geser.

(klik pada gambar dibawah untuk memperjelas)

Tutorial kali ini dimulai dengan mengcopy paste gambar pada library , sebaiknya jika menggunakan gambar dari luar menggunakan format PNG yang memudahkan penampakan transparansi dari gambar. Contoh yang diberikan berupa gambar robot android, yang kemudian movieclipnya diberikan nama instance "robo".

Letakkan gambar robot ditengah layar /stage utama dan kemudian buatlah "layer" untuk menyisipkan actionscript. Untuk gesture zoom dan rotate sangatlah mudah seperti pada contoh script berikut:

Multitouch.inputMode = MultitouchInputMode.GESTURE;
stage.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);
stage.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate);

function onZoom(evt:TransformGestureEvent):void {
 
 
robo.scaleX *= evt.scaleX;
robo.scaleY *= evt.scaleY;
 
}

function onRotate(evt:TransformGestureEvent):void {
robo.rotation += evt.rotation;

}

Terlihat betapa simplenya script yang digunakan untuk membuat efek zoom dan rotate dan langsung bisa diaplikasikan untuk merubah scale atau pembesaran serta rotation dari posisi x dan y pada instance "robo".

Baiklah kita lanjutkan dengan pembahasan yg lebih lanjut yaitu gesture swipe. Gesture swipe biasanya ditemui ketika membaca majalah digital contohnya saat membalik halaman pada tablet/handheld. Nilai yang dihasilkan dari proses swipe ini adalah angka yang tetap, yaitu -1 untuk swipe dari kanan ke kiri atau atas ke bawah, sedangkan sebaliknya akan menghasilkan angka 1.

Untuk itu kita butuh membuat robot android satu lagi dan kita namakan robo2, dan robot android cewek ini akan kita berikan classname sendiri, bukan dengan instance name seperti contoh sebelumnya

Class name yang kita buat adalah robo1 dan robo2 dimana nantinya akan dipanggil ke dalam stage menggunakan script seperti berikut

import flash.display.MovieClip; //class otomatis ditambahkan pada CS5.5

Multitouch.inputMode = MultitouchInputMode.GESTURE;
stage.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);
stage.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate);
stage.addEventListener(TransformGestureEvent.GESTURE_SWIPE, onSwipe);

var t:Timer = new Timer(1); //timer untuk animasi gerak
t.addEventListener(TimerEvent.TIMER, onTimer); 


var robot:MovieClip; //variable untuk movieclip robo
var pilihan:Number = 1;
var step:Number = 1;
//awal tampilan
robot= new robo1;
addChild(robot);
robot.x=160;
robot.y=240;




function onZoom(evt:TransformGestureEvent):void {
 
 
robot.scaleX *= evt.scaleX;
robot.scaleY *= evt.scaleY;
 
}

function onRotate(evt:TransformGestureEvent):void {
robot.rotation += evt.rotation;

}


//perlakuan terhadap hasil swipe ke animasi
 
function onTimer(event:TimerEvent):void{
robot.x -=5;
if(robot.x < (-robot.width/2)     )  {
 removeChild(robot);
    robot=null;
 if(pilihan == 1){
 robot=new robo2;
 pilihan=2;
 step=2;
 }
 else{
 robot=new robo1;
 pilihan=1;
 step=2;
 }
 
 addChild(robot);
 robot.x=350;
 robot.y=240;
}
if(step == 2 && robot.x <= 161){
 t.stop();
 step=1;
}

event.updateAfterEvent();
}
 
 


function onSwipe(evt:TransformGestureEvent):void {

 if(evt.offsetX == -1){
 
 t.start();

 
 }




}

Simple dan sangat powerful !! hanya itu kata yang dapat saya berikan kepada adobe air, dan hasilnya dapat dilihat pada video berikut :






Jangan lupa untuk membaca tutorial sebelumnya jika ingin melihat cara publish ke handheld android kamu. Source code untuk tutorial ini dapat di download disini

SELAMAT MENCOBA

Read More

Tutorial Aplikasi Memanfaatkan Accelerometer Pada Android berbasis Adobe Air

Accelerometer merupakan sensor kemiringan yang umum terdapat pada Hanheld berbasis Android. Sensor ini memiliki fungsi untuk menentukan posisi tilting dari Handheld terhadap koordinat X, Y atau kadangkala memiliki juga koordinat Z utamanya pada HandHeld kelas tinggi.

Adobe Air memiliki kemampuan untuk mendeteksi sensor accelerometer dimana class atau script yang digunakan adalah "Accelerometer", contoh inisialisasi nya seperti berikut:

var theAcc:Accelerometer = new Accelerometer();

Seperti biasa kita akan menggunakan software development adobe flash CS 5.5 dan buatlah project "AIR FOR ANDROID" dan buatlah tampilan dengan gambar geometry yang kali ini sebagai contohnya menggunakan sebuah kotak.

(klik pada gambar untuk memperjelas)

Jangan lupa untuk merubah kotak tadi menjadi movieclip sehingga dapat diberikan nama dan akan diolah selanjutnya. Lanjutkan dengan membuat 1 layer pada timeline dan pada layer ini akan ditempatkan action script.

Lanjutkan dengan menambahkan script seperti ini :

var theAcc:Accelerometer = new Accelerometer();

theAcc.setRequestedUpdateInterval( 50 );
if (Accelerometer.isSupported == true) {
theAcc.addEventListener(AccelerometerEvent.UPDATE, onAccUpdate);
}else {
// do something different for the entire app
}
function onAccUpdate( e:AccelerometerEvent ):void {
 
posisi.text =kotak.x.toString() + " , " + kotak.y.toString() ;
acel.text =e.accelerationX.toString() + " , " + e.accelerationY.toString() ;

kotak.x -= ( e.accelerationX * 50);
kotak.y += ( e.accelerationY * 50);
if ( kotak.x < 0 ) {
kotak.x = 0;
} else if (kotak.x > (stage.stageWidth - 30)  ) {
kotak.x = stage.stageWidth - 30 ;
}
if ( kotak.y < 0 ) {
kotak.y = 0;
} else if (kotak.y > (stage.stageHeight -30) ) {
kotak.y = stage.stageHeight -30 ;
}

}

Pada script diatas terlihat bahwa posisi dari movieclip bernama kotak akan dirubah-rubah sesuai dengan nilai dari kemiringan accelerometer X dan Y. Pada bawah dari aplikasi terdapat tracing yang berguna untuk melihat posisi kotak dan pembacaan dari accelerometer. Source Code (adobe flash CS5.5) dapat didownload disini.

SELAMAT MENCOBA 

Read More

Tutorial Aplikasi Touch Sensor Pada Android berbasis Adobe Air

Salah satu fasilitas yang sangat umum dijumpai pada smartphone berbasis android adalah touch sensor pada layar. Selain Touch ada juga fasilitas yang dinamakan gesture yaitu kombinasi penekanan beberapa jari untuk mendapatkan efek tertentu.  Kali ini kita akan bermain-main dengan fasilitash touch dan drag. Seperti pada pembahasan sebelumnya, adobe air besutan pengembang Adobe memiliki keunggulan pada kemudahan desain yang bisa dibilang 10x lebih mudah jika dibanding dengan SDK asli yang berbasis eclipse-java.

klik pada gambar untuk melihat lebih jelas

Sebelum memulai ada baiknya melihat pembahasan sebelumnya karena beberapa pembahasan yang serupa akan di lewati. Langkah awal yang kita buat adalah sebuah lingkaran atau bentuk geometri lain. Bentuk geometri ini nantinya akan digerak-gerakkan oleh jari-jemari. Pada contoh yang dibuat penulis, bentuk geometry berupa lingkaran dan memiliki animasi lingkaran luar yang mengembang-kempis. Jangan lupa untuk merubah bentuk geometri ini menjadi movieclip agar bisa dipanggil sebagai library class , seperti contoh pada gambar dibawah.

Cara penamaan class adalah dengan melakukan click kanan pada nama library lingkaran tadi kemudian pilih properties, atau bisa juga pada saat merubah kedalam movieclip. Beri nama class sesuai keinginan.

Pada gambar diatas adalah contoh membuat animasi lingkaran kembang-kempis dengan menggunakan tweening. Proses twieen akan secara otomatis membuat animasi sesuai perubahan antara key frame start dan key frame selanjutnya, tanpa harus merubah gambar pada semua frame.

Selanjutnya kita akan menuju ke scripting. Class yang paling penting dalam pemrograman touch sensor adalah :

Multitouch.inputMode=MultitouchInputMode.TOUCH_POINT; 

Selanjutnya experimen pertama adalah dengan menampilkan gambar lingkaran setiap kali layar ditekan. Script nya seperti dibawah ini:

Multitouch.inputMode=MultitouchInputMode.TOUCH_POINT; 

var bola:lingkaran;

stage.addEventListener(TouchEvent.TOUCH_BEGIN, mulai); 



function mulai(evt:TouchEvent):void{


bola=new lingkaran;
addChild(bola);

bola.x=evt.stageX;
bola.y=evt.stageY;

}

Jika ingin mempublish ke HandHeld Android kamu, sebaiknya baca dulu pembahasan sebelumnya disini

Hasil dari script pertama adalah munculnya gambar lingkaran setiap kali layar ditekan. Bagaimana jika kita ingin menghilangkan lingkaran saat jari diangkat dari layar ? ubah scriptnya seperti ini :

Multitouch.inputMode=MultitouchInputMode.TOUCH_POINT; 

var bola:lingkaran;

stage.addEventListener(TouchEvent.TOUCH_BEGIN, mulai); 
stage.addEventListener(TouchEvent.TOUCH_END, selesai);


function mulai(evt:TouchEvent):void{

if(bola == null){

bola=new lingkaran;
addChild(bola);

bola.x=evt.stageX;
bola.y=evt.stageY;
}


}


function selesai(evt:TouchEvent) {
 
 removeChild(bola);
 bola=null;
 
}

Well...kenapa tidak kita gerak-gerakkan saja lingkaran ini ? Hajar saja bos !!

Multitouch.inputMode=MultitouchInputMode.TOUCH_POINT; 

var bola:lingkaran;

stage.addEventListener(TouchEvent.TOUCH_BEGIN, mulai); 
stage.addEventListener(TouchEvent.TOUCH_END, selesai);
stage.addEventListener(TouchEvent.TOUCH_MOVE, gerak); 



function mulai(evt:TouchEvent):void{

if(bola == null){

bola=new lingkaran;
addChild(bola);

bola.x=evt.stageX;
bola.y=evt.stageY;
}


}

function gerak(evt:TouchEvent) {
 
bola.x=evt.stageX;
bola.y=evt.stageY;
 
}

function selesai(evt:TouchEvent) {
 
 removeChild(bola);
 bola=null;
 
}

MUDAH BUKAN ?   untuk file tutorial selengkapnya (adobe flash cs5.5) dapat didownload disini

Read More