8 Tips Belajar Desain Web

Desain web adalah salah satu bidang desain yang mengumpulkan berbagai keahlian dalam satu tempat. Ini membuat banyak orang bingung ketika memulai belajar desain web. Haruskah belajar pemrogramannya terlebih dahulu? Ataukah harus memulai dengan mendesain di Photoshop? Artikel ini akan membahas beberapa tips yang mudah-mudahan mempermudah Anda untuk belajar desain web.

1. Mulai dengan Mempelajari Desain Minimalis

Desain minimalis adalah gaya desain pertama yang harus Anda kuasai. Dalam desain minimalis, Anda dituntut untuk menghasilkan desain yang efektif tanpa perlu disibukkan dengan detail-detail yang tidak begitu penting. Dengan menguasai desain minimalis, maka sebenarnya Anda telah menjalankan tujuan utama yang diharapkan dalam desain web yaitu membuat situs yang berfungsi.

2. Selalu Memulai dengan Struktur yang Matang

Masalah yang sering terjadi adalah sering kali si desainer terlalu disibukkan dengan detail-detail kecil seperti tekstur, warna, atau font. Padahal hal penting pertama yang harus dipikirkan adalah merencanakan struktur situs. Sebuah blog memiliki struktur berbeda dengan portfolio karena isinya lebih cepat diperbarui. Blog perusahaan memiliki gaya berbeda dengan blog personal.

Oleh karena itu, langkah awal mendesain web tidak dilakukan di Photoshop. Tapi, dengan coretan-coretan pensil di selembar kertas. Detail-detail kecil seperti tekstur atau warna situs bisa diputuskan setelah struktur penting berhasil diperoleh.

3. Selalu fokus Pada Fungsi

Web desainer bukanlah seorang seniman. Web desainer adalah seorang desainer yang memiliki tugas menyampaikan pesan melalui situs. Jadi, fokuslah pada fungsi situs bukan pada hiasan-hiasan dan pernak-pernik situs.

Animasi memang menarik. Gambar latar besar juga terlihat bagus. Tapi, sebelum menggunakannya tanyakan pada diri Anda “Apakah pemilik dan pengunjung situs membutuhkannya?” Untuk memahami fungsi dalam desain web, biasakan untuk rutin membaca artikel terkait usability dan user experience. Referensi yang bagus bisa Anda peroleh di Smashing Magazine dan useit.

4. Ikuti Struktur Desain Web Yang Sudah Baku

Mungkin Anda telah memperhatikan bahwa biasanya blog memiliki struktur dua kolom dengan sidebar di kanan dan logo di kiri atas. Layout ini digunakan banyak orang karena fakta sederhana, berhasil. Studi usabilitas menunjukkan bahwa pengunjung sudah terbiasa dengan sidebar di kanan dan isi blog di kiri. Pengunjung juga secara alami mengetahui bahwa sisi kiri atas berisi identitas situs yang jika diklik akan membawanya ke halaman depan. Jika Anda mendesain blog, maka kemungkinan besar layout inilah yang harus Anda gunakan.

Desain web telah berkembang pesat dan semua standar yang ada saat ini adalah hasil penelitian melelahkan para ahli. Jadi, jangan pernah menganggap layout desain dua kolom atau teks hitam di atas putih sebagai membosankan. Jangan ragu untuk menggunakannya hanya karena orang lain menggunakannya juga.

Salah satu contoh layout blog paing populer

5. Perhatikan Trend Desain Web Saat Ini

Seperti jenis desain lainnya, desain web pun memiliki trendnya sendiri. Misalnya, trend saat ini adalah maraknya penggunaan tekstur secara lembut (subtle). Anda bisa memperoleh informasi trend yang ada saat ini dengan memperhatikan desain situs-situs terkemuka, situs portfolio desainer semacam dribbble, atau melalui desain populer di marketplace seperti themeforest.

6. Kuasai Software yang Digunakan

Satu hal yang perlu dipahami adalah Anda tidak harus menguasai semua aspek teknis dalam mendesain web. Bisa jadi seorang desainer web hanya pintar Photoshop tanpa bisa sedikitpun CSS atau sebaliknya. Kekurangan ini bisa ditangani dengan mencari partner lain yang memiliki skill berbeda dengan Anda.

Anda juga tidak perlu mempersoalkan software yang digunakan dalam mendesain. Sebagian desainer memilih Photoshop dan sebagian lagi memilih Fireworks. Silakan pilih software yang Anda suka dan kuasailah dengan sungguh-sungguh.

7. Pelajari Dasar-dasar Tipografi

Tipografi web adalah area detail yang sangat penting namun sering kali disepelekan. Tipografi memegang peran penting karena menjembatani pesan dari pemilik situs pada pengunjungnya.

Perhatikan pula bahwa tipografi dalam desain web berbeda dengan desain di medium lainnya. Teks di situs bisa muncul dalam browser berbeda dengan kombinasi font yang berbeda. Oleh karena itu, gunakanlah waktu Anda untuk mempelajari kombinasi font dan setting yang relatif berguna dalam semua kondisi.

8. Jangan Lupakan Whitespace

Whitespace adalah area kosong yang memberi ruang bernafas bagi pengunjung situs. Whitespace memberikan ruang bagi pengunjung untuk fokus pada area-area tertentu dan juga memberikan struktur yang logis pada tampilan situs. Tanpa whitespace, situs akan terlihat terlalu penuh dan membingungkan pengunjung.

Read More

APA ITU DESAIN WEB ?

PENGERTIAN

Web Design adalah jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet untuk menyediakan dengan fitur konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis.

FUNGSI

Sebelum men-design , sebaiknya kita mngetahui dan memahami beberapa fungsi situs web agar design yang dibuat sesuai dengan fungsi situs web.Secara umum fungsi situs web adalah sebagai berikut:

1. Fungsi Komunikasi

Situs web tang berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat menggunakan pemrograman web(server side) maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec,chatting,forum dll.

2. Fungsi Informasi

·          Menekankan pada kualitas konten,karena tujuan situs ini mnyampaikan isinya

·          Sebaiknya berisi teks dan grafik

·         Fasilitas yang memberikan fungsi informasi,news,file,company,library,prefences dll.

3. Fungsi Entertainment

Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapatmeningkatkan mutu persentasi design,meski tetap harus mempertimbangkan kecepatandownloadnya.Contoh fungsi Entertaiment: game online,film online,music online dll.4.

4.Fungsi Transaksi

Situs web dapat dijadikan transaksi bisnis baik barang jasa,dll.situs web menghubungkanperusahaan konsumen dan komunitas tertentu melalui sarana elektronik.Pembayarannyabisa memudahkan kartu kredit,transfer atauupun membayar langsung.

TUJUAN

untuk membuat situs web atau dokumen elektronik dan aplikasi yang berada pada web server dan menampilkan konten dan fitur antarmuka interaktif kepada pengguna akhir dalam bentuk halaman Web. Seperti unsur-unsur teks, gambar (gif, jpeg) untuk ditempatkan pada halaman menggunakan HTML / XHTML / tag XML. Menampilkan media yang lebih kompleks (vektor grafis, animasi, video, suara) membutuhkan plug-in seperti Adobe Flash, QuickTime, Java run-time dan lain-lain. Plug-in juga dimasukkan ke dalam halaman web dengan menggunakan HTML / tag XHTML.

Read More

JAVA

Java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Bahasa ini awalnya dibuat oleh James Gosling saat masih bergabung di Sun Microsystems saat ini merupakan bagian dari Oracle dan dirilis tahun 1995. Bahasa ini banyak mengadopsi sintaksis yang terdapat pada C dan C++ namun dengan sintaksis model objek yang lebih sederhana serta dukungan rutin-rutin aras bawah yang minimal. Aplikasi-aplikasi berbasis java umumnya dikompilasi ke dalam p-code (bytecode) dan dapat dijalankan pada berbagai Mesin Virtual Java (JVM). Java merupakan bahasa pemrograman yang bersifat umum/non-spesifik (general purpose), dan secara khusus didisain untuk memanfaatkan dependensi implementasi seminimal mungkin. Karena fungsionalitasnya yang memungkinkan aplikasi java mampu berjalan di beberapa platform sistem operasi yang berbeda, java dikenal pula dengan slogannya, "Tulis sekali, jalankan di mana pun". Saat ini java merupakan bahasa pemrograman yang paling populer digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.

Read More

OPERASI PENGULANGAN

MEMAHAMI BENTUK ULANG..AKHIR ULANG, ULANG..SAMPAI DAN TRANSLASI KE PROGRAM JAVA

Salah satu struktur pengulangan yang telah Anda pelajari sekilas, yaitu berupa ULANG..AKHIR-ULANG. Bentuknya seperti berikut :

            ULANG SELAMA kondisi

               Pernyataan1

               …

               pernyataanN

            AKHIR-ULANG

Dalam hal ini, bagian pernyataan1 hingga pernyataanN akan dijalankan secara terus-menerus selama kondisi bernilai benar.

Bentuk seperti itu ditranslasikan ke Java menggunakan pernyataan while.

Bentuknya seperti berikut :

            while (kondisi) {

               Pernyataan_1;

               …

               Pernyataan_n;

            }

Seandainya yang berada dalam tanda { } hanya terdapat satu pernyataan, pasangan tanda tersebut bisa dihilangkan. Contoh :

       while(kondisi)

            pernyataan;

Adapun bentuk

            ULANG

                  Pernyataan1

                  …

                  PernyataanN

            SAMPAIkondisi

Diterjemahkan ke dalam Java melalui

            do

                  pernyataan_1;

                  …

                  pernyataan_n;

            while(kondisi==false)

Read More

PENCARIAN DATA

Pencarian (searching) merupakan tindakan untuk mendapatkan suatu data dalam kumpulan data. Dalam kehidupan sehari-hari, seringkali kita berurusan dengan pencarian; misalnya untuk menemukan nomor telepon seseorang pada buku telepon atau mencari suatu istilah dalam kamus. Pada aplikasi komputer, pencarian kerap dilakukan; misalnya untuk mendapatkan data dari seseorang mahasiswa, mendapatkan informasi suatu kata dalam kamus digital atau nama perusahaan.

Untuk keperluan mencari data, terdapat beragam algoritma pencarian (search algorithm). Yang dimaksud dengan algoritma pencarian adalah “algoritma yang menerima sebuah argumen a dan mencoba untuk menemukan sebuah rekaman yang memiliki kunci a” (Tenenbaum dan Augenstein, 1981, hal. 425). Sebagai contoh, dikehendaki untuk mendapatkan mahasiswa dengan nomor 9834567. Hasilnya adalah rekaman yang berisi data mahasiswa tersebut; yang barangkali berisi nama, alamat, tanggal lahir, dan program studi. Dalam implementasinya, algoritma bisa jadi memberikan nilai balik berupa sebuah rekaman yang diperoleh, tetapi bisa pula hanya memberikan pointer yang menunjuk ke sebuah rekaman.

Pencarian dapat dilakukan terhadap data yang secara keseluruhan berada dalam memori komputer ataupun terhadap data yang berada dalam penyimpanan eksternal (hard disk). Pencarian yang dilakukan terhadap data yang berada dalam memori komputer dikenal dengan sebutan pencarian internal, sedangkan pencarian yang dilakukan pada media penyimpan eksternal disebut pencarian eksternal. Pencarian model pertamalah yang dibahas pada sub bab ini.

Catatan : Selain itu pencarian dapat dilakukan terhadap data yang tidak urut ataupun terhadap data yang sudah urut. Kedua model pencarian seperti itu akan dibahas.

Read More

REKURSI

Rekursi adalah proses pengulangan barang-barang dengan cara kesamaan diri. Sebagai contohnya, saat dua cermin berada paralel antara satu dengan yang lain, gambar yang tertangkap adalah suatu bentuk rekursi tak-terbatas. Istilah ini memiliki makna beragam bergantung kepada ragam disiplin mulai dari linguistik sampai logika. Penggunaan paling umum dari rekursi yaitu dalam matematika dan ilmu komputer, di mana ia mengacu kepada suatu metode mendefinisikan fungsi yang mana fungsi tersebut menggunakan definisinya sendiri. Secara spesifik hal ini mendefinisikan suatu instansi tak-terbatas (nilai fungsi), menggunakan ekpresi terbatas yang mana beberapa instansi bisa merujuk kepada instansi lainnya, tapi dengan suatu cara di mana tidak ada perulangan atau keterkaitan tak-terbatas dapat terjadi. Istilah ini juga digunakan secara umum untuk menjelaskan suatu proses pengulangan objek dengan cara kesamaan-diri.

Dalam matematika dan ilmu komputer, kelas dari objek atau metode memperlihatkan perilaku rekursif bila mereka dapat didefinisikan oleh dua properti berikut:

1. Suatu kasus (atau beberapa kasus) dasar sederhana, dan
2. Sejumlah aturan yang mengurangi kasus-kasus lainnya sampai ke kasus dasarnya.

Sebagai contoh, berikut ini adalah definisi rekursif dari leluhur seseorang:

• Orang tua seseorang adalah leluhur seseorang (kasus dasar).
• Orang tua dari suatu leluhur juga merupakan leluhur-nya (langkah rekursi).

Bilangan Fibonacci adalah contoh klasik dari rekursi:

• Fib(0) adalah 0 [kasus dasar]
• Fib(1) adalah 1 [kasus dasar]
• Untuk semua integer n > 1: Fib(n) adalah (Fib(n-1) + Fib(n-2)) [definisi rekursif]

Banyak aksioma matematika berdasarkan aturan-aturan rekursif. Sebagai contohnya, definisi formal dari bilangan asli dalam teori himpunan berbunyi: 1 adalah bilangan asli, dan setiap bilangan asli memiliki sebuah suksesor, yang juga merupakan bilangan asli. Dengan kasus dasar ini dan aturan rekursif, seseorang dapat membuat himpunan dari semua bilangan asli.
Gambaran humornya berbunyi: "Untuk memahami rekursi, pertama anda harus memahami rekursi." Atau mungkin yang lebih akurat, dari Andrew Ploktin: "Jika anda telah mengetahui apa itu rekursi, cukup ingat jawabannya. Kalau tidak, cari orang yang berdiri paling dekat dengan Douglas Hofstadter selain anda; lalu tanya dia rekursi itu apa."
Objek matematika yang didefinisikan secara rekursif termasuk fungsi, himpunan, dan khususnya fraktal.

Read More

SUBRUTIN

PENULISAN ALGORITMA UNTUK SUBRUTIN

Subrutin adalah kumpulan perintah yang ditujukan untuk menangani suatu tindakan dengan tujuan untuk memudahkan pembuatan program mengingat subrutin bisa dipanggil berkali-kali dalam suatu program. Subrutin melibatkan argument yang dipakai sebagai upaya untuk menyertakan suatu nilai dari luar.

Dalam bentuk algoritma, suatu subrutin ditulis dengan bentuk sebagai berikut :

            SUBRUTIN namaSubrutin(daftarParameter)

              Pernyataan1

              Pernyataan2

              …

              PernyataanN

            AKHIR-SUBRUTIN

Dalam hal ini, bagian

            SUBRUTIN namaSubrutin(daftarParameter)

disebut dengan judul subrutin.

Sebuah subrutin dapat memberikan nilai balik ataupun tidak. Nilai balik adalah yang diberikan ke pemanggilnya. Nilai ini ditentukan melalui notasi seperti berikut :

            NILAI-BALIK nilai

Contoh :

            SUBRUTIN perolehKelilingKotak(panjang, lebar)

            Kelilingß 2 x (panjang, lebar)

               NILAI-BALIK keliling

            AKHIR-SUBRUTIN

Pada contoh di atas, perolehKelilingKotak adalah nama subrutin. Adapun panjang serta lebar disebut parameter. Parameter menyatakan bagian untuk berkomunikasi dengan pemanggil subrutin. Pada bagian pemanggil subrutin, bagian ini akan diisi dengan argument. Contoh :

     hasilß perolehKelilingKotak(10, 5)

Pada pemanggilan subrutin di atas, 10 dan 5 berkedudukan sebagai argumen.

SUBRUTIN PADA JAVA

Subrutin pada JAVA ditulis dalam bentuk metode, yang merupakan bagian dari kelas. Penggunaan metode pada JAVA membuat program menjadi sederhana. Kode tidak perlu ditulis berkali-kali jika terdapat keperluan yang sudah dicakup dalam metode tersebut. Sebagai contoh, untuk menghitung akar kuadrat suatu bilangan maka kita cukup memanggil, misalnya, seperti berikut :

            Math.sqrt(25)

            Math.sqrt(15)

Andai tidak ada metode sqrt()seperti itu, kode program akan menjadi panjang dan kompleks sekiranya terjadi operasi untuk memperoleh akar kuadrat beberapa kali.

Pada beberapa contoh yang akan dibahas, metode diimplementasikan seperti pada kelas Math.

Read More