UI-PATTERNS.COM

1.        POLA DESAIN ARSIP

Ringkasan Permasalahan

Seluruh item dalam suatu kumpulan perlu disusun berdasarkan suatu urutan kronologis.

Contoh :

Penggunaan :

·       Digunakan ketika terdapat lebih dari 10 hingga 20 item yang ditampilkan

·      Digunakan ketika terdapat satu set data yang menjangkau lebih dari satu time frame panjang  dan ingin membiarkan user menelusuri item pada dataset dengan urutan yang kronologis.

·  Digunakan ketika menampilkan semua item dalam dataset yang membingungkan user  dibandingkan memberi suatu gambaran

            ·        Digunakan ketika hal tersebut bisa dipertimbangkan untuk mengurutkan item pada dataset                    berdasarkan tanggal

         ·      Digunakan ketika ingin memberikan cara mudah untuk menelusuri seluruh database dari artikel.

Solusi
Daftarkan item kedalam dataset Anda secara kronologis dan berikan berita yang sesuai untuk mencocokkan jumlah item. Jika Anda misalnya memiliki 10 item per tahun, itu tidak berarti memisahkan 10 item tersebut kedalam bulan. Jika Anda memiliki 100 item setahun, tetapi juga memiliki bulan tanpa banyak item, mungkin tidak berarti untuk memasukkan semua bulan.

Entah Anda dapat memberikan link ke halaman yang menampilkan semua item per periode waktu, ataupun hanya membuat daftar link ke setiap item langsung di halaman arsip utama.

Dasar Pemikiran
Gunakan pola arsip ketika berarti untuk mendaftarkan item dalam urutan kronologis. Daftarkan item kedalam format arsip, memudahkan pengguna untuk menjelajahi bagaimana sebuah situs web telah berkembang dari waktu ke waktu dan apa yang telah dipengaruhi item yang paling mutakhir saat ini.

2.        POLA DESAIN AUTOSAVE

Ringkasan Permasalahan

Pengguna ingin menyimpan data mereka dengan aman dan tersimpan sambil fokus bekerja tanpa harus mengingat untuk melakukannya

Contoh

Penggunaan :

·     Gunakan ketika Anda ingin membantu pengguna untuk fokus memproduksi konten yang besar tanpa perlu khawatir apakah data mereka aman dan tersimpan.

Solusi
Mencegah kehilangan data disengaja dengan otomatis menyimpan input pengguna pada interval tetap atau di acara-acara yang menarik.

Pertimbangkan apa frekuensi masuk akal untuk otomatis menyimpan konten yang diinput untuk aplikasi Anda, dan peristiwa apa yang masuk akal untuk memicu auto-save. Acara yang paling jelas adalah mengklik tombol save, tetapi acara pindah fokus ke bidang lain juga yang mungkin menarik untuk disimak.

Tombol save
Untuk panduan pengguna yang lebih baik seperti apa yang dinyatakan dalam dokumen tersebut, coba ubah label dari tombol simpan dari "Simpan", ketika form terisi netral diubah menjadi "Tersimpan" ketika bentuk terkini mewakili apa yang telah disimpan dalam penyimpanan.

Dasar Pemikiran
Biarkan pengguna khawatir tentang menciptakan konten yang besar daripada tentang kehilangan tersebut. Melepaskan tombol simpan seluruhnya dapat menciptakan rasa takut, jadi pertimbangkan untuk menjaga sekitar hal itu untuk membuat pengguna merasa aman. Tinggalkan jejak yang mengganggu tindakan yang pengguna lakukan dan pertimbangkan pelengkap dengan pola Undo.

Diskusi
Ketika menerapkan fungsi dari auto-save, pertimbangkan untuk tidak menghapus tombol "Simpan". Pengguna cenderung untuk panik, ketika tidak ada tombol "Simpan dan tutup". Meskipun tombol "Simpan" tidak apa-apa atau hanya untuk menutup jendela, itu menyediakan keyakinan dan kepastian di pengguna bahwa data mereka aman. Ini masalah kepercayaan. Apakah sistem mendengarku? Apakah saya yakin bahwa saya yakin?

3.        POLA DESAIN TABLE FILTER

       Ringkasan Permasalahan

Kebutuhan user untuk menyaring kategori data yang ditampilkan di dalam tabel dengan kolom.

 Contoh

Penggunaan

·       Digunakan apabila kita memiliki hasil data set yang sangat besar untuk ditampilkan dalam satu halaman.

·       Digunakan apabila satu atau lebih kolom tabel dapat diringkas dengan mudah ke dalam kategori untuk difilter.

Solusi

Memberikan masukan dropdown yang menyajikan kategori dimana user dapat menyaring data set. Setelah user memilih kategori dan klik "Filter" hanya baris yang termasuk ke dalam kategori yang dipilih yang akan ditampilkan.

Secara opsional beberapa filter dapat ditambahkan. Jika solusi ini dipilih, kita harus memperbarui kategori setiap kotak dropdown ketika satu kategori dipilih.

Manfaat

Menambahkan filter untuk tabel kita memungkinkan user mengurangi jumlah item yang ditampilkan. Filter membantu mempersempit hasil pencarian, membiarkan user menemukan hasil yang lebih akurat.

Sumber:

http://ui-patterns.com/patterns/Archive

http://ui-patterns.com/patterns/autosave

http://ui-patterns.com/patterns/TableFilter

SLOGAN LG

Pada tugas mata kuliah Desain Pemodelan Grafis kali ini saya memilih untuk membahas mengenai banner dari LG. Karena saya menilai logo dan banner LG ini unik, menarik, dan mengandung arti yang bermakna dan dapat menggambarkan citra dari sebuah perusahaan elektronik.

LG adalah perusahaan elektronik terkenal di dunia. Dulu LG lebih dikenal dengan Luckily Goldstar. Huruf G menggambarkan wajah dan senyumnya, sedangkan huruf L menggambarkan hidungnya.

Slogan LG yang disampaikan saat ini adalah ‘Life’s Good’ untuk lebih mengenalkan huruf L dan G daripada menggunakan kata ‘Luckily Goldstar’. Life’s Good berarti kehidupan yang baik, makna dari slogan ini yang saya artikan adalah seseorang akan hidup lebih baik jika mengenal dan dapat menggunakan teknologi (elektronik). Karena dengan menggunakan teknologi yang lebih maju, segala permasalahan dapat terbantu dan terasa ringan.

Alasan saya menilai slogan dan logo pada produk ini menarik yaitu saling berkesinambungan antara logo dan slogannya. Slogan Life’s Good ini merupakan sebuah kepanjangan dari merek produk ini yaitu LG. Pada logo terdapat bentuk muka orang yang terlihat seperti sedang tersenyum ini melambangkan adanya sebuah kebahagiaan, dimana wajah tersenyum tersebut dilambangkan sebagai seseorang yang bahagia (hidup yang bahagia dengan LG atau hidup yang lebih banyak arti). Secara keseluruhan, banner LG ini mewakili 
dunia, masa depan, pemuda, kemanusiaan, dan teknologi.

Seperti yang sudah terjadi di kehidupan ini, manusia sangatlah bergantung dengan teknologi. Perusahaan ini dapat menggambarkan citranya melalui slogan Life’s Good yaitu kehidupan akan menjadi lebih baik jika kita lebih mengenal teknologi bersama dengan LG untuk membantu kehidupan manusia.

Sumber:

http://bursadesain.com/logo-lg-dan-artinya/

SEJARAH DAN PERKEMBANGAN LOGO PT KAI

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 brand building. Sebuah logo dapat berkomunikasi dengan target konsumen, sehingga perubahan logo seringkali merupakan sebuah keputusan besar yang harus dipertimbangkan dengan seksama. Langkah tersebut juga dilakukan oleh perusahaan perkeretaapian Indonesia, PT KAI.

Pada tugas mata kuliah Desain Pemodelan Grafis kali ini saya memilih untuk membahas mengenai logo PT Kereta Api Indonesia. Karena saya menilai logo ini unik dan simple, namun mengandung arti yang bermakna dan dapat menggambarkan citra dari sebuah perusahaan transportasi kereta api. Berikut merupakan sejarah perkembangan logo PT KAI.

Logo PT KAI telah mengalami beberapa kali perubahan. Perubahan logo dilakukan untuk menandai perubahan layanan Kereta Api untuk menjadi lebih baik. Logo pertama dari PT KAI dimulai setelah kemerdekaan saat Angkatan Moeda Kereta Api (AMKA) mengambil alih kekuasaan perkeretaapian dari Jepang hingga dibentuknya Djawatan Kereta Api Repoeblik Indonesia (DKARI).

Nama DKARI kemudian diubah menjadi Perusahaan Negara Kereta Api (PNKA) kemudian diubah lagi menjadi Perusahaan Jawatan Kereta Api (PJKA). Logo yang digunakan DKARI, PNKA dan PJKA didominasi warna background kuning dengan simbol garis hijau bebentuk menyerupai sayap burung. Logo ini terdiri dari sebuah gambar roda kereta yang dihimpit oleh 2 buah sayap yang mengembang yang terdiri dari lima helai bulu setiap sayap. Logo ini memiliki kesan gagah dan militeristik dan digunakan pada tahun 1953 hingga 1988. Sekarang kita dapat melihat logo ini hanya di beberapa aset kereta api Indonesia yang bersejarah atau yang sudah langka (seperti lokomotif CC  200 yang hanya tersisa satu yang masih hidup).

PJKA kembali mengalami perubahan nama menjadi Perusahaan Umum Kereta Api (Perumka). Perubahan tersebut diikuti perubahan logo menjadi berbentuk segilima warna biru. Logo ini digunakan pada tahun 1988 hingga 1990.

Logo Perumka dan PT Kereta Api kembali mengalami perubahan pada tahun 1991. Logo ini menggunakan warna orange berupa gambar mirip dengan angka 2, dengan kemiringan 70 derajat dengan warna dasar putih yang menampakkan bagian depan kereta api kecepatan tinggi dengan arah yang saling berlawanan. Logo ini memberikan kesan sifat tegas, tajam, juga menggambarkan arah bolak-balik perjalanan kereta api serta melambangkan pelayanan (memberi dan menerima).

Pada tanggal 28 September 2011, PT KAI meluncurkan logo baru bertepatan dengan peringatan ulang tahunya yang ke-66. Logo tersebut diharapkan membawa semangat perbaikan bagi kinerja operator transportasi massal di Indonesia.

Logo baru ini terlihat lebih mobile dibandingkan dengan logo lama yang cenderung kokoh dan stabil. Bentuk logo yang dibuat miring memperlihatkan adanya progresivitas. Berikut adalah makna atau arti dari logo baru PT Kereta Api Indonesia.

·       3 Garis melengkung melambangkan gerakan yang dinamis PT KAI dalam mencapai Visi dan Misinya.

·    2 Garis warna orange melambangkan proses Pelayanan Prima (Kepuasan Pelanggan) yang ditujukan kepada pelanggan internal dan eksternal. Anak panah berwarna putih melambangkan Nilai Integritas, yang harus dimiliki insan PT KAI dalam mewujudkan Pelayanan Prima.

·      1 Garis lengkung berwarna biru melambangkan semangat Inovasi yang harus dilakukan dalam memberikan nilai tambah ke stakeholders. (Inovasi dilakukan dengan semangat sinergi di semua bidang dan dimulai dari hal yang paling kecil sehingga dapat melesat).

Dari perbedaan makna dalam logo PT KAI yang lama dan yang baru, terlihat bahwa PT KAI menunjukkan bahwa PT KAI ingin bertransformasi menjadi perusahaan yang mandiri. PT KAI akan bergerak lebih dinamis. Berbeda dengan makna pada logo yang lama, yang menunjukkan kesan teknis. Hal ini menunjukkan bahwa perubahan logo PT KAI memberikan efek yang positif, di mana PT KAI memberikan citra yang lebih segar.

             

Sumber:

http://kereta-api.info/transformasi-dan-makna-logo-pt-kereta-api-indonesia-3493.htm

http://imamnawi.blogspot.co.id/p/transformasi-logo-kereta-api-indonesia.html

HASIL AKHIR WEB BELANJA ONLINE

Pada hasil akhir web belanja kami seperti yang sudah dijelaskan dalam postingan sebelumnya, Opencart menjadi pilihan kelompok kami sebagai aplikasi Open Source yang memenuhi kriteria umum dan bersifat universal. Kelompok kami memilih CMS Opencart, dengan alasan yang telah kami sepakati sebelumnya.

Web belanja kami mempunyai nama KlikCantik.com sesuai dengan namanya, produk yang kami jual yaitu produk-produk kecantikan untuk para wanita seperti lipstick, mascara, parfum, handbody, dll. Dan juga beberpa kebutuhan untuk para pria.

Berikut merupakan tampilan awal dari web 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 men dan didalam kategori tersebut terdapat sub-sub produknya. Seperti pada kategori Bath & Body terdapat sub-sub yaitu body care, bath & shower, sun, dan kids & baby. Kita juga dapat melihat secara keseluruhan produk-produk yang telah dikelompokkan dalam satu kategori. 

•         Menggunakan rupiah sebagai mata uangnya. 

•         Tidak menggunakan modul pengiriman barang.

•       Produk-produk yang dipilih atau yang akan dibeli oleh customer,  akan tersimpan didalam keranjang belanja beserta dengan total harga barangnya.

•    Pada proses pembelian, akan melewati beberapa step yaitu untuk mengisi data customer, pilihan pembayaran, dan juga rincian produk dan total pemesanan dari produk-produk yang dibeli.

Sekian penjelasan secara keseluruhan mengenai hasil akhir web belanja online yang kelompok kami kerjakan untuk tugas mata kuliah Pengantar Web Science kali ini. Terimakasih kepada pihak-pihak yang telah banyak membantu dalam proses pengerjaan CMS kami. Semoga dapat memberikan  hasil yang memuaskan dan menjadi inspirasi untuk kedepannya.

UTS

UTS (Ujian Tengah Semester) merupakan salah satu kegiatan evaluasi hasil belajar mahasiswa. Evaluasi ini adalah pemberian penilaian terhadap kemam­puan mahasiswa dalam menerima, memahami, dan menguasai bahan studi yang disajikan sesuai dengan kurikulum yang telah ditetapkan, dan menilai per­ubahan sikap dan keterampilannya. Adapun beberapa tujuan umum dari pelaksanaan UTS, yaitu:

• Untuk mengetahui pencapaian hasil belajar mahasiswa yang meliputi ranah kognitif, afektif, dan psikomotor dalam kurun waktu studi tertentu;
• Untuk mengetahui efektivitas pro­ses pembelajaran;
• Untuk menetapkan derajat hasil belajar dalam kategori cumlaude, sangat baik, baik, cukup, kurang, sangat kurang, dan gagal.

Tips Belajar Efektif untuk Menghadapi Ujian Tengah Semester

1.        Buat Suasana Belajar Yang Nyaman (kondusif)

Banyak hal yang bisa buat suasana belajar menjadi nyaman. Kita bisa pilih lagu yang sesuai dengan mood kita. Tempat belajar juga bisa kita sesuaikan. Kalau sedang bosan di kamar bisa di teras atau di perpustakaan. Kuncinya jangan sampai aktivitas belajar kita mengganggu dan terganggu oleh pihak lain. Hal ini mengingat bahwa masing-masing anak memiliki gaya belajar sendiri-sendiri, sesuaikan dengan diri anda.

2.        Pilih Waktu Belajar yang Tepat

Waktu belajar yang paling pas adalah pada saat badan kita masih segar. Memang tidak semua orang punya waktu belajar yang sama. Tapi biasanya, pagi hari adalah waktu yang tepat untuk berkonsentrasi penuh. Gunakan saat ini untuk mengolah materi-materi baru. Sisa-sisa energi bisa digunakan untuk mengulang pelajaran dan mengerjakan pekerjaan rumah. Jangan dibiasakan belajar dengan SKS (sistem  kebut semalam):D karena ini tidak memberikan manfaat tapi malah membuat kita lelah.

3.        Kembangkan Materi Yang Sudah di Pelajari

Jika kita sudah mengulang materi dan menjawab semua soal latihan, jangan langsung tutup buku. Cobalah kita berpikir kritis ala ilmuwan. Buatlah beberapa pertanyaan yang belum disertakan dalam soal latihan. Minta tolong guru untuk menjawabnya. Kalau belum puas, cari jawabannya pada buku referensi lain atau internet. Cara belajar ini mengajak kita untuk selalu berpikir ke depan dan kritis. Hal ini perlu dikembangkan karena selain melatih kita untuk berfikir kritis juga akan lebih mengingat dan memahami materi yang baru saja kita pelajari.

4.        Mencatat Pokok-Pokok Pelajaran

Tinggalkan catatan pelajaran yang panjang. Ambil intisari atau kesimpulan dari setiap pelajaran yang sudah dibaca ulang. Kata-kata kunci inilah yang nanti berguna waktu kita mengulang pelajaran selama ujian. Atau kata lain membuat rangkuman materi yang kita pelajar. Bisa juga membuat peta konsep, karena ini akan menambah daya ingat kita akan materi pelajaran.

5.        Membaca Adalah Kunci Belajar

Ingat pepatah lama mengatakan, buku adalah jendela dunia. Akan tetapi jika tidak dibaca hal ini juga sama saja, tidak ada artinya. Supaya kita bisa paham, minimal bacalah materi baru dua kali dalam sehari, yakni sebelum dan sesudah materi itu diterangkan oleh guru. Karena otak sudah mengolah materi tersebut sebanyak tiga kali jadi bisa dijamin bakal tersimpan cukup lama di otak kita.

6.        Belajar Itu Memahami Bukan Sekedar Menghapal

Ya, fungsi utama kenapa kita harus belajar adalah memahami hal-hal baru. Kita boleh hapal 100% semua detail pelajaran, tapi yang lebih penting adalah apakah kita sudah mengerti betul dengan semua materi yang dihapal itu. Jadi sebelum menghapal, selalu usahakan untuk memahami dulu garis besar materi pelajaran.

7.        Hapalkan Kata-Kata Kunci

Kadang, mau tidak mau kita harus menghapal materi pelajaran yang lumayan banyak. Sebenarnya ini bisa disiasati. Buatlah kata-kata kunci dari setiap hapalan, supaya mudah diingat pada saat otak kita memanggilnya. Misal, kata kunci untuk nama-nama warna pelangi adalah MEJIKUHIBINIU, artinya merah, jingga, kuning, hijau, biru, nila dan ungu.

8.        Kembangkan Materi Yang Sudah di Pelajari

Kalau kita sudah mengulang materi dan menjawab semua soal latihan, jangan langsung tutup buku. Cobalah kita berpikir kritis ala ilmuwan. Buatlah beberapa pertanyaan yang belum disertakan dalam soal latihan. Minta tolong guru untuk menjawabnya. Kalau belum puas, cari jawabannya pada buku referensi lain atau internet. Cara belajar ini mengajak kita untuk selalu berpikir ke depan dan kritis.

9.        Latih Sendiri Kemampuan Kita

Sebenarnya kita bisa melatih sendiri kemampuan otak kita. Pada setiap akhir bab pelajaran, biasanya selalu diberikan soal-soal latihan. Tanpa perlu menunggu instruksi dari guru, coba jawab semua pertanyaan tersebut dan periksa sejauh mana kemampuan kita. Kalau materi jawaban tidak ada di buku, cobalah tanya ke guru.

10.    Sediakan Waktu Untuk Istirahat

Belajar boleh kencang, tapi jangan lupa untuk istirahat. Kalau di kelas, setiap jeda pelajaran gunakan untuk melemaskan badan dan pikiran. Setiap 30-45 menit waktu belajar kita di rumah selalu selingi dengan istirahat. Kalau pikiran sudah suntuk, percuma saja memaksakan diri. Setelah istirahat, badan menjadi segar dan otak pun siap menerima materi baru.

Yang terakhir adalah persiapkan mental (psikis) kalian, jika materi sudah anda kuasai tanpa didukung dengan mental (psikis) yang baik maka hal itu akan mengurangi kesiapan kita dalam menghadapi ujian. Tidak sedikit yang mengalami demam panggung (grogi, kurang pd) pada saat ujian, hal ini akan membuat konsentrasi kita terpecah dan materi pelajaran yang semula kita kuasa akan lupa pada saat ujian. Anggap ujian itu seperti ulangan harian saja, tidak usah takut, optimis kalau kita bisa.

Bila kamu tidak tahan lelahnya belajar, maka kamu akan menanggung perihnya kebodohan. - Imam Syafi’i.

Ayo semangat UTS! Be the best and do the best!