Flowchart Sederhana dengan EToys

Postingan selanjutnya, saya akan membahas tentang Etoys. Etoys ? Apa sih Etoys ? Maenan jenis apa tuh ? Yap, pertama kali denger kata Etoys, muncul pandangan sebuah games yang menarik, tapi pertama kali saya liat tampilan etoys, yaitu :

Pada awalnya sih bingung, ini maena apaan ? Gimana cara maennya, dan gimana newgame nya... hahhahaha,, coba cari-cari tutorial di google ga nemu, dan ternyata di Youtube.com banyak. Dan pada kali ini saya akan sedikit membahas bagaimana cara untuk membuat flowchart sederhana dengan menggunakan Etoys.

Flowchart, sebenarnya apa sih flowchart ? Flowchart yaitu sebuah diagram alur yang digunakan untuk mendefinisikan sebuah prosedur ke dalam bentuk-bentuk yang sesuai dengan prosedur yang didefinisikan. Dan pada kesempatan kali ini, saya akan membuat penjelasan singkat bagaimana membuat flowchart sederhana tentang prosedur penyetoran dan pengambilan uang di sebuah bank. Ok, langsung saja ….

Hal pertama yang harus kita lakukan setelah masuk ke aplikasi Etoys, pilih Make a Project, dan akan masuk ke tampilan berikut :

pilih icon kuas dan alas cat di bagian atas, sehingga keluar menu sabagai berikut :

Buatlah sebuah objek yang mendefinisikan objek tersebut merupakan orang yang akan menyetorkan uang. Klik kanan pada objek tersebut, dan pilih icon mata sehingga keluar menu sebagai berikut :

Lalu pada bagian kanan atas terdapat tanda panah yang menghadap ke bawah, klik pada bagian anak panah tersebut, lalu tambahkan 3 variable pada objek di atas. Dan ubah nilainya menjadi 0(nol),

Klik pada bagian tanda panah ke kiri pada variable setoran dan drag ke workspace. Sehingga terlihat sebagai berikut :

lalu klik pada icon kertas pada sebelah kiri variable setoran, lalu pilih detailed watcher, lalu lakukan hal yang sama dengan variable setoran dan drag ke tepat di sebelah kanan variable saldotabungan yang ada di workspace. Sehingga menjadi sebagai berikut :

Lalu ubah action yang semula berupa tanda panah, menjadi increase by. Hal tersebut berarti kita memberikan action terhadap variable saldotabungan yang nilainya akan bertambah jika variable setoran bertambah.

Lalu lakukan langkah sebelumnya, tetapi lakukan dengan varibale saldotabungan dan pengambilan. Sehingga tampilannya akan menjadi sebagai berikut :

tetapi ubah action menjadi decrease by, itu berarti kita memberikan action terhadap variable saldotabungan yang nilainya akan berkurang jika variable pengambilan bertambah.

Maka tampilannya akan menjadi sebagai berikut :

lakukan langkah yang sama, dengan variable saldotabungan, tetapi tidak dijejerkan dengan variable lain.

Lalu tambahkan 3 variable ke dalam workspace, sehingga berbentuk sebagai berikut :

Langkah terakhir yaitu lakukanlah test dari flowchart di atas dengan skenario sebagai berikut :

1. Saldo tabungan awal mempunyai nilai 100.
2. ubah nilai awal dari setoran menjadi 100. Hal ini mendefinisikan prosedur dari penyetoran uang.
3. Ubah nilai awal dari pengambilan mejadi 50. hal ini mendefinisikan prosedur dari pengambilan uang di bank
4. maka hasil akhir dari saldo tabungan akan sesuai dengan prosedur yang dilakukukan.

Untuk mencoba action yang diberikan, klik icon tanda seru (!) pada bagian action yang ingin di eksekusi.

Maka hasil akhirnya akan menjadi sebagai berikut :

Sekian penjelasan saya mengenai cara-cara untuk membuat flowchar sederhana dengan menggunakan EToys, semoga bermanfaat.

God bless you... ^_^

Tutorial Manusia Salju pada Blender

Shalom semua...

Wah.. saya telah mencoba satu lagi hal baru di bidang teknologi nih, khususnya di bidang grafik, yaitu bidang grafik 3 dimensi. Ternyata bidang grafik 3D ini cukup seru dan menarik. Ada banyak software yang bisa dipakai untuk membuat Objek 3D ini, tapi pada kali ini saya akan fokus pada salah satu software, yaitu Blender.

Wah... apa sih itu blender ? Yang pasti bukan sebuah alat untuk bikin juice, atau menghaluskan bumbu dapur dong ya... Blender itu adalah salah satu software yang bisa dipakai untuk membuat objek sampai dengan animasinya. Dan salah satu kelebihan Blender, yaitu Free Software. Artinya, blender dapat dipakai oleh siapa saja tanpa harus membayar sepeserpun.

Ok, langsung aja masuk ke tutorial membuat sebuah objek 3D dengan blender. Pada kesempatan kali ini, saya akan membuat obejek Manusia Salju. Mengapa saya membuat manusia salju ? Alasannya yaitu karena untuk membuat manusia salju ini, sangat mudah dan membutuhkan waktu yang sedikit. Dan alasan lainnya karena bulan Desember, dunia akan merayakan Hari Natal, dan biasanya di Natal yang jatuh bulan Desember, di luar negeri sana yang mempunyai musim salju, akan sangat banyak manusia salju dimana-mana.

Langsung saja, setelah kita download blender di http://www.blender.org/ dan menginstallnya pada PC kita, masuk ke aplikasi blender yang ada pada PC anda. Maka akan terlihat tampilan sebagai berikut :

Secara default, blender akan menampilkan sebuah objek kubus pada saat menjalankan program blender, Langkah pertama yaitu kita harus menghapus objek tersebut dengan menekan shortcut X dan pilih delete. Lalu buat sebuah objek dengan menekan shortcut SHIFT+A dan pilih UV Sphere, karena kali ini saya akan membuat manusia salju yang secara garis besar terbentuk dari bangun ruang Bola.

Jika ingin membesarkan sebuah objek pada blender, kita bisa menekan shortcut S dan besarkan atau kecilkan sesuai dengan keiinginan kita. Lalu selanjutnya duplikat objek tersebut untuk kita jadikan kepala, dengan menekan shortcut SHIFT+D dan pindahkan posisinya sampai tepat berada di atas objek sebelumnya. Sehingga terbentuk objek berikut :

Lalu buatlah mata dengan objek UV Sphere, dengan melakukan cara sebelumnya yaitu dengan membaut objek dan lakukan pergeseran dan perkecil objek sampai berbentuk berikut :

Lalu buatlah hidung dengan menggunakan Objek Cone, sehingga sekarang Objek berbentuk :

Lalu selanjutnya kita akan memberikan topi pada manusia salju, dengan menggunakan objek gabungan antara UV Sphere dan Tabung. Maka sekarang manusia salju yang kita buat menjadi berikut :

Lalu selanjutnya buatlah objek UV Sphere yang akan dijadikan sebagai tangan manusia salju, sehingga sekarang bentuknya menjadi sebagai berikut :

Lalu buatlah kancing dengan menggunakan objek UV Sphere :

Lalu buatlah pohon sebagai pelengkap dari latar objek yang akan kita buat ini. Sebuah pohon cemara merupakan gabungan antara Cone dan Tabung, lakukan pembesaran, pergeseran, dan duplkasi pohon sehingga berbentuk berikut :

Setelah objek dan latar berhasil dibuat, maka langkah selanjutnya yaitu memberikan warna pada semua objek yang telah dibuat, dengan memilih tools material yang ada di bagian kanan dari interface aplikasi Blender.

Klik objek yang akan diberi warna, lalu Klik New dan pilih warna yang diinginkan. Setelah semua objek diberi warna, maka hasilnya akan menjadi sebagai berikut :

setelah objek diberi warna, terdapat satu hal yang kurang dari objek di atas, yaitu manusia salju masih terlihat “terbang”. Maka langkah selanjutnya yaitu memberikan alas dari objek-objek tersebut, dengan menggunakan UV Sphere yang diperbesar dan digepengkan, sehingga menjadi sebagai berikut :

Lalu langkah selanjutnya yaitu ubah sumber cahaya yang akan digunakan dengan matahari. Pada blender, cahaya default yang akan dipakai yaitu point, untuk merubahnya, maka gunakan tools yang ada disamping, yaitu dengan cara klik lampu yang berada di atas objek. Dan ubah setting default dari POINT, ubah ke SUN, maka cahaya lampu akan berubah menjadi matahari.

Setelah semua terlihat menarik, maka cobalah untuk merender objek yang telah kita buat, dengan menekan tombol F12 pada keyboard anda. Sehingga tampilan objek menjadi sebagai berikut :

Pada hasil render, terlihat beberapa kesalahan, yaitu terdapat kilauan yang sedikit mengganggu tampilan, untuk menghilangkannya, caranya sangat mudah, yaitu ubah Intensity pada masing-masing warna :

Ubah intensity menjadi 0 (nol). Dan jika kita render ulang, maka akan terlihat objek tanpa kilauan.

Lalu langkah selanjutnya yaitu kita akan menambahkan warna pada langit yang menjadi latar dari objek yang telah kita buat. Untuk menambahkan warna langit, maka klik tools World dan pilih Blend Sky dan pilih warna yang diinginkan. Dan Checklist pada bagian Environment Ligthing dan Ambient Occlusion, Environment Lighting berfungsi untuk menambahkan efek cahaya yang berasal dari langit agar mempengaruhi objek yang ada. Sedangkan ambient occlusion berfungsi untuk menghilangkan noise yang menghasilkan warna “hitam” pada objek-objek yang ada.

Sehingga tampilan akan menjadi sebagai berikut :

Jika kita melihat hasil render diatas, maka akan terlihat objek yang sedikit kasar dan terdapat titik-titik hitam pada objek-objek yang ada, untuk menghilangkan noise tersebut, tambahkan Sampling pada objek yang kita buat. Masih dalam tools World, pilih Sampling dan tambahkan menjadi 20 yang semula berjumlah 5. Dan ubah jenis Sampling menjadi Adaptive. Sehingga tampilan akhir menjadi sebagai berikut :

Sekian penjelasan dari saya, semoga bermanfaat.

God bless you.. :)

Referensi :
http://www.youtube.com/user/animasiDKVsttsTutor

Grafik dan IMK Part 2

Setelah sebelumnya saya membahas bagaimana grafis dapat membantu interaksi manusia dan komputer melalui tepatnya memilih warna, sekarang saya akan membahas bagaimana grafis dapat membantu manusia untuk berinteraksi dengan komputer,  atau dalam bidang IMK (Interaksi Manusia dan Komputer), khusunya melalui pemilihan icon yang tepat.
Menurut Wikipedia , interaksi manusia dan komputer didefinisikan dengan ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia.
Interaksi itu sendiri berarti komunikasi. Jadi, interaksi manusia dan komputer yaitu komunikasi yang berlangsung antara manusia dan komputer. Lalu muncul pertanyaan:
Apa sih manfaat grafis dalam IMK ?
sebenernya manfaat grafis banyak banget untuk IMK. Salah satunya bagaimana grafis menjadi antarmuka antara komputer dan manusia. Sekarang kita bayangkan saja kalau komputer hanya berwarna Hitam-putih saja tanpa adanya grafis yang menarik ? Sungguh sangat membosankan bukan ? Oleh karena itu, saat ini berkembanglah grafis yang menarik untuk mempermudah interaksi antara manusia dan komputer. Saat ini saya akan mengupas sedikit tentang icon-icon yang mempermudah interaksi antara manusia dan komputer.
Di dalam interaksi manusia dan komputer, peranan icon sangat penting. Beberapa icon yang saat ini banyak dipakai untuk mempermudah interaksi tersebut, antara lain :

1. Icon Turn Off / Shutdown

Icon di atas merupakan icon yang ditampilkan untuk menggantikan kata-kata "Shutdown" atau "Turn Off". Dengan adanya icon tersebut, tanpa adanya kata-kata tersebut, user yang menggunakan komputer pun akan mengetahui kalau button yang terdapat icon tersebut berfungsi untuk shutdown atau turn off.

2. Icon Login

 

Icon di atas ini merupakan Icon untuk memberitahukan user untuk fungsi login. Icon tersebut digambarkan dengan tanda panah yang menunjuk kepada pintu yang terbuka. Hal tersebut memudahkan user untuk mengetahui bahwa button atau gambar yang terdapat icon tersebut menunjukkan fungsi login ke suatu sistem atau aplikasi.

3. Icon Logout / Log off

Icon di atas merupakan icon untuk memberitahukan user bahwa icon tersebut untuk log off / logout sistem atau aplikasi. Dengan atau tanpa tulisan log off / logout pun, user akan mengatahui fungsi icon tersebut.

4. Icon close

 

Nah... kalau icon di atas itu adalah icon yang biasanya kita lihat di window pada komputer kita. Jika kita lihat di bagian kanan window pada komputer kita, jika kita sedang menjalankan aplikasi, maka icon tersebut selalu ada di baunigian kanan atas window kita. icon tersebut memberitahukan fungsi close program pada. Icon tersebut, akan mempermudah interaksi antara manusia dan komputer. bayangkan saja bila icon tersebut diganti dengan tulisan saja ? sungguh terasa aneh bukan ? oleh karena itu icon tersebut sangat berguna untuk komunikasi antara komputer dan manuisa.

5. Icon minimize

Icon tersebut adalah icon yang menggantikan kata-kata MINIMIZE. Dilambangkan dengan tanda strip yang berada di bagian bawah kotak. Letak icon ini juga biasanya berada di bagian kanan atas window pada aplikasi.

Sebenarnya, banyak sekali icon yang berada di sekitar kita sebagai media grafis untuk membantu interaksi antara manusia dan komputer. Bentuk icon pada dasarnya sama, hanya seringkali ada perubahan gambar yang ada di icon tersebut. Hal ini tergantung dari bagaimana para desainer merancang icon tersebut. Tetapi perubahan bentuk gambar dari icon tersebut tidak boleh terlalu siginifikan sampai user tidak mengetahui fungsi sebenarnya dari icon tersebut. Dan tentunya warna juga sangat mempengaruhi jalannya interaksi antara manusia dan komputer.

Sekian dari pembahasan saya, semoga penjelasan dari saya bermanfaat bagi para pembaca.

Salam Admin.

God bless you....

Grafik dan IMK

Pengembangan ilmu dari grafis sangat berpengaruh pada interaksi antara manusia dan komputer. Pemilihan dasar-dasar ilmu yang benar pada antarmuka program aplikasi, akan menentukan berjalan atau tidaknya interaksi yang dilakukan antara komputer dan manusia. Berikut ini saya akan menjelaskan dasar-dasar pemilihan bentuk dan warna agar grafis dapat bermanfaat bagi interaksi manusia dan komputer.

Warna

Pemilihan warna yang tepat, sangat berpengaruh pada interaksi manusia dan komputer. Karena jika terdapat kesalahan pemilihan warna akan mempengaruhi tingkat psikologis dari manusia itu sendiri. Terdapat beberapa warna yang berpengaruh terhadap interaksi manusia dan komputer, diantaranya :

1.Hitam, sebagai warna yang tertua (gelap) dengan sendirinya menjadi lambang untuk sifat gulita dan kegelapan (juga dalam hal emosi).
2.Putih, sebagai warna yang paling terang, melambangkan cahaya, kesucian.
3.Abu-abu, merupakan warna yang paling netral dengan tidak adanya sifat atau kehidupan spesifik.
4.Merah, bersifat menaklukkan, ekspansif (meluas), dominan (berkuasa), aktif dan vital (hidup), panas membara, peringatan, penyerangan, cinta.
5.Kuning, dengan sinarnya yang bersifat kurang dalam, merupakan wakil dari hal-hal atau benda yang bersifat cahaya, momentum dan mengesankan kebahagiaan, keceriaan dan hati-hati
6.Biru, sebagai warna yang menimbulkan kesan dalamnya sesuatu (dediepte), sifat yang tak terhingga dan transenden, disamping itu memiliki sifat tantangan.
7.Hijau, mempunyai sifat keseimbangan dan selaras, membangkitkan ketenangan dan tempat mengumpulkan daya-daya baru, identik dengan pertumbuhan dalam lingkungan,pasukan perdamaian,kepuasan
8.Pink, warna yang identik dengan wanita, menarik/cantik, gulali
9.Orange, warna yang identik dengan musim gugur, penuh kehangatan, halloween.
10.Coklat, warna yang mengesankan hangat, identik dengan musim gugur, kotor, bumi
11.Ungu, warna yang identik dengan kesetiaan, kepuasan, Barney (tokoh boneka berwarna ungu)

Contoh manfaat penggunaan warna pada interaksi manusia dan komputer :

 Penggunaan warna biru dalam keadaan “Blue Screen” pada komputer.

1. Pada penjelasan di atas, warna biru akan menimbulkan kesan tantangan bagi orang yang melihatnya. Jika kita menemukan keadaan “Blue Screen” pada sistem komputer kita, kita akan mencari-cari masalah yang terdapat pada keadaan tersebut. Hal ini berarti pemilihan warna biru dirasakan tepat untuk menggambarkan keadaan “Blue Screen”. Bayangkan saja bila istilah “Blue Screen” diganti dengan “Red Screen”, warna biru diganti dengan warna merah. Dimana warna merah bersifat lebih menakutkan daripada warna biru. Tentunya pemilihan warna merah akan sangat tidak tepat.
2. Penggunaan warna hitam dalam keadaan “Blank Screen” pada komputer.
   Sama dengan pemilihan warna biru, pemilihan warna hitam juga memiliki tujuan untuk memperngaruhi tingkat psikologis seseorang. Warna hitam menjadi lambang emosi. Tidak aneh bila kita mendapatkan keadaan “Blank Screen” pada sistem komputer kita, kita akan sedikit merasakan emosi kita sedikit muncul.

 Pemilihan desain grafik yang tepat pada interaksi manusia akan menimbulkan manfaat :

1. Membuat orang yang melihat atau menggunakan aplikasi menjadi lebih relax dan tidak bosan untuk menggunakannya.
2. Menimbulkan efek positif psikologis seseorang.
3. Menimbulkan efek positif pada saat pertama kali menggunakan interface yang memiliki pemilihan grafis yang tepat. Karena kesan pertama sangat penting dalam kelanjutan aplikasi yang mengutamakan adanya interaksi antara manusia dan komputer.

Sekian penjelasan dari saya, pada bahasan selanjutnya saya akan membahas pemilihan icon yang tepat pada interaksi manusia dan komputer. Semoga penjelasan dari saya dapat bermanfaat bagi para pembaca.

Salam admin,

God bless you...

Referensi : http://kyfi.wordpress.com/2010/11/01/desain-dalam-imk/

Grafis dan Budaya

Saat ini, bidang grafis sangat berkembang di dunia. Banyak fungsi grafis yang terlihat nyata di dalam segala aspek. Contohnya teknologi yang semakin berkembang. Bahkan di dunia selain dari teknoogi pun, grafis memiliki andil yang luar biasa. Sebagai contoh di bidang budaya, saat ini, banyak sekali kegunaan grafis yang terlihat. Dan pada kesempatan kali ini, saya akan membahas beberapa fungsi atau kegunaan dari grafis dalam bidang budaya.
Ada banyak bidang dalam budaya yang menggunakan grafis sebagai pembantu dalam membantu pengembangan budaya. Saya akan membahas beberapa hal, yaitu :

1. Museum Online
2. E-learning
   

MUSEUM ONLINE

Pertama, saya akan membahas tentang museum online. Di dunia yang serba berkembang ini, tingkat mobilitas penduduk di dunia sangat tinggi. Bahkan terkadang para orang tua pun tidak sempat untuk mengajak anak-anak mereka untuk berkunjung ke Museum, dan belajar banyak hal disana. Padahal, anak-anak yang sedang dalam masa pertumbuhan sangat membutuhkan pembelajaran dalam bidang pengetahuan. Hal ini sangat disayangkan oleh berbagai orang yang bergerak di bidang budaya. Oleh karena itu, orang-orang yang konsen di bidang budaya mencari cara untuk dapat mengembangkan budaya. Maka dari itu, munculah MUSEUM ONLINE, dimana orang dapat mencari ilmu pengetahuan tanpa harus datang ke museum yang bersangkutan. Saat ini, di dunia banyak sekali website yang menyediakan museum online, diantaranya :

• Online Titanic Museum : http://www.onlinetitanicmuseum.com/
• British Museum : http://www.britishmuseum.org/explore/online_tours.aspx
• Museum Computer Network : http://www.mcn.edu/museums-online
• dan masih banyak lagi...
  

Dari berbagai website di atas, beberapa diantaranya adalah Museum Online yang menyediakan fitur secara gratis, tetapi ada juga yang mengharuskan penggunanya membeli tiket untuk dapat menggunakan website tersebut.
Perkembangan website yang menyediakan Museum Online dirasakan sangat bermanfaat oleh orang banyak. Karena orang yang berada di belahan dunia manapun, jika ingin mengunjungi Museum tentang kebudayaan suatu negara, hanya perlu membuka webiste dan dapat melihat-lihat fitur yang disediakan museum online tersebut.
E-Learning

Selain museum online, grafis juga dapat membantu budaya di bidang website yang menyediakan fitur pengunjung website dapat belajar sekaligus berinteraksi dengan berbagai bidang budaya. Hal ini biasa disebut sebagai E-Learning. Saat ini, juga banyak berkembang webiste yang menyediakan fasilitas E-Learning, dianataranya :

• E-Learning Gunadarma : http://elearning.gunadarma.ac.id/
• Ninhao.com : http://www.ninhao.com/?from=bmluaGFvQHNfc2FfbGY=&gclid=CMer0b_siqwCFcYa6wodf1Molw
• http://ocw.mit.edu/courses/foreign-languages-and-literatures/
• dan lain-lain...\
  

Perkembangan grafis pada dasarnya sangat penting dalam membantu suatu budaya berkembang. Tetapi, untuk di Indonesia sendiri, perkembangan grafis dalam budaya dirasakan sedikit kurang. Tetapi Indonesia sudah mulai bangkit untuk menuju perkembangan budaya melalui Grafis. God bless Indonesia......
Demikian ulasan dari saya mengenai perkembangan grafis dalam budaya. Semoga dapat membuka pandangan kita...
God bless you all....