Jumat, 11 November 2016

Design Pattern


·         PERMASALAHAN
Pengguna ingin membentuk hubungan yang disepakati dengan orang lain.

·         CONTOH



·         PENGGUNAAN
Gunakan ketika anda ingin membiarkan pengguna membuat lingkaran tertutup dengan siapa mereka ingin berinteraksi dan berbagi konten.

·         SOLUSI
Biarkan pengguna membentuk pertemanan dengan satu sama lain.
Menyetujui relasi pertemanan antar dua ornag, berbeda dengan membuat relasi pertemanan hanya seorang saja. Memiliki hubungan teman online sering memberi akses pihak masing-masing untuk pertukaran informasi antara mereka.

2.    Table Filter (http://ui-patterns.com/patterns/TableFilter)
·         PERMASALAHAN
Kebutuhan pengguna untuk kategoris menyaring data ditampilkan dalam tabel dengan kolom.

·         CONTOH

·         PENGGUNAAN
Gunakan ketika Anda memiliki set data sangat besar hasil yang terlalu besar untuk menampilkan dalam satu halaman
Gunakan ketika satu atau lebih kolom table dapat dengan mudah diringkas ke dalam kategori untuk menyaring oleh.

·         SOLUSI
Menetapkan pilihan yang terdapat pada kotak dropdown kategori sehingga pengguna dapat menyaring data. Setelah pengguna memilih kategori dan klik "Filter" atau sesuatu yang serupa (ketika pengguna mengirimkan formulir), hanya baris kategori yang dipilih yang akan ditampilkan.
Opsional, beberapa penyaring dapat ditambahkan. Jika solusi ini dipilih, Anda harus memperbarui kategori setiap kotak dropdown sesuai kategori yang dipilih – seperti memilih nilai dalam satu kategori dapat mengurangi pilihan yang tersisa nantinya.

·         MANFAAT
Menambahkan filter ke tabel memungkinkan pengguna mengurangi jumlah item yang ditampilkan. Filter membantu mempersempit hasil pencarian, dan membiarkan pengguna menemukan hasil yang lebih akurat.


·         PERMASALAHAN
Kebutuhan pengguna untuk kembali dengan aman ke tempat awal situs.

·         CONTOH


·         PENGGUNAAN
Gunakan ketika pengguna sering memasukkan situs web melalui halaman selain halaman awal. Kebutuhan pengguna untuk dapat dengan mudah menavigasi ke titik awal atau halaman depan situs web.

·         SOLUSI
Ø  Membuat link ke titik awal atau halaman awal situs web pada situs logo pada setiap halaman di situs web.
Ø  Jika situs tidak memiliki logo, kemudian membuat link ke halaman awal situs web dengan teks 'home'.
Ø  Link dan/atau gambar terkait harus selalu berada di lokasi yang sama pada semua halaman.
Ø  Jika situs memiliki lebih dari satu home, kemudian pastikan untuk membuat perbedaan dalam menghubungkan antara root home dan local home.

·         MANFAAT
Hal ini telah menjadi standar dalam web design, bahwa logo situs selalu dihubungkan dengan titik aman lokasi untuk pengguna. Biasanya, ini adalah halaman awal situs, tetapi juga bisa dari bagian halaman awal situs, atau beberapa lainnya adalah titik aman lokasi bagi pengguna.


Banner Laboratorium Klinik Prodia


Pada tugas mata kuliah Desain Pemodelan Grafis kali ini saya memilih untuk membahas mengenai banner dari Laboratorium Klinik Prodia. Karena saya menilai logo dan banner Prodia ini cukup simple, menarik, dan memiliki arti yang menggambarkan citra dari perusahaan Prodia tersebut.
.
Prodia adalah sebuah perusahaan yang berada dalam bidang kesehatan dengan slogan yang telah dibuat oleh Prodia, yaitu “Untuk Diagnosa Lebih Baik” dengan desain banner berwarna kuning terang yang membuat citra perusahaan bidang kesehatan ini terlihat hangat dan penuh keceriaan. 

Dengan slogan “Untuk Diagnosa Lebih Baik”, Prodia memberikan kesan penawaran terhadap konsumen bahwa laboratorium Prodia akan memberikan pelayanan yang terbaik untuk mendiagnosis hasil laboratorium yang menggunakan teknologi yang canggih dan analisis akan dilakukan oleh orang yang terbaik dalam bidangnya dan menjamin ketepatan hasilnya.


Referensi:


Perkembangan Logo IKEA

PERKEMBANGAN LOGO IKEA



Logo adalah suatu identitas yang dipergunakan untuk menggambarkan citra dan karakter suatu lembaga / perusahaan / organisasi. Logo didesign untuk menggambarkan citra positif dari suatu perusahaan, serta memiliki peran penting dalam proses pemasaran. Sebuah logo dapat berkomunikasi dengan konsumen, sehingga perubahan logo seringkali merupakan sebuah keputusan besar yang harus dipertimbangkan.

Pada tugas mata kuliah Desain Permodelan Grafis kali ini saya memilih untuk membahas perkembangan logo IKEA karena saya menilai logo IKEA memiliki logo yang simple namun tetap terlihat modern dan elegan yang menggambarkan citra dari perusahaan IKEA tersebut.

Nama IKEA merupakan kombinasi inisial dari penemu IKEA founder, Ingvar Kamprad, (IK) dengan huruf pertama dari nama-nama pertanian dan desa tempat ia dibesarkan - Elmtaryd dan Agunnaryd (EA). Logo IKEA hampir tidak berubah selama sejarah perusahaan dan versi tahun 1967 tetap menjadi simbol yang konsisten dari bisnis IKEA. Logo IKEA telah membuat pembaharuan pada logonya sebanyak 5 kali sejak tahun 1951.

Logo IKEA pertama dan kedua kali menggunakan warna coklat yang berarti warna bumi dikarenakan produk IKEA merupakan produk hasil olahan yang bersumber dari alam. Warna coklat pada logo IKEA memiliki kesan hangat, nyaman, dan aman.

Logo IKEA kemudia di perbaharui pada tahun 1967, dengan warna yan hanya hitam dipadu dengan warna putih yang menghasilkan kesan keberanian, kebebasan dan elegan.

Pada tahun 1981, IKEA merubah warna hitam putih pada logonya dengan warna merah menyala yang membangkitkan emosi dan menciptakan perasaan kegembiraan dan kuat, namun memiliki kesan hangat.

Pada logo terbaru IKEA, warna kuning dan biru yang terpadu pada logo IKEA menunjukan nasionalisme bendera Swedia. Warna biru memberi arti kepercayaan dan warna kuning memberi arti keceriaan, optimisme dan imajinasi.



Referensi :


Design Pattern


·         PERMASALAHAN
Pengguna ingin membentuk hubungan yang disepakati dengan orang lain.

·         CONTOH



·         PENGGUNAAN
Gunakan ketika anda ingin membiarkan pengguna membuat lingkaran tertutup dengan siapa mereka ingin berinteraksi dan berbagi konten.

·         SOLUSI
Biarkan pengguna membentuk pertemanan dengan satu sama lain.
Menyetujui relasi pertemanan antar dua ornag, berbeda dengan membuat relasi pertemanan hanya seorang saja. Memiliki hubungan teman online sering memberi akses pihak masing-masing untuk pertukaran informasi antara mereka.

2.    Table Filter (http://ui-patterns.com/patterns/TableFilter)
·         PERMASALAHAN
Kebutuhan pengguna untuk kategoris menyaring data ditampilkan dalam tabel dengan kolom.

·         CONTOH


·         PENGGUNAAN
Gunakan ketika Anda memiliki set data sangat besar hasil yang terlalu besar untuk menampilkan dalam satu halaman
Gunakan ketika satu atau lebih kolom table dapat dengan mudah diringkas ke dalam kategori untuk menyaring oleh.

·         SOLUSI
Menetapkan pilihan yang terdapat pada kotak dropdown kategori sehingga pengguna dapat menyaring data. Setelah pengguna memilih kategori dan klik "Filter" atau sesuatu yang serupa (ketika pengguna mengirimkan formulir), hanya baris kategori yang dipilih yang akan ditampilkan.
Opsional, beberapa penyaring dapat ditambahkan. Jika solusi ini dipilih, Anda harus memperbarui kategori setiap kotak dropdown sesuai kategori yang dipilih – seperti memilih nilai dalam satu kategori dapat mengurangi pilihan yang tersisa nantinya.

·         MANFAAT
Menambahkan filter ke tabel memungkinkan pengguna mengurangi jumlah item yang ditampilkan. Filter membantu mempersempit hasil pencarian, dan membiarkan pengguna menemukan hasil yang lebih akurat.


·         PERMASALAHAN
Kebutuhan pengguna untuk kembali dengan aman ke tempat awal situs.

·         CONTOH

   
·         PENGGUNAAN
Gunakan ketika pengguna sering memasukkan situs web melalui halaman selain halaman awal. Kebutuhan pengguna untuk dapat dengan mudah menavigasi ke titik awal atau halaman depan situs web.

·         SOLUSI
Ø  Membuat link ke titik awal atau halaman awal situs web pada situs logo pada setiap halaman di situs web.
Ø  Jika situs tidak memiliki logo, kemudian membuat link ke halaman awal situs web dengan teks 'home'.
Ø  Link dan/atau gambar terkait harus selalu berada di lokasi yang sama pada semua halaman.
Ø  Jika situs memiliki lebih dari satu home, kemudian pastikan untuk membuat perbedaan dalam menghubungkan antara root home dan local home.

·         MANFAAT
Hal ini telah menjadi standar dalam web design, bahwa logo situs selalu dihubungkan dengan titik aman lokasi untuk pengguna. Biasanya, ini adalah halaman awal situs, tetapi juga bisa dari bagian halaman awal situs, atau beberapa lainnya adalah titik aman lokasi bagi pengguna.


Selasa, 17 Mei 2016

Hasil akhir web CMS

Hasil Web Belanja KlikCantik.com  kelompok kami secara keseluruhan tampilan Web Belanja kami menggunakan bahasa inggris. Kami membagi kategori produk menjadi 5 bagian yaitu bath&body, fragrance, make up, skin care, dan man dan didalam kategori tersebut terdapat sub-sub produknya seperti body care, bath & shower, sun, dan kids & baby termasuk ke dalam kategori Bath & Body, dan di dalam sub produknya baru terdapat produk-produknya. Web belanja kami menggunakan rupiah sebagai mata uang pada web dan juga terdapat rincian produk dan total pemesanan dari produk-produk yang dibeli. Pada web KlikCantik.com tidak menggunakan modul pengiriman barang.

Berikut adalah tampilan web belanja KlikCantik.com:


Web belanja kami mempunyai nama KlikCantik.com sesuai dengan namanya, produk yang kamu jual yaitu produk-produk kecantikan seperti lipstick, mascara, parfum, handbody, dll.




Pada halaman ini menampilkan kategori-kategori yang terdapat dalam web KlikCantik.com kami. Pada kategori-kategori ini terdapat produk-produk yang akan di jual sesuai dengan kategorinya.




Apabila kita klik produk yang akan kita pilih, maka akan menampilkan keterangan produk tersebut.



Setelah menambahkan produk ke dalam daftar orderan, maka pengunjung akan menerima billing details dimana pembeli diminta untuk mengisi form pengiriman orderan untuk segera di proses.

Senin, 16 Mei 2016

UTS (Ujian Tengah Semester)

Apa itu UTS?
Yaps benar! UTS adalah Ujian Tengah Semester. Ujian yang diadakan di pertengahan semester.  
Nilai bobot UTS ini pastinya berbeda dengan kampus-kampus lain. Nah, kalau di kampus saya, nilai UTS ini berpengaruh sekali sama nilai akhir mahasiswa/i karena 70% nilai UTSnya akan di perhitungkan sebagai nilai akhir semester . Maka dari itu, banyak mahasiswa/i akan lebih fokus mengejar nilai sebaik mungkin pada ujian tengah semester dibandingkan dengan pada saat ujian akhir semester(UAS) karena bobot nilainya hanya 30% saja. Jadi, jika nilai UTS sudah memuaskan maka tidak perlu takut untuk mengerjakan soal UAS.

Kali ini saya akan membagikan tips-tips menghadapi Ujian Tengah Semester :

Tips Pertama
B E L A J A R !
Ya jelas dong kita harus belajar kalau mau mendapatkan nilai yang memuaskan pada saat ujian. Pada dasarnya, sebaiknya belajar menjadi bagian dari keseharian kita, hal ini tentu baik untuk kita karena kita akan lebih mengingat apa yang sudah dipelajari dan anggap saja untuk mencicil materi untuk ujian. Nah, diapa disini yang suka pakai sistem SKS (Sistem Kebut Semalam)?  Nah, untuk para mahasiswa/i pasti pernah melakukan ini. Kalau begini bagaimana?  coba pelajari dari materi yang menurut kalian mudah dahulu baru yang susah. Kenapa?  Karena kalau kalian belajar materi yang susah dahulu, akan ada kemungkinan kalian akan lupa apa yang kalian pelajari apalagi kalau materinya susah di pahami.

Tips Kedua
Perbanyak Latihan Soal
Pada saat-saat akan menghadapi ujian, kita perlu banget untuk memperbanyak latihan-latihan soal dari materi-materi yang akan di ujiankan. Ini akan sangat membantu pada saat mengerjakan soal ujian.

Tips Ketiga
Perhatikan Karakter Dosen
Kita harus pinter-pinter melihat karakter si dosen. Hal ini tentunya berpengaruh dengan nilai yang akan kita peroleh. Misalnya, dosen A  merupakan dosen yang teliti, jadi sebisa mungkin kita mengerjakan soal dengan memberikan jawaban yang lengkap.  Dosen B merupakan dosen yang perkfeksionis, nah disini sebisa mungkin hindari hal-hal yang mengotori lembar kerja misalnya mencorat-coret tulisan yangsalah atau menghapus tulisan dengan tidak bersih, atau tulisan yang tidak terbaca. Ini fatal, karena meskipun menurut kita jawaban kita benar tetapi tulisan kita tidak dapat dibaca oleh sang dsen maka tamat lah sudah.

Tips Keempat
Siapkan Peralatan Perang
Peralatan perang yang dimaksud ini bukan peralatan perang seperti ingin berperang melawan penjajah, tetapi peralatan untuk ujian. Perlengkap alat tulis kalian sehingga  tidak perlu membuang-buang waktu untuk mencari peralatan “perang” pada waktu ujian. So, pastikan alat “perang” kalian lengkap guys!

Tips Kelima
B E R D O A
Seperti yang kalian ketahui. Usaha tanpa doa saja tidak cukup, apalagi doa saja tanpa usaha hasilnya akan menajadi nol besar. Jadi, berdoa dan usaha harus seimbang yaaaaaa…..


Nah, ini adalah beberapa tips untuk menghadapi UTS. Jika kalia melakukan tips-tips di atas, kalian tinggal tunggu saja hasilnya. Usaha = Hasil  . Pernah mendengar istilah “Usaha tidak mengkhianati hasil” ? istilah ini menurut saya benas sekali.  Jika hasil yang kamu dapatkan kurang memuaskan berarti usahamu juga kurang. Tidak ada mimpi yang terlalu tinggi, tetapi usaha kita yang belum maksimal. Coba maksimalkan usaha kalian maka kalia akan mendapatkan hasil yang maksimal juga. Selamat bertempur, guys!! 


Minggu, 01 Mei 2016

progrss web belanja

Progress Web Belanja "KlikCantik.com"


Web yang dipilih kelompok kami ini menggunakan CMS openchart dan memiliki nama web belanja KlikCantik.com . Pada web belanja yang di buat kelompok kami ini menjual produk-produk kencatikan seperti Skin Care, Make Up, Fragrance, Men dan Bath&Body. Tujuan web ini di buat untuk publik yang ingin membeli produk-produk kecantikan secara online.

Berikut ini adalah tampilan web belanja yang telah kita buat:




Kelompok kami telah membuat sebagian bagan dari web belanja yang akan kami buat. Berikut adalah tampilan prototype structur web kelompok kami:



Sekian progress web KlikCantik.com yang telah kami buat. Terima Kasih

Pemilihan CMS



Content Management System atau sering disebut dengan CMS adalah aplikasi web yang berisikan template untuk mengelola isi halaman web secara mudah. Penggunaan Content Management System tidak memerlukan pengetahuan pemrograman web yang handal karena proses instalasi dan cara penggunaannya sudah user friendly. CMS sendiri ada yang dibuat khusus menyesuaikan kasus yang ada dan biasanya berbayar dan ada yang berupa template instan yang fungsionalitasnya dibuat dengan menyeuaikan pada beberapa proses bisnis yang ada didunia nyata yang dapat digunakan secara gratis.

Dari banyaknya CMS yang berorientasi baku sampai kepentingan yang lebih umum, maka Opencart menjadi pilihan kelompok kami sebagai aplikasi Open Source yang memenuhi kriteria umum dan bersifat universal. Kelompok kami memilih CMS Opencart, dengan alasan sebagai berikut.
·       CMS didapatkan dengan gratis
·       Opencart sangat ringan
·       Tampilan website maupun admininstrator sangatlah mudah dimengerti / userfriendly
·       Administrasi yang simple. Salah satu kelebihan Opencart adalah secara default dia sudah memiliki fasilitas "Guest Checkout", dimana pembeli tidak harus mendaftar untuk dapat berbelanja.
·       Fitur komplit.
·       Dukungan komunitas. Opencart bersifat Open Source sehingga siapapun bisa mengembangkannya.
·       Terdapat pilihan mata uang, beda negara beda mata uang
·       Mempunyai alat untuk mem-back up dan restore
·       Memberikan laporan pada proses jual-beli

"Kartini"

Kartini Ku




Derai air mata tiada berhenti
Sendu perlahan menyelimuti hati
Kau bulatkan tekat tuk meniti mimpi
Engkaulah pejuang negeri kami

Rintih tangis terdengar pilu
Saat waktu yang kan terus berlalu
Tekadkan semangat diri untuk maju
Hingga masa depanmu tak kelabu

Habis gelap terbitlah terang
Alam pun tak henti tuk menentang
Tak kau biarkan dirimu berhenti di medan perang
Hingga tiada lagi insan kan menderita dan malang

Kartini ku, kartini ku…
Kau korbankan seluruh hidupmu
Kau berikan sepenuhnya ragamu
Hanya untuk kami para penerusmu

Wahai Kartini ku…
Negeri ini kan mengabdi padamu
Bangsa ini kan selalu menjunjung tinggi sanubarimu
Terima kasih atas pengorbananmu untuk Indonesia ku





Konfigurasi TCP

Cara menggunakan bahasa pemrograman Python. Jalankan kedua VM yaitu VM Server dan VM Client, lalu buat script untuk sisi Server dengan men...