Tutorial Etoys

Etoys

         Etoys adalah sebuah software yang digunakan oleh anak usia 3-4 tahun, bahasa pemrograman yang di gunakan berorientasi objek berbasis prototipe digunakan untuk pendidikan . Etoys adalah script model objek untuk objek yang berbeda yang bias berjalan pada platform yang berbeda dan open source.

Sejarah Etoys

        Squeak awalnya dikembangkan di Apple pada tahun 1996 oleh Dan Ingalls. Squeak adalah implementasi Smalltalk, berorientasi objek, berbasis kelas, dan reflektif, yang berasal dari Smalltalk-80 di Apple Computer. Ini dikembangkan oleh beberapa pengembang Smalltalk-80, termasuk Dan Ingalls, Ted Kaehler, dan Alan Kay. Scott Wallace dan John Maloney termasuk juga Tim. Squeak 4,0 dirilis di bawah lisensi MIT, dengan beberapa bagian asli Apple yang tersisa di bawah Lisensi Apache. Kontribusi yang diperlukan untuk berada di bawah MIT. Squeak bermigrasi ke Disney Imagineering Research pada tahun 1996. Pembangunan Etoys dimulai dan disutradarai oleh Alan Kay di Disney untuk mendukung pembelajaran konstruksionis, yang dipengaruhi oleh Seymour Papert dan bahasa pemrograman Logo. Para tim asli pengembangan Etoys di Disney termasuk: Scott Wallace, Ted Kaehler, John Maloney, Dan Ingalls. Etoys mempengaruhi perkembangan pemrograman lain. Squeak berbasis pendidikan dikenal sebagai Scratch. Scratch dikembangkan di MIT, setelah Mitchell Resnick mengundang John Maloney dari tim asli pengembangan Etoys untuk datang ke MIT. Etoys bermigrasi ke Penelitian Viewpoints, Inc, didirikan pada tahun 2001, untuk meningkatkan pendidikan bagi anak-anak dunia dan memajukan keadaan penelitian sistem dan komputasi personal. http://www.vpri.org/ Pada 2006-2007, Etoys dibangun pada Squeak yang dipergunakan oleh OLPC project mereka, pada OLPC XO-1 educational machine. Hal ini diinstal pada semua laptop XO-1. "Etoys untuk satu Laptop per anak", paper oleh Bert Freudenberg, Yoshiki Ohshima, Scott Wallace, Januari 2009. Makalah dipresentasikan pada Konferensi Internasional Ketujuh Tahunan Menciptakan, Komputasi, Menghubungkan, dan Kolaborasi melalui Komputasi, Universitas Kyoto, Kyoto, Jepang, Januari 2009. Pada tahun 2009, Yayasan Squeakland diciptakan oleh Research Viewpoints, Inc, sebagai langkah awal dalam meluncurkan dasar untuk melanjutkan pengembangan dan penggunaan Etoys sebagai media pendidikan. Viewpoints Research Inc didukung Squeakland Foundation di 2009-2010, dan pada Januari 2010, Yayasan Squeakland diluncurkan sebagai entitas yang terpisah.

Tutorial Game Etoys :

https://youtu.be/9Yy1EH28Pn4

Link Terkait :http://apocalypse-ciel.blogspot.co.id/2011/11/balapan-tank-menggunakan-etoys.html

Klasifikasi SIMCITY Buildit

Nama Game   : SimCity Buildit

Platfom          : SmartPhone Android & Ios

Katagori         : Simulator

Pengembang  : Electronic Arts (EA)

Batasan Usia  : 15 +

Teknologi :

• IAP adalah pembelian item virtual seperti gold, item atau nyawa yang dijual di dalam game. IAP secara umum bertujuan untuk mempermudah gamenya bagi gamer yang tidak punya waktu untuk grinding atau menunggu. IAP hanya dapat dibeli dengan uang asli lewat pemotongan kartu kredit
• 3D adalah proses untuk menghasilkan citra suatu objek baik dalam 3D maupun 2D, dengan tujuan untuk memahami desain grafis sebagai alat penyampai pesan yang estetis, komunikasi dan efisien dalam konteks media sehingga pada kenyataannya dapat diterapkan untuk berbagai bidang diantaranya adalah seni, kewirausahaan, marketing, dan advertising

Alasan       : Karena game simcity buildit ini cukup bagus dalam melatih kepemimpinan, dimana                             kita pada game ini menjadi seorang gubernur dari sebuah kota yang besar.


Manfaat        : - melatih jiwa kepemimpinan
                        Contoh ; dalam game ini kita menjadi gubernur dari sebuah kota, maka sangat                                       dibutuhkan jiwa pemimpin dalam membangun sebuah kota.

                     - melatih mengambil sebuah keputusan
                        Contoh; dalam game ini kita wajib menentukan mana yang paling dibutuhkan                                       masyarakat kota yang kita pimpin, apakah itu property ataupun pendidikan dll.

                    - melatih sikap adil.
                      Contoh ; dalam game ini kita harus dapat bersikap adil, jangan sampai hanya                                         mempedulikan masyarakat kalangan atas saja. tetapi juga masyarakat bawah.

Link Terkait : http://agussianipar078.blogspot.co.id/2016/11/3d-teknologi.html

Pencil Project

Pencil Project

Sedikit sejarah tentang aplikasi ini Pencil project adalah aplikasi open source untuk membuat desain UI (User Interface) dan tersedia untuk berbagai sistem operasi baik itu Linux, Windows, dan MacOS. Shape interface yang disediakan ada untuk web, GTK, native UI, sketchy GUI, Windows XP, Flowchart, Android ICS, iOS UI Stencils, dan iOS Wireframe.

Pencil project memiliki beberapa menu yaitu:

                1.      Pada menu Document terdapat new window ,new document, save , save as, load,                                  Export page as png, Export Document, Print dan exit.

2. Pada menu Edit terdapat undo, redo, cut, copy, paste, delete dan select all.

                3. Pada menu View terdapat Collection Pane, Hide Heavy Elements dan Fullscreen.

                    4. Pada menu Shape terdapat Group,Ungroup,Make same width,height, min width,min                   height, align left,right,top,bottom,middle, same horiz space dan same vert space.

                    5. Pada menu Tools terdapat Clipart Browser, Install new Collection, Manage Export Template, Developer Tools, dan Options. 

6. Pada menu Help terdapat About                                                      

dibawah ini merupakan tampilan awal dari aplikasi pencil project, terdapat layar putih untuk membuat user interface yang akan di bentuk.

pada kolom common shapes berguna untuk mebuat sebuah bentuk persegi maupun yang lainnya seperti pada gambar dibawah ini, disini juga kita bisa membuat text untuk tampilan pada layar.

pada kolom basic web element, disini kita dapat membuat tampilan sederhana pada sebuah web yang akan kita design. bisa mencantumkan alamat web, dan juga membuat menu pilihan pada web dll seperti gambar dibawah ini.

kolom dekstop GTK Widgets, kita bisa mendesign sebuah tampilan aplikasi sederhana. dimana aplikasi disini untuk sebuah personal computer (PC). 

bagian kolom dekstop native UI widgets kita dapat mendesign sebuah tampilan  aplikasi 

yang telah dikembangkan untuk digunakan pada platform tertentu atau perangkat. 

pada kolom dekstop sketchy GUI kita dapat mendesign masih sebuah tampilan aplikasi yang lebih lengkap dan detail. dimana fitur yang diberikan pada kolom ini banyak tidak seperti yang kolom dekstop sebelumnya.

pada kolom dekstop windows XP widgets kita dapat mendesign sebuah tampilan program yang berbasi windows XP, fitus yang tersedia standard seperti pada umumnya.

bagian kolom flowchart kita dapat membuat design atau gamabran alur kerja sebuah program yang akan dibuat, sehingga programmer dapat memahami dengan baik proses kerja dari sebuah program yang akan dia buat. fitur pada kolom ini sengat lengkap seperti gambar dibawah ini. 

pada menu mobile android ICS, kita dapat membuat tampilan pada sebuah gedget ataupun tablet yang berbasis android. disini kita membuat design tampilan sebuah aplikasi pada gedget ataupun tablet, fitur pada kolom ini sangat lengkap.

 

pada kolom mobile ios UI stencils, kita dapat membuat tampilan pada sebuah gedget ataupun tablet yang berbasis ios. karena tampilan pada ios dengan android sangat berbada. disini kita dapat mendesign tampilan aplikasi pada sebuah gedget ataupun tablet berbasi ios. fitur yang disediakan juga sangat lengkap.

 

pada kolom mobile ios wireframe kita dapat membuat tampilan aplikasi desktop pada personal computer yang berbasis ios, fitur yang disediakan cukup lengkap seperti halnya pada personal computer ios. karena tampilan aplikasi desktop ios dengan android berbeda.

 

contoh :
gambar dibawah ini salah satu contoh sederhana tampilan pada gedget ios, dimana tampilan pada gambar dibawah sebuah notifikasi yang muncul pada layar iphone.

Link Terkait :

http://stevenrenzou.blogspot.co.id/2013/12/tutorial-menggunakan-aplikasi-evolus.html

Photoshop vs GIMP vs Paint

Photoshop vs GIMP vs Paint 

Photoshop

Adobe Photoshop, atau biasa disebut Photoshop, adalah sebuah software (perangkat lunak) editor buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. 

Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan. ada juga Adobe Acrobat, yang dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. photoshop mengacu pada pixel dari sebuah gambar, berbeda dengan corel draw yang mengacu pada vector, dimana pada coreldraw sebuah design yang telah jadi jika kita zoom maka design atau gambar tersebut tidak pecah, berbeda dengan photoshop yang mengacu pada pixel, jika design atau gambar yang telah jadi di zoom maka gambar akan terlihat pecah.

kelebihan :

1. fitur editor lengkap

2. fitur RGB, CMYK

3. dapat mendesign dan mengedit gambar

4. banyak material yang dapat digunakan

5. dapat membuat rekayasa foto

kekurangan :

1. size aplikasi yang cukup besar

2. membutuhkan spesifikasi komputer yang bagus

3. penggunaan cukup rumit bagi pemula

4. banyak layer yang digunakan

5. tidak open source

GIMP

GIMP merupakan sebuah software (perangkat lunak) editor yang digunakan sebagai retouching gambar dan perangkat pengeditan , Selain bebas-bentuk gambar, gambar GIMP dapat memenuhi kepentingan mendasar seperti ukuran, mengedit, dan cropping foto, menggabungkan beberapa foto.

       GIMP juga pertama kali diciptakan hanya untuk unix, dimana sampai sekrang ini GIMP banyak ditemui pada operating system linux ataupun yang berbasis dari unix. tetapi makin kesini pengembang GIMP juga membuat untuk operating system windows maupun mac os. 

kelebihan :

1. mendukung berbagai macam format file gambar

2. mengedit layar teks lebih mudah

3. bisa membuat gambar animasi

4. aplikasi ringan

5. dapat ditambahkan plugin photoshop secara gratis

6. open source

kekurangan :

1. hanya mendukung 8 bit per-chanel

2. fitur editor tidak lengkap

3. plug-in yang tersedia masih sedikit

Paint

Paint merupakan sebuah aplikasi editor sederhana bawaan dari vendor windows, dimana setiap operating system windows pasti akan ada aplikasi paint editor. aplikasi paint ini dapat membuka dan menyimpan gambar dalam berbagai format, yaitu BMP, JPEG, GIF, PNG, dan TIFF.

kelebihan :

1. mudah digunakan

2. aplikasi ringan

3. tampilan tool simple

kekurangan :

1. fitur edit tidak lengkap

2. tidak bisa manipulasi gambar

3. tidak ada fitur  CMYK

4. tidak bisa membuat gambar ataupun logo secara detail

          Pada kali ini, saya akan memberikan sedikit perbandingan penggunaan antara ke tiga aplikasi editor diatas. dimana saya akan membuat tulisan yang dapat melengkung pada ke tiga aplikasi tersebut. sehingga kita dapat mengetahui aplikasi mana yang lebih mudah untuk melakukan hal tersebut.

PHOTOSHOP :

1. untuk membuat tulisan melengkung pada aplikasi photoshop maka kita pilih tool text  agar dapat menulis tulisan selamat datang seperti gambar dibawah ini.

2. lalu ikuti langkah-langkah seperti dibawah ini. maka jadilah tulisan yang melengkung seperti gambar dibawah ini.

GIMP

1. langkah pertama pilih tool A untuk menuliskan kata selamat datang seperti contoh gambar dibawah ini. 

2.  kemudian pilih pen tool untuk membuat lengkungan seperti gambar dibawah ini, agar tulisan selamat datang nantinya dapat megikuti lengkungan seperti dibawah ini.

3.  selanjutnya pilih layer -> text a long path. berguna untuk membuat tulisan  selamat datang mengikuti lengkungannya.

4. lalu pilih setting region path.

5. kemudian klik kanan pada bagan menu layer, untuk membuat layer baru. seperti gambar dibawah ini.

6. setelah itu, pilih edit -> fill with FG color, sehingga tulisan selamat datang dapat melengkung seperti yang kita inginkan.

PAINT

1.  pada aplikasi paint untuk membuat tulisan melengkung tidak bisa, karena fitur pada aplikasi ini sangat standar. sehingga hanya bisa membuat tulisan selamat datangnya saja tidak bisa di lengkungkan. dengan memilih tool A yang berfungsi untuk membuat tulisan seperti gambar dibawah ini.

Kesimpulan :

bagi saya selaku pembuat perbandingan ke tiga aplikasi editor ini yaitu photshop, gimp , dan paint, fitur yang paling mudah untuk digunakan yaitu photoshop, walaupun kegunaan gimp dan photshop hampir sama, cuma saya lebih enjoy menggunakan aplikasi editor photshop. hanya saja pada aplikasi editor paint tidak bisa mengikuti fitur-fitur yang tersedia pada photoshop dan gimp.

Link Terkait :

PHOTOSHOP

https://id.wikipedia.org/wiki/Adobe_Photoshop

http://komputerlamongan.com/keunggulan-dan-kelemahan-adobe-photoshop/1331/

GIMP

https://wahyuherdani.wordpress.com/2011/10/20/sejarah-awal-gimp/

http://filetekno.com/gimp-adalah-pengertian-gimp-kelebihan-dan-kekurangan-gimp/

PAINT

https://geminiquest.wordpress.com/2010/01/24/microsoft-paint/

UI-Pattern

Keyboard shortcuts

Ringkasan
Pengguna ingin melakukan tugas-tugas yang berulang lebih cepat. pada bagian ini, pengguna bisa mengatur settingan keyboard untuk memudahkan penggunaan, sehingga dapat lebih cepat dan mudah
Contoh :

Penggunaan

1. Gunakan ketika aplikasi Anda berisi tugas berulang yang melibatkan beralih mode dari keyboard untuk mouse. jadi pada saat kita membuka tugas yang berisi suatu hal yang dilakukan berulang-ulang maka kita bisa merubah settingan dari keyboard ke mouse, ataupun sebaliknya.

Solusi

• Memungkinkan pengguna untuk memicu tindakan cepat dengan keyboard perintah. maksudnya pengguna dapat dengan mudah menekan tombol-tombol tertentu yang di seting sesuai keinginan pengguna, untuk membuat perintah lebih cepat.

• Biasanya cara pintas keyboard yang dibuat untuk perintah yang merupakan bagian dari tugas-tugas pengguna sering atau berulang. pengguna dapat merubah setingan keyboard agar pada saat melakukan pekerjaan yang berulang-ulang dapat dilakukan dengan cepat, sehingga tidak memakan waktu.

• Ketika menambahkan cara pintas ke aplikasi Anda, Jauhkan dari menggunakan yang ada sistem pintas atau cara pintas yang sudah digunakan di tempat lain dalam konteks lain di aplikasi yang sama. Hindari repurposing pintas yang pengguna sudah disesuaikan ke dalam workflow1 mereka. dapat merubah setingan asalkan setingan pada keyboard tidak boleh sama dengan setingan keyboard pada aplikasi yang sama. 

• Anda mungkin ingin mempertimbangkan menambahkan informasi cara pintas keyboard untuk item menu dan tombol dan ikon tooltips, jika tersedia. pengguna dapat menggunakan tombol keyboard yang sudah tersedia pada aplikasi.

Manfaat

Kemudahan akses ke tugas-tugas yang berulang ulang dengan menyediakan pengguna terampil dengan shortcut keyboard untuk tindakan mereka terkait. Mengurangi total waktu, langkah-langkah yang  diperlukan, dan menyia-nyiakan energi mental menyelesaikan tugas tanpa membuat lebih sulit pada pengguna pemula. jadi dengan adanya shortcut keyboard dapat memberikan kemudahan dalam mengerjakan tugas yang dilakukan secara berulang-ulang. sehingga dalam mengerjakan tugas tersebut lebih cepat.

Cara pintas keyboard mempercepat fungsi program untuk menyelesaikan tugas dengan adanya keyexpress maka pengguna tidak perlu meng klik pada mouse. cukup menggukan keyboard.

Diskusi

Strategi pintas keyboard

Hapalan

Membantu pengguna ingat memori dengan menciptakan asoned asosiasi dengan huruf-huruf yang digunakan dalam kombinasi tombol. Namun, tombol yang tersedia pada, strategi umum adalah menggunakan tengah atau akhir pada huruf awal.

Pada Mac, O digunakan untuk "Buka File" sementara L digunakan untuk "Terbuka lokasi".

Kecepatan

dan yang terakhir, menempatkan tombol perintah yang berdekatan, meskipun ada Asosiasi

 asoned tidak masuk akal. C sering digunakan untuk "Copy"sementara V digunakan untuk paste.

Beberapa contoh dari Keyboard Shortcut.

Image Zoom

Ringkasan

Pengguna ingin memperbesar gambar untuk melihat rincian gambar resolusi yang lebih tinggi. agar tampak lebih detail gambar produk yang ingin dilihat.

Contoh

Penggunaan

1. Gunakan ketika ukuran normal gambar ditampilkan tidak dalam resolusi tinggi cukup 

        bagi penguna untuk memahami detail dalam gambar.

2. Gunakan ketika men-download versi berukuran penuh dan rinci semua  gambar memakan

        lebih banyak bandwidth dari pada membaginya.

3. Gunakan ketika menampilkan versi berukuran penuh dan rinci dari suatu gambar yang tidak               cocok dengan website.

4. Gunakan ketika menampilkan berukuran penuh dan rinci versi gambar akan mencegah

        pengguna menampilkan gambar yang pecah.

5. Gunakan ketika men-download versi berukuran penuh dan rinci dari setiap gambar akan diambil        dengan ukuran yang besar serta waktu yang lama. tampilkan gambar dengan resolusi tinggi agar          lebih baik.

Solusi

• Menyediakan mekanisme yang memungkinkan pengguna untuk memperbesar gambar  untuk melihat rinciannya. agar gambar dapat dilihat dengan jelas.

• Agar menghemat bandwith, dari server menyarankan agar tidak meminta gambar dengan            resolusi tinggi sebelum di izinkan oleh server.

• cara untuk melihat gambar agar lebih jelas maka cukup mengklik gambar yang ingin dilihat        kemudian gambar akan tampil denganresolusi yang tinggi. sehingga jelas untuk dilihat dari        dekat.

• Menyediakan teks atau simbol untuk zooming pada gambar, agar pengguna tau bahwa gambar    itu bisa di lihat lebih jelas atau zoom.

Manfaat

Memungkinkan pengguna untuk memperbesar gambar dan melihat gambar lebih detail.

Tergantung pada faktor zoom, menampilkan gambar resolusi tinggi tidak bisa memberikan gambar yang lengkap. hanya pada bagian yang ingin di lihat dengan jelas saja.

Dengan menyediakan fungsi zoom, pengguna dapat memperbesar hanya ke gambar yang ingin dia lihat lebih jelas saja.

Beberapa ontoh dari Image Zoom

Follow

Ringkasan

Pengguna tidak hanya melacak dan mengikuti orang-orang yang ada di web, tetapi bisa juga mengikuti aktivitas dan perkembangan terbaru yang ada didalam web.

Penggunaan

Gunakan ketika kita ingin membiarkan pengguna menggunakan aplikasi kita untuk topik tertentu, tema ataupun orang

Solusi

• Memungkinkan pengguna untuk memilih item yang mereka inginkan agar tetap up to date dengan mengikuti topik, tema, saluran, peristiwa, atau orang-orang dan menunjukkan update dalam arus aktivitas pengguna. Bertentangan dengan teman desain pola, pengguna tidak perlu khawatir tentang berapa banyak dari teman mereka menggunakan layanan yang sama atau jika teman mereka berbagi.

• Pengguna dapat memilih item (objects) yang mereka inginkan untuk tetap up to date, dengan Objek yangpaling umum untuk diikuti orang lain (teman).Sebagaikonsekuensi, pengguna dapat melacak dan menerima pembaruan dari objek. Biasanya, update  ditampilkan dalam aktivitas pengguna atau digunakan untuk menyarankan pembaruan.

 

Manfaat

Pengguna dapat memperoleh akses ke banyak konten yang bervariasi oleh "mengikuti" kegiatan dan rekomendasi dari pengguna lain dan pola ini memungkinkan mereka untuk melakukannya tanpa harus khawatir tentang berapa banyak dari teman mereka sebenarnya menggunakan aplikasi ini.

Konten bersama dengan pengikut di situs seperti Google+ dan Pinterest memungkinkan masyarakat mengikuti konten serta pengguna dapat memilih untuk mengikuti topik, peristiwa, tema atau bahkan untuk mendapatkan konten baru yang dibangun oleh web yang kita ikuti. sehingga alasan

daftar teman akan menjadi semakin penting desain pola UI, akan mengikuti pola.

Diskusi

Bertentangan dengan desain pola, pengguna tidak perlu khawatir tentang berapa banyak

dari teman mereka menggunakan layanan yang sama atau jika teman mereka berbagi

rasa yang sama.

Link Terkait : http://ui-patterns.com