Desain User Interface Web E-commerce

Pada postingan kali ini saya akan membahas tentang desain user interface pada sebuah web E-commerce, dan disini saya menggunakan aplikasi GIMP untuk membuat desainnya.

·         Tema

Tema yang saya pilih adalah tanaman karena pada zaman sekarang ini masyarakat kurang peduli dengan tanaman, padahal tanaman bermanfaat memperbaiki kualitas udara serta juga dapat menurunkan suhu udara di sekitar rumah.

·         Warna

Warna web ecommerce ini lebih didominasi warna hijau yang merupakan warna yang identik dengan alam dan mampu memberi suasana sejuk, tenang dan santai serta dikombinasikan dengan warna coklat agar terlihat lebih cocok sehingga seperti daun dan batangnya. Sedangkan warna putih agar terlihat lebih bersih dan simple.

·         Font

Untuk nama webnya saya menggunakan font Script MT Bold agar terlihat lebih elegan, menu dan kategori menggunakan sans karena simple untuk pengguna membacanya, serta untuk highlight produknya menggunakan tulisan Bauhaus agar terkesan mencolok.

·         Layout

Layout yang digunakan simple tidak banyak iklan atau gambar karena pada proses loadingnya akan memakan banyak waktu. Seperti web pada umumnya letak logo di pojok kiri atas, menu ada dibagian atas, dan pencarian ada dibagian tengah atas. Sementara untuk kategori dibagian kiri, serta terdapat highlight yang berisi produk-produk terbaru atau produk yang paling popular.

 

 

Tutorial Animasi Menggunakan Aplikasi Etoys

Etoys adalah sebuah project yang bertujuan untuk memperkenalkan pemrograman kepada anak kecil. Etoys sendiri dibuat oleh MIT (Massachusetts Institute of Technology). Mereka berupaya membuat bahasa pemrograman yang menarik bagi anak-anak.

Pada video dibawah ini saya membuat sebuah animasi sederhana menggunakan aplikasi Etoys, saya membuat animasi kucing dan semut berjalan bersamaan dalam satu waktu.

Referensi :

http://chalmasihdisini.blogspot.co.id/2011/12/etoys.html

Software Simulasi Cisco Packet Tracer

Cisco Packet Tracer adalah sebuah software simulasi jaringan yang lengkap untuk mencoba perangkat-perangkat dasar Cisco. Menggunakan software ini kamu akan mengetahui dasar-dasar apa dalam hal mendesain jaringan komputer dan juga melatih diri untuk menjadi network engginer. Software ini dibuat oleh Cisco Systems dan disediakan gratis untuk fakultas, siswa dan alumni yang telah berpartisipasi di Cisco Networking Academy. Tujuan utama Packet Tracer adalah untuk menyediakan alat bagi siswa dan pengajar agar dapat memahami prinsip jaringan komputer dan juga membangun skill di bidang alat-alat jaringan Cisco. Cisco Packet Tracer sekarang tidak hanya tersedia untuk PC standalone namu juga tersedia untuk mobile aplikasi untuk OS iOS dan Android sudah tersedia.

Pada gambar diatas kita akan menghubungkan satu jaringan dengan jaringan lain menggunakan router. Disini menggunakan 4 device, 2 server, 2 switch, dan 2 router. Server disini menggunakan DHCP agar IP address akan terisi secara otomatis.

Untuk menjalankan simulasi jaringannya kita klik icon pesan untuk simulasi pengiriman pesan antar jaringan.

Jika berhasil makan akan keluar output succesfull yang artinya pesan yang dikirim dapat diterima meskipun berbeda jaringannya seperti PC1 ke PC2.

Referensi :

http://indratechno.web.id/5-software-simulasi-jaringan-untuk-network-engginer/

Teknologi pada Game Dinner Dash

Nama Game      :    Diner Dash

Batasan Umur   :    10+

Kategori            :    Strategy, Time management

Pengembang      :    PlayFirst

Platform            :    PC, Mac, konsol, dan mobile.

Diner Dash adalah video game strategi dan manajemen waktu. Permainan ini awalnya dikembangkan oleh game studio GameLab. Permainan ini dibuat di New York City dan diterbitkan oleh PlayFirst di San Francisco. Permainan ini adalah salah satu game terlaris sepanjang masa, dan kini tersedia dalam berbagai platform seperti PC, Mac, konsol, dan mobile.

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.

Pada game diner dash penggunaan IAP untuk membeli upgrade dan juga power-ups. Upgrade standar akan diberikan kepada kita seiring kita bermain, sedangkan yang dijual di toko IAP adalah versi supernya. Misalnya mesin kopi yang dapat membuat empat kopi sekaligus di mana versi standar hanya satu.

Referensi :

http://onyuyun.blogspot.co.id/2014/06/review-game-favorit-diner-dash.html

https://id.techinasia.com/10-hal-yang-harus-diketahui-setiap-mobile-gamer

https://id.techinasia.com/diner-dash-versi-baru-dinner-dash-dengan-sistem-freemium

Review Game Diner Dash

Nama Game      :    Diner Dash

Batasan Umur   :    10+

Kategori            :    Strategy, Time management

Pengembang      :    PlayFirst

Platform            :    PC, Mac, konsol, dan mobile.

Diner Dash adalah video game strategi dan manajemen waktu. Permainan ini awalnya dikembangkan oleh game studio GameLab. Permainan ini dibuat di New York City dan diterbitkan oleh PlayFirst di San Francisco. Permainan ini adalah salah satu game terlaris sepanjang masa, dan kini tersedia dalam berbagai platform seperti PC, Mac, konsol, dan mobile.

Alasan memilih game ini karena pada game ini masih populer dari dulu sampai sekarang dan game ini diajarkan bagaimana memanajemen waktu yang baik dalam mencapai suatu target.

Tidak hanya bermain saja, disini kita juga mendapatkan edukasi setelah memainkan game diner dash, berikut merupakan nilai edukasi yang bisa didapatkan dalam game ini :

·         Bagaimana cara mengatur suatu bisinis/kegiatan (manajemen waktu) agar mendapat mencapai target optimal

Contoh :  Dalam game ini kita dituntut memanajemen restoran untuk mencapai target dan waktu yang ditentukan agar bisa naik level.

·         Melatih kesabaran

Contoh : Dalam game ini ketika pelanggan ada yang marah karena menunggu suatu pesanan, pasti kita tidak sabar untuk cepat menyelesaikan level tersebut.

·         Selalu siap dan siaga

Contoh : Dalam game ini pelanggan akan terus berdatangan ke restoran, maka kita dituntut selalu siap dan siaga melayani pelanggan tersebut.

·         Melatih kecepatan dan ketepatan

Contoh : Setiap pelanggan mempunyai kesukaan meja sesuai penampilan mereka. Kita harus berpikir akan hal ini saat menempatkan pelanggan, karena penempatan yang salah akan membuat Anda gagal di level ini. Dalam game ini apabila kita melayani pelanggan dengan cepat maka pelanggan akan memberikan uang yang lebih banyak.

Referensi :

http://onyuyun.blogspot.co.id/2014/06/review-game-favorit-diner-dash.html

Perbandingan Photoshop, GIMP, dan Paint

PHOTOSHOP

Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems.

Keunggulan Adobe Photoshop :

·         Lebih familiar dan mudah digunakan dibanding software editing gambar selevel Adobe Photoshop.

·         Fasilitas editing gambar hingga efek variasi gambar lebih lengkap sehingga sangat menarik.

·         Umum digunakan oleh orang-orang yang berkecimpung di dunia desain grafis dan dunia photo.

·         Bisa menyimpan dalam berbagai format dengan berbagai kualitas gambar beserta resolusi dan ukurannya.

·         Pengeditan layer begitu mudah.

·         Tool-nya ada banyak.

·         Mendukung hingga 64-bit perchannel.

·         Bisa mengimport atau mengekspor ke berbagai format file seperti JPG, PNG, dan lain sebagainya.

Kekurangan Adobe Photoshop :

·         Mahal

·         Hanya Sistem Operasi yang berbasiskan Microsoft Windows serta Mac OS yang didukung. Jika menggunakan Linux harus ada software tambahan seperti Wine.

·         Sepesifikasinya besar dan membutuhkan komputer yang berspesifikasi tinggi.

·         Tidak Open Source.

·         Akan lebih rumit ketika mengedit gambar dari banyak layer yang digabung.

GIMP

GIMP adalah alat pengolah gambar multi-platform, GIMP adalah singkatan dari GNU Image Manipulation Program. GIMP cocok untuk berbagai pekerjaan pengolahan gambar, termasuk perbaikan foto, penggabungan dan pembuatan gambar. GIMP memiliki berbagai kemampuan. Software ini dapat digunakan untuk program paint sederhana, program perbaikan foto berkualitas tinggi, sistem pemrosesan batch online, produksi massal render gambar, konverter format gambar dan sebutan dari GNU Image Manipulation Program atau yang lebih dikenal dengan sebutan GIMP adalah perangkat lunak untuk manipulasi grafik berbasis raster.

GIMP berjalan pada desktop GNOME dan dirilis dengan lisensi GNU General Public License. GIMP pada awalnya dikembangkan untuk desktop X11 yang berjalan di platform Unix. Namun saat ini software ini sudah diporting ke beberapa platform sistem operasi yang lain yaitu MS Windows dan Mac OS.

Kelebihan GIMP :

·         Bisa digunakan di PC yang OS-nya Windows, Linux, dan Mac OS.

·         Bersifat Open Source.

·         Aplikasinya ringan dan bisa digunakan di komputer yang menggunakan spesifikasi

rendah / minimum sekalipun.

·         Penyeleksian gambar / photo lebih mudah.

·         Mengimport / mengeksport gambar / foto ke ekstensi SVG.

·         Bisa membuat gambar animasi.

·         Mampu gambar atau foto menampilkan dari berbagai macam format file.

·         Mengedit layer teks lebih mudah.

·         Mendukung berbagai macam format file.

·         Bisa ditambahakan pulg-in layaknya Adobe Photoshop tetapi plug-in-nya gratis.

Kekurangan GIMP :

·         Hanya mendukung 8 bits per-channel.

·         Masih sedikit plug-in yang tersedia.

·         Filter / efek-efeknya belum lengkap layaknya Adobe Photoshop.

PAINT

Microsoft Paint Atau lebih dikenal dengan nama sebelumnya pada Winerdahulu sebagai Paintbrush adalah program graphic painting sederhana yang terintegrasi dengan hamper seluruh versi Microsoft Windows, sejak perilisan pertamanya. Sering dirujuk sebagai MS Paint atau Microsoft Paint. Program ini dapat membuka dan menyimpan gambar dalam berbagai format, yaitu BMP, JPEG, GIF, PNG, dan TIFF.

Kelebihan Paint :

·         Mudah digunakan.

·         Open Source.

·         Aplikasinya ringan dari bawaan windows.

·         Tampilannya simple.

Kekurangan Paint :

·         Tools standar.

·         Tidak ada efek maupun filter.

Jika dilihat secara fitur dan kelengkapan tutorial, Photoshop mungkin adalah pilihan yang secara umum akan dipilih oleh para calon penggunanya. Namun, jika memasukkan faktor lain seperti kebutuhan yang tidak begitu banyak atau komputer yang sudah berumur, maka GIMP dapat menjadi alternatif. Sedangkan paint digunakan untuk mengedit gambar dengan fitur yang sederhana saja.

Referensi :

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

https://lisanuzimakiers.wordpress.com/definisi-gimp/

http://tekhabel.blogspot.co.id/2010/09/adobe-photoshop-vs-gimp-siapakah-yang.html

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