Skip to content

Memilih Jenis Font yang Tepat untuk Desain

February 10, 2012

Memilih Jenis Font yang Tepat untuk Desain

 

Memilih Jenis Font yang Tepat untuk DesainIlmu Desain Tutorial Desain memilih jenis font yang tepat untuk desain bisa saja menjadi hal sulit dan membutuhkan waktu yang lama. Tipografi bukahlah sebuah ilmu pengetahuan. Tipografi adalah seni. Mereka yang suka sesuatu yang berbau ‘ilmiah’ atau juga mereka yang menyukai bekerja dibidang sample data akan sulit menetukan tipografi yang baik dan tepat. Bagaimanapun juga seorang penjual roti pasti akan berpikir layaknya mereka yang suka berdagang. Begitupula tipografi dan pada pemilihan tipeface / jenis font adalah bukan barang ilmiah yang didalamnya selalu berhadapan dengan aturan-aturan dan perilaku yang menjadi sebuah alasan untuk suatu kesenangan.

 

Sebelum kita masuk dalam inti pembahasan, marilah kita berbicara tentang tanggung jawab. Kita sebagai desainer mempunyai dua beban tanggung jawab : pertama kita sebagai desainer mempunyai kewajiban dalam menyajikan sebuah desain tidak malah menjadi penghalang kesenangan pembaca, tetapi untuk membantunya mendapatkan kesenangan, -kenyamanan lebih pada saat membaca; kedua kita bertanggungjawab untuk menentukan tipeface yang digunakan. Tipeface yang baik adalah yang didesain untuk suatu tujuan yang baik pula, tetapi tidak berarti tipeface terbaik adalah tipeface yang cocok digunakan setiap saat. Saya sendiri, merasa agak kurang yakin jika dalam mendesain menggunakan tipeface yang saya dapatkan baru-baru saja. Tipeface baru adalah seperti layaknya bayi yang baru lahir (meskipun tidak bisa muntah di baju Anda) : jangan dibanting, ditekan terlalu keras, diangkat terbalik; dalam kata lain jangan semena-mena, perlakukan dengan baik, penuh hormat dan hati-hati.

Memilih Jenis Font yang Tepat untuk Desain

Jika Anda memahami paragraf-paragraf di atas, maka akan mudah anda menafsirkan bahwa yang kita bicarakan disini bukanlah serangkaian aturan-aturan melainkan sebuah daftar panduan prinsip dasar.

Serif atau Sans Serif?

Menurut pendapat saya, sangat sulit menentukan mana yang terbaik untuk dijadikan sebuah tipeface pada artikel dengan tulisan yang tercetak sekian halaman. Saya menyarankan untuk mengabaikan pernyataan yang samar dan tanpa kesimpulan pada akhirnya yang seperti tiada batasnya untuk diperbedebatkan, tentukan saja mana yang Anda pilih untuk Anda sendiri. “Aduh, tapi jenis font serif lebih mudah untuk hal ini karena membacanya membuat mata tidak jenuh“, Stop! Jangan diteruskan, itu semua hanyalah omong kosong.

 

Serif dan Sans Serif

Daripada menulis sebanyak sepuluh alinea lagi untuk topik tersebut, saya lebih mudah berkata bahwa kita paling mudah membaca dengan tipeface yang memang sudah familiar dengan kita sendiri (anda bebas untuk tidak sependapat dengan mengisi komentar pada comments box dibawah). Jika anda masih ragu bahwa sebenarnya sans serif juga digunakan sebagai body text, Anda bisa cek pada Swiss Typography department.

Panduan Satu : hormatilah

Ini sudah barang tentu wajib menjadi mantra bagi tipografer (pengguna tipografi). Pada kenyataannya tipografer yang baik, hampir bisa dipastikan selalu menggunakannya secara tidak sadar, ini bersifat insting.

[typography] is a craft by which the meanings of text (or its absence of meaning) can be clarified, honored and shared…

—Robert Bringhurst

[tipografi] adalah sebuah seni tentang arti suatu teks (atau tanpa adanya sebuah pemaknaan) yang dapat di perjelas, dihormati dan digunakan bersama-sama…

—Robert Bringhurst

Ini penting untuk disebutkan disini bahwa prinsip ini dapat digunakan -diaplikasikan pada semua medium. Beberapa dari tipeface yang saya suka malah terlihat jelek, menyeramkan bahkan mati gaya pada layar monitor dan bahkan tipografi tipeface seperti Georgia atau Verdana yang dibuat khusus untuk pekerjaan digital seperti untuk tipeface web desain yang selalu dibaca secara online pada layar monitor, seringkali mejadi pilihan terbaik untuk material printing atau dicetak di kertas. Memilih jenis font untuk web desain lebih mudah karena pilihannya lebih sedikit, namun sekarang sudah mulai berubah. Sekarang kita memiliki sIFR dan ‘web fonts’. Jadi inilah pentingnya untuk berpikir lebih berhati-hati ketika memilih jenis font yang akan kita gunakan. Apakah font Times, Times New Roman, Narrow Set dan font yang didesain untuk kolom terbatas memang benar-benar sesuai dijadikan tipeface pada tulisanlong-line extended‘ untuk layar monitor?

Panduan Dua : Bacalah

Saya tidak sedang berkelakar disini, jika Anda sedang menentukan jenis font untuk novel ‘laskar pelangi sekuel 7′ atau sekedar tulisan headline yang cuma dua kata, bacalah -benar bacalah. Dengan membacanya kita akan mengetahui petunjuk yang vital, tidak hanya untuk menentukan mana jenis tipeface yang benar saja, tetapi juga akan membantu Anda menentukan perancangan keseluruhan layout yang baik. Sebagai contoh, ketika Anda menentukan jenis huruf pada saat pembuatan sebuah artikel tentang sejarah huruf jawa, pastinya Anda akan menggunakan huruf jawa bukan?

Memilih Jenis Font yang Tepat untuk Desain

Mungkin juga tidak. Ada tempat tersendiri untuk konteks historis, bagaimanapun, jika kita menggunakan huruf jawa semuanya pasti yang baca juga agak ribet, hal ini akan mengarahkan Anda ke tujuan yang salah. Jika yang baca adalah anak gaul, pemuda masa kini -anda akan kerepotan jika tetap menggunakan font jawa. Beda halnya jika yang baca nantinya adalah orang-orang jawa tulen yang kesehariannya akrab dengan huruf jawa (he he he, saya saja yang orang udah lupa).

Sebagai tambahan untuk membaca tulisannya, Anda akan memahami isinya. Ini mungkin menjadi hal yang tidak selalu bisa dilakukan. Jika Anda menentukan font untuk artikel ‘teori kuantum’ (ha ha ha, bingung) mungkin membacanya gak usah banyak-banyak. Bagaimanapun membaca artikel yang akan kita desain adalah salah satu cara untuk menentukan jenis font yang baik dan tepat.

Panduan Tiga : konsumen dan kanvas

Siapa yang akan membaca artikel dengan pengesetan jenis font menarik hasil guratan tangan Anda? Petinju, Tukang Pijat, Karyawan, Ibu Rumah tangga, pengacara, guru atau siapa? Jika yang akan menjadi bahan persoalan bukan dari teks / jenis fontnya, maka carilah. Tulisan jawa / atau teks dengan aksen tulisan mirip huruf jawa tidak akan dibaca secara jelas bahkan tidak terbaca jika yang membaca adalah anak-anak yang belum sekolah.

Memilih Jenis Font yang Tepat untuk Desain

Perhatikan pada kanvas, halamannya. Mungkin Anda menentukan teks pada halaman yang sudah atau natinya didesain orang lain, Anda tidak punya kewenangan atau kendali atas ‘margin‘ dan dimensi halaman. Suatu halaman yang berjelal (sesak karena sempit, munkin) dengan margin yang kecil munkin akan lebih tepat diisi dengan jenis font lighter atau lebih tipis dan margin yang lebar akan lebih cocok kalau jenis fontnya lebih ‘dark/bold’. Anda bisa pelajari light font dan font family pada artikel saya sebelumnya untuk mengenali besar kecilnya tipeface. Untuk font headline saya juga sudah membuat source download font dengan bermacam-macam pilihan.

Panduan Empat : Apakah sudah terlihat benar?

Jika tujuan akhir desain Anda adalah untuk di cetak di atas kertas, maka buatlah sample hasil print dan kemudian lihat hasilnya. Mungkin hasil hasil desain Anda terlihat begitu wah ketika terlihat di layar monitor, namun seperti saya tulis di atas bisa saja ketika sudah berupa hasil cetakan di atas kertas menjadi terlihat seperti kereta bertabrakan. Tidak ada cara lain untuk teks yang dicetak selain melihatnya secara langsung hasil cetakannya. Jika desain Anda untuk layar monitor / interface maka sebaiknya Anda lihat resolusi layar monitor, bahkan PC dan MAC bisa menjadi sangat berbeda.

dan Akhirnya…

Ingatkan diri Anda bahwa tipografi adalah benar-benar sebuah seni dan bahwa banyak dari keputusan yang Anda buat, termasuk pilihan tipeface, bersifat subjektif. Jika Anda tidak yakin, tanyakan hasil desain Anda kepada orang lain (pada desainer atau non-desainer) untuk membacanya. Dan carilah contoh-contoh penggunaan tipografi sebanyak Anda mampu, dengan begitu Anda akan dapat memahaminya.

Pada artikel nantinya semoga saya bisa membuat studi kasus tentang Serif dan Sans Serif yang dapat digunakan secara berdampingan pada satu media desain dan terlihat WOW. Mungkin Anda mempunyai cara tersendiri untuk memilih font yang tepat, jangan ragu berbagilah dengan saya disini melalui komentar.

Semoga Anda menikmati artikel ini dan jangan lupa bergabung dengan teman-teman yang lain di Facebook AhliDesain, dan ikuti Twitter saya. Jika Anda menyukai artikel-artikel dari saya jangan lupa untuk memasukkannya dalam subscribe ke ahlidesain RSS Feed.

Bila ada yang ditanyakan, saran, tanggapan dan ide kreatif silakan isi pada komentar, saya akan mencoba menjawab secepat dan sebaik mungkin.

 

sumber : http://www.ahlidesain.com/memilih-jenis-font-yang-tepat-untuk-desain.html

Tips Membuat Brosur yang Menarik

February 10, 2012

Tips Membuat Brosur yang Menarik

 

Tips Membuat Brosur yang Menarik

Ilmu Grafis Tutorial Desain Tips Membuat Brosur yang Menarik untuk menarik perhatian konsumen. Brosur harus memiliki penampilan atau kesan pertama (first impression) yang cukup menarik mata meskipun hanya dengan sekali lihat saja. Rata-rata orang menggunakan waktu hanya 3 detik untuk melihat sebuah iklan. Dalam waktu hanya sekian detik itulah Anda harus bisa mencuri perhatian orang.

 

Baca juga cara membuat desain brosur dengan coreldraw. Kali ini saya hanya membahas tentang cara mendesainnya saja, tidak termasuk ke dalam teknik print atau penggunaan kertas print. Wajib Anda ketahui bahwa untuk membuat sebuah brosur printed (nantinya akan dicetak), wajib memenuhi syarat dan kriteria percetakan. Sehingga tampilan yang ada di komputer mirip atau menyerupai kualitas tampilan pada hasil cetak.

Mungkin Anda akan tertarik dengan

  1. membuat desain brosur dengan photoshop
  2. bikin desain brosur dengan coreldraw
  3. mendesain brosur dengan illustrator
  4. 10 Contoh Desain Brosur Makanan yang Menarik

Tips Membuat Brosur yang Menarik

Tips Pertama (desain)
Berikan foto wanita/pria yang menarik di bagian depan brosur. Ini digunakan dihampir semua produk di dunia. Bahkan pada perusahaan-perusahaan besar digunakan publik figur yang terkenal seperti para selebriti, atlit olah raga, ratu kecantikan tokoh masyarakat dan pemimpin organisasi besar. Tentunya jangan lupa juga untuk mencantuman foto produk kita, karena pada dasarnya produk kitalah yang dijual.

Foto orang yang digunakan sebagai figur produk kita ini tidak boleh sembarangan. Harus disesuaikan dengan produk yang kita jual. Misalnya kalau yang dijual produk kosmetik atau alat kecantikan, maka harus menampilkan figur wanita yang juga cantik dan menarik. Kalau yang dijual obat atau alat pelangsing tubuh, maka tampilkan wanita yang memiliki tubuh yang langsing dan ideal. Kalau produk yang dijual popok bayi, maka tampilkan bayi yang bertubuh sehat, berkulit bersih, memiliki mimik muka yang menggemaskan dan lucu. Harmoni dan balance (seimbang) adalah kata singkatnya..

Tips Membuat Brosur yang Menarik

Perlu diigat, masukkan foto punya sendiri atau anda punya hak menggunakannya agar tidak terkena klaim copyright atau kepemilikan. Gambar ini digunakan sebagai penguat dan alat komunikasi visual (kadang bisa menjadi testimonial non verbal). Tanda kurung setelah tips adalah penggunaan tips tersebut.

Tips Kedua (konsep)
Gunakan judul utama yang bombastis & fantastis (unpredictable, surprising, mengandung unsur WOW, jika memungkinkan memainkan segi emosi konsumen) sehingga menarik perhatian orang yang secara sekilas membaca untuk kemudian karena tertarik akan membaca ulang kembali dalam hatinya. Hal ini sebenarnya tidak terbatas, apapun itu (kita perlu memahami konsepnya; hubungan tulisan dan objek produk; ). Kita saja kadang membatasinya karena ruang lingkup tertentu.

Judul utama ini biasanya dicetak sangat besar, memiliki jenis huruf yang unik, berwarna mencolok dan mendominasi halaman depan brosur. Kata-kata atau kalimat yang dipakai tidak boleh terlalu panjang, jadi judul utamanya harus singkat tetapi bisa mewakili program promosi atau produk yang dijual. Kadang-kadang kita sulit sekali menemukan kata-kata yang menjadi kunci dari iklan yang akan kita buat. Oleh sebab itu janganlah terburu-buru dalam menentukan kata-kata kunci ini.

Tips Membuat Brosur yang Menarik

Buatlah beberapa alternatif judul / kata kunci, lalu tanyalah kepada beberapa orang di sekitar kita apa pendapat mereka dengan kata-kata tersebut. Buatlah survey kecil-kecilan agar Anda yakin betul bahwa judul utamanya memakai ata-kata yang menarik perhatian banyak orang. Contoh penggunaan judul utama yang sering digunakan dapat Anda lihat seperti di bawah ini : “Cuci Gudang”, “Diskon Gede-gedean”, “Beli 1 dapat 2”, “Lindungi Mobil Anda”, “Menu Istimewa”, “15 menit dari pintu tol” dan lainya.

Judul utama ini kadang-kadang juga menggunakan problem/masalah utama yang ada pada konsumen yang dituju, misalnya : “Problem Kegemukan?, “Bermasalah dengan Jerawat?”,· “Susah Buang Air Besar?

Tips Ketiga (konsep dan desain)
Gunakan nuansa warna yang sesuai dengan produk dan target pembeli Anda. Anda perlu membaca filosfi warna untuk memahami lebih mendalam pada artikel warna. Ini juga sangat penting karena penggunaan warna-warna tertentu ternyata mempengaruhi daya tarik konsumen tingkat/golongan tertentu pula. Misalnya, untuk produk mainan anak-anak akan lebih sesuai dan lebih menarik bila digunakan warna-warna dasar yang terang. Untuk produk asesoris remaja putri akan lebih menarik bila lebih banyak menggunakan warna pink.

Tips Membuat Brosur yang Menarik

Untuk produk elektronik atau barang berteknologi tinggi biasanya akan banyak menggunakan warna biru, merah dan hitam. Untuk produk interior exclusive akan lebih baik banyak menggunakan warna coklat, crème dan hitam. Jadi komposisi warna ini berfungsi juga dalam menarik perhatian orang-orang dengan segmen yang berbeda-beda.

Tips Keempat (konsep)
Cantumkan Harga (bila memungkinkan) atau Diskon produk Anda. Bila Anda yakin bahwa harga produk Anda paling murah atau diskon Anda paling besar dibanding dengan merek lain yang mutunya sama (point of interest produk), jangan ragu-ragu untuk mencantumkannya. Bahkan kalau memungkinkan jadikan harga tersebut sebagai unsur dalam judul Utama dan dicetak besar serta dominan. Harga yang murah dan mutu yang bagus adalah dambaan setiap konsumen termasuk Anda dan saya juga tentunya. Oleh sebab itu konsumen akan langsung tertarik bila harga produk yang mereka cari ternyata ada yang lebih murah dibanding dengan yang lainnya.

Tips Membuat Brosur yang Menarik

Kelima (konsep dan desain)
Gunakan penanda khusus pada judul utama seperti bentuk bintang, oval, lingkaran, kotak, tanda panah dan bentuk sign lainnya untuk berkomunikasi secara visual. Ini berfungsi untuk lebih memperkuat kesan dari judul yang telah ditentukan. Penanda khusus ini biasanya disebut Flashes.

Kita tidak perlu menggunakan seluruh cara diatas untuk kita masukkan kedalam sebuah iklan produk kita. Mungkin hanya perlu satu atau dua cara saja yang bisa kita gabungkan dalam materi iklan kita. Kalau kita memaksakan diri menggunakan kelima cara diatas dalam sebuah iklan kita sekaligus, maka akan dapat dipastikan bahwa layout atau disain iklan kita menjadi kacau dan malah konsumen tidak mengerti pesan utama apa yang disampaikan dalam iklan tersebut. Jadi pilihlah cara-cara yang menurut Anda sesuai dengan produk Anda.

Tips Membuat Brosur yang Menarik

Setelah kita menentukan cara apa saja yang akan kita gunakan untuk menimbulkan kesan pertama yang menggoda pikiran dan hati konsumen, maka kita akan masuk kedalam tahapan berikutnya yaitu bagaimana agar brosur mampu mendorong minat (interest) konsumen terhadap produk kita. Untuk Anda yang suka dengan konsep desain, akan lebih mudah mengurai konsep menjadi sebuah hasil visual seperti brosur ini. Perlu Anda ketahui bahwa tips ini lebi cenderung ke penguasan konsep dan memainkannya dalam ranah desain visual.

Tips Keenam (konsep)
Buatlah Subjudul yang menjelaskan secara singkat maksud dari judul utama. Subjudul ini biasanya berupa kalimat pendek yang berisi ilustrasi singkat yang mampu membuat orang ingin melihat lebih lanjut. Jadi kalau Judul Utama biasanya hanya menggunakan sepatah dua patah kata, maka Subjudul biasanya adalah sebuah kalimat yang memiliki arti memperkuat dan mempertegas kesan dari judul utama.

Kalimatnya harus mampu memancing benak pembacanya untuk mau melihat/membaca lebih detail lagi kedalam isi brosur tersebut. Perlu diperhatikan juga lokasi Subjudul tersebut di dalam layout disain agar jangan terlalu jauh dari judul utamanya. Agar tidak kacau antara Judul Utama dengan Subjudul, maka ukuran hurufnya harus dibedakan. Jangan membuat ukuran huruf pada subjudul lebih besar dari Judul utamanya. Jadi Judul Utama harus tetap dominan.

Tips Membuat Brosur yang Menarik

Contoh Subjudul yang bisa mendorong minat (interest) konsumen adalah sebagai berikut; Bila Judul Utamanya ”CUCI GUDANG…. !!!” maka pada Subjudulnya kita bisa menambahkan kalimat ”Dapatkan produk menarik & berkualitas dengan harga yang murah.”Contoh lainya adalah bila Judul Utamanya ”PROBLEM KEGEMUKAN?” maka subjudul supaya bisa lebih mendorong minat konsumen kita gunakan kalimat seperti ini; ”Atasi dengan metode yang terbaru dari Kami. Bebas dari rasa sakit & tanpa operasi.” Setelah Konsumen membaca Subjudul dan minatnya mulai timbul terhadap produk kita, maka rasa penasaran konsumen tersebut harus bisa terpuaskan saat mereka membaca lebih detail uraian (Body Copy) pada brosur kita.

Untuk brosur berupa ulasan dengan tulisan yang berparagraf saya sarankan untuk membuat style yang sama agar tercipta harmoni. Seperti layaknya membuat skripsi, surat dan keperluan kantor lainnya. Mereka semua memiliki style yang sama. Ritme irama yang juga sama. Contoh mudahnya adalah jika paragraf awal adalah rata tengah maka buat isi paragraf yang mirip isinya rata tengah juga. Anda wajib menggunakan tipografi yang tepat dalam rangka membentuk kesatuan (unity).

Tips Ketujuh (konsep)
Agar brosur kita bisa menciptakan Keinginan (Desire) konsumen, maka Layout keseluruhan harus mampu mengilustrasikan atau menggambarkan keunggulan produk kita dengan baik. Buatlah uraian-uraian (copy) yang menerangkan dengan lebih detail keistimewaan produk yang dijual. Gambar-gambar yang ada di dalam brosur juga harus secara gamblang meng-expose nilai jual / selling point dari produk tersebut.

Terangkanlah kepada konsumen bahwa produk kita akan membuat hidup mereka lebih baik. Dan bila perlu terangkan juga bahwa setelah membeli produk tersebut mereka tidak perlu takut dengan layanan purna jual. Bila produk Anda memiliki garansi, maka informasikan juga kepada konsumen melalui brosur tersebut. Cantumkan diskon istimewa yang bisa Anda berikan kepada konsumen.

Pada produk-produk tertentu seperti elektronik atau otomitif, sebaiknya masukkanlah gambar/foto (icon) bagian-bagian dari produk yang memiliki keunggulan fungsi. Bila kita mengambil contoh produk mobil yang akan dijual, maka tampilkan foto-foto seperti; Lampu depan yang futuristik, tempat duduk yang nyaman, Interior yang mewah, dashboard yang bagus atau mesin yang tangguh dan efisien. Berilah keterangan yang berhubungan dengan gambar/foto/icon yang ditampilkan.

Tips Kedelapan (desain)
Beri ruang kosong sebagai atau space yang cukup. Terlalu penuh akan membuat orang malas membaca atau melihat karena terlihat kacau. Bila dicermati, pada brosur yang sukses (mengkomunikasikan isi brosur) terdapat ruang kosong untuk menegaskan readibity dan legibility karya desain. Ruang kosong ini akan juga berkaitan dengan dominasi atau mengungkap apa yang ingin ditonjolkan. Pada beberapa ilmu terapan komunikasi visual terdapat beberapa hal yang diyakini adalah Prinsip-Prinsip dalam Tata Rupa & Desain Grafis dalam berkomunikasi.

Elemen-elemen terebut adalah

  1. Kesatuan (unity)
  2. Keseimbangan (balance)
  3. Proporsi (proportion)
  4. Irama (Rhythm)
  5. Dominasi (Domination )

Dengan adanya prinsip ini selain orang mudah melihat, akan membuat hasil karya desain seperti brosur akan sukses mengkomunikasikan varibel produk yang ditampilkan.

Tips Kesembilan (konsep)
Setelah konsumen terpuaskan keingintahuan terhadap produk kita melalui Body Copy yang ada, tentu kita ingin segera menggiring Mereka untuk segera Take Action bukan? Take Action itu bisa berupa langsung menghubungi nomor telepon kita, bisa juga datang langsung ke alamat toko/counter terdekat, atau bahkan langsung membeli bila kebetulan kita menyebarkan brosur tersebut pada sebuah Bazar/Pameran.

Oleh sebab itu jangan lupa untuk selalu mencantumkan alamat dan nomor telepon serta nama orang yang bisa dihubungi. Kalau kebetulan produk Kita dijual di beberapa tempat atau memiliki beberapa kantor cabang, maka cantumkanlah semua alamat & nomor telpon yang ada dengan jelas. Efek lain dari pencantuman seluruh alamat yang ada akan membuat konsumen lebih yakin lagi untuk membeli, karena menandakan bahwa usaha Kita maju dan berkembang pesat. Kantor cabang atau jumlah counter yang banyak akan mengangkat Brand Image kita lebih kuat.

Penulisan alamat dan nomor telepon ini tidak perlu besar-besar. Yang penting cukup bisa terbaca dengan baik. Penempatannya juga jangan sampai mengganggu unsur-unsur lain dalam brosur yang lebih penting. Cukup diletakkan di bagian belakang dan di bawah dari halaman brosur.

Semoga Anda menikmati artikel ini dan jangan lupa bergabung dengan teman-teman yang lain di Facebook AhliDesain, dan ikuti Twitter saya. Jika Anda menyukai artikel-artikel dari saya jangan lupa untuk memasukkannya dalam subscribe ke ahlidesain RSS Feed.

Bila ada yang ditanyakan silakan isi pada komentar, saya akan mencoba menjawab secepat dan sebaik mungkin.

Faster and smarter debugging of PHP scripts

February 8, 2012

Faster and smarter debugging of PHP scripts

Today nobody really questions benefits of using source level debuggers for any language including PHP – debugger is simply a tool, necessity in everyday programmers work. However, it is interesting to note that code validating tools are much less known and it is those tools that are very valuable addition to debuggers in code development.

Traditionally, in compiled languages, certain part of code validation (type checking, checking for non-initialized variables) are usually taken by compiler, but besides compiler there are also external tools used to conduct this task (for example checkstyle for Java). This article deals with use of one of those tools (Codenizer) during development of PHP applications.

 

Basic question that programmer asks herself/himself when introducing one new tool into development process is “What benefit can I expect from using this?” Answer to this question is very simple – it is dramatic time saver during development, and we all know what that means in today’s world of merciless business competition – more time you save in development of one application faster you can develop next application, which means more money for you.

Usual way of using debugger is after encountering program malfunction to better analyze reasons that led to unexpected behavior and in the end to eliminate those reasons (i.e. bugs). On the other hand, code verification tools are used during program development to pinpoint possible problematic locations which could eventually lead to bugs in program – so debuggers are used to eliminate bugs once they are in program, code validation tools are used to prevent bugs from appearing in the program in the first place.

Simple example

Let’s consider this simple PHP script (schedule.php) to illustrate how those tools work:

  1. <?php
  2. class Schedule {
  3.    private $SID;
  4.    private $SDate;
  5.    private $flights;
  6.    // Set methods
  7.    function set_SID($SID) {
  8.        $this->SID = $SID;
  9.    }
  10.    function set_SDate($SDate) {
  11.        $this->SDate = $SDate;
  12.    }
  13.    function set_flights($flights) {
  14.        $this->flights = $flights;
  15.    }
  16.    // Get methods
  17.    function get_SID() {
  18.        return $this->SID;
  19.    }
  20.    function get_SDate() {
  21.        return $this->SDate;
  22.    }
  23.    function get_flights() {
  24.        return $this->fligths;
  25.    }
  26.    function __construct($sid, $sdate, $flights) {
  27.        $this->SID = $sid;
  28.        $this->SDate = $sdate;
  29.        $flights = split(‘;’, $flights);
  30.        $this->flights = array();
  31.        for ($i = 0; $i < count($flight); $i++)
  32.            $this->flights[] = $i . ’. ’ . $flight[$i];
  33.    }
  34. }
  35. ?>

After invoking code validation tool (example how it looks within Eclipse), we are presented with tool’s report:

As we can see in the report are mentioned 3 potentially problematic spots which should be closer inspected by programmer – in two of those there is obviously typo in variable/property name, and in third case tool issued warning about possible performance penalty of using function call in condition part of loop. We can see that it only took less than a second to detect 2 bugs and 1 performance tip, all without leaving development environment or starting program. Compared to classical debugging this is real time saver, not to say how difficult could be to trace those errors with debugger especially if class Schedule was part of bigger project. This is however just small fraction of checks that code validation tools usually performs.

What you need for quick start with code validation for PHP?

First of all you need tool itself (like Codenizer), then some IDE that supports PHP development (Eclipse or NetBeans would be smart choice), and plugin for integrating tool with IDE which can be found in the same location as tool (link).

Conclusion

It would be wrong to think of code validation as of some magic that would forever relieve you of using debugger and make you make bug-free code. Code validation can’t do that for you, but what it can do is to reduce your time spent debugging program by almost 80% and to help you spot the problems that could otherwise go unseen for very long time.

http://www.erakomputer.com/content/tip/08/12-Tempat-untuk-mencari-gambar-foto-gratis-di-internet

February 7, 2012

2 Tempat untuk mencari gambar/foto gratis di internet

By roemasa – Posted on 13 August 2009

Domain Menambahkan foto-foto berkualitas tinggi merupakan cara yang tepat untuk menjadikan website, artikel atau presentasi yang kita buat menjadi lebih memikat, namun berhati-hatilah.

Walaupun mesin pencari seperti Google Images akan dengan cepat menemukan foto yang kita inginkan, tapi untuk dapat menggunakan foto tersebut mungkin saja kita akan tersandung dengan masalah hak cipta. Dan terlebih dengan menggunakan tool seperti TinEye maka ada kemungkinan si pemilik foto yang asli dapat mengetahui dengan pasti apabila ada fotonya yang digunakan tanpa seizin dia.

Guna menghindari masalah dengan hak cipta ada baiknya kita mulai mencari foto atau gambar-gambar yang sudah berlabel ‘boleh’ digunakan atas seizin pemilik aslinya. Kita bisa mencari foto/gambar berlisensi seperti itu di web dan banyak yang menyediakannya, jadi tidak perlu khawatir.

Di bawah ini ada 12 tempat yang bisa kita tuju apabila kita membutuhkan foto/gambar berkualitas yang sudah dibebaskan oleh pemiliknya untuk digunakan.

1. Stock.XCHNG

Memiliki lebih dari 400,000 gambar untuk topik yang berbeda-beda dan merupakan tempat yang tepat untuk mulai mencari gambar yang gratis. Namun hati-hati dengan perizinannya, karena Stock.XCHNG memiliki perizinan yang kompleks sehingga baiknya kita membacanya dengan lebih teliti sebelum memulai.

 

2. Openphoto

Muncul pertama kali pada tahun 1998 dan bukanlah kejutan jika sekarang Openphoto telah memiliki koleksi persediaan foto yang begitu banyak.

 

3. Stockvault.net

Stockvault memiliki koleksi foto yang tidak begitu banyak tapi cukup berkualitas seperti template logo, clip art, tekstur dan latarbelakang. Namun perlu diingat – gambar-gambar yang ada di Stockvault gratis untuk kebutuhan pribadi bukan untuk kebutuhan komersial.


4. Unprofound

Situs ini memiliki foto-foto yang menarik dengan tanpa batasan sama sekali atas penggunaannya. Kita tidak perlu mendaftar agar bisa mendownload gambar yang ada dan Unprofound sama sekali tidak mengambil keuntungan.

 

5. Free Media Goo

Sama seperti Unprofound, di Free Media Goo kita tidak perlu mendaftar dan satu lagi adalah gambar-gambar di sini beresolusi rendah sehingga cepat diaksesnya.

 

6. Morguefile

Fitur terbaik dari situs ini adalah tool pencariannya yang cukup mengagumkan. Kita dapat memfilter berdasarkan kategori, kata kunci, ukuran, rating, bahkan berdasarkan warna. Lisensi Morguefile bersifat umum dan tidak diperlukan pendaftaran.

 

7. Pixel Perfect Digital

Situs yang menarik memiliki kurang lebih 4,000 persediaan foto yang tersusun dalam kategori-kategori mulai dari Abstract and Animals sampai Places and Transportation. Bagian terbaik dari Pixel Perfect Digital adalah koleksi ilusi dan seni digitalnya yang sulit untuk dicari di tempat lain.


8. Image*After

Image*After tidak akan membuat kita kagum dengan foto-foto konvensional, tapi pada upayanya menyediakan gambar-gambar yang sifatnya abstrak.

 

9. Freerange

Meskipun ada sedikit masalah dengan pencarian dengan situs Freerange namun jika kita terus mencoba maka kita akan mendapatkan apa yang kita cari, gambar dengan resolusi tinggi.

 

10. Free Digital Photos

Belum banyak gambar yang bisa kita temukan di sini dan kalaupun ada gambar-gambar di Free Digital Photos yang gratis maka jumlahnya sangat sedikit.

 

11. Free Photos Bank

Situs Free Photos Bank menyediakan foto-foto gratis mulai dari manusia, binatang, pemandangan alam dan yang lainnya. Tidak memerlukan pendaftaran, jadi cukup langsung download saja.

 

12. Flickr

Sebagai salah satu website berbagi foto terbesar di dunia dan digunakan oleh para fotografer terbaik di dunia maka tidak salah jika kita mencari gambar atau foto di Flickr. Namun perlu diingat bahwa tidak semua mengizinkan foto atau gambarnya digunakan untuk kepentingan komersial, jadi kunjungi Advanced Search Page, lalu pilih “Only search within Creative Commons-licensed content” sebelum ktia memulai. Dan ketika kita menemukan foto yang kita cari, lihat di bagian kanan foto ada sebuah yang bertuliskan seperti ini “Some rights reserved”, dan klik untuk melihatnya lebih jauh.

10 Situs Download Gambar Gratis Buat Blog/Web & Desain

February 7, 2012

 

Gambar di dalam posting blog memiliki arti penting. Gambar/image (photo or picture) bukan hanya sebagai penghias semata. Jika dipilih secara matang, gambar dapat menjadi ilustrasi isi posting blog, memperkuat nuansa, serta memberikan kesan dan dramatisasi atas tema yg diusung di dalam artikel. Selain itu, gambar juga dibutuhkan bagi halaman web/blog sebagai petunjuk/indikator navigasi, backgroundheader, dan masih banyak lagi. Oleh karenanya, gambar tidak bisa disepelekan begitu saja oleh blogger.
Memproduksi gambar sendiri sesuai keinginan bagi kebanyakan blogger bukanlah hal mudah. Apalagi bagi blogger yg tidak menekuni bidang desain grafis atau memiliki stock gambar pribadi yg banyak. Solusinya adalah dengan mencari gambar melalui internet. Tapi tahukah bahwa tidak semua gambar dapat secara bebas dipakai? Ada beberapa kasus yg menyebutkan penuntutan/pelanggaran hak cipta atas blog yg memuat gambar tanpa credit atau seijin pemilik asli. Tentu ini bukan hal yg kita kehendaki. Sebagian besar blogger memang lebih sering mencari gambar melalui Google Image Search yg lebih praktis sesuai dengan keyword yg diinginkan. Tapi hal ini berbahaya.

Posting ini sekaligus juga menjadi tanggapan saya dalam komentar di posting pencurian konten yg menyatakan bahwa gambar yg saya gunakan dipertanyakan. Sebenarnya tidak demikian. Saya selalu menggunakan gambar-gambar free license, bahkan gambar-gambar tersebut juga memiliki lisensi gratis untuk diedit ulang bagi keperluan desain blog/web, komersil, dan desain grafis. Apakah benar ada situs download gambar gratis demikian? Ada banyak! Ratusan! Kualitas gambar-gambarnya pun tidak perlu dipertanyakan lagi. Very high quality images for free! Mulai dari photo, vector, ordinary images, icons, sampai very artistic images are ready for free use, sodara-sodara! Dengan menggunakan gambar-gambar demikian, kualitas posting dan originalitasnya pun semakin tinggi. So, lebih baik hentikan pencarian gambar dari Google; gunakan/download gambar sebebas-bebasnya dari situs-situs berikut:

1. Photobucket
Situs hosting dan penyedia gambar terbesar. Ratusan foto/gambar berkualitas diupload setiap detiknya. Untuk memudahkan pencarian gambar sesuai tema, Photobucket menyediakan fitur search yg punya akurasi tinggi. Jika ingin melakukan hosting sekaligus, buat akun gratis. Bahkan foto yg diupload pun bisa dibuat private, sehingga tidak muncul di pencarian. Tempat favorit saya untuk berburu gambar bertema apapun!
2. IconArchive
Ratusan ribu icon web/blog atau komputer siap digunakan untuk memperindah blog. Icon set dapat memperkuat themes/templates blog karena memiliki keselarasan desain dan warna. Iconarchive juga menghosting gmabar-gambar icon tersebut. Jadi jika malas download dan upload lagi, langsung saja gunakan diret url gambarnya!
3. EveryStockPhoto
Foto-foto berkualitas dan beresolusi tinggi serta memiliki kekuatan artistik disediakan oleh situs ini. Salah satu situs favorit saya untuk mendapatkan gambar sebagai penguat tema artikel. Fngsi search nya dapat digunakan untuk mencari gambar lintas situs penyedia gambar gratis.
4. stock.xhcng
Situs pecinta foto dengan komunitas besar. Menyediakan banyak foto artistik yg siap dipakai untuk background maupun ilustrasi artikel. Situs ini kini di-handle penuh oleh Getty Images, sebuah perusahaan besar yg me-manage banyak situs image/gambar berkualitas.
5. Flickr
Situs gambar gratis milik Yahoo! yg menjadi favorit para blogger dan interneter untuk mencari gambar-gambar gratis berkualitas tinggi. Sebagian memiliki lisensi. khusus. Namun cukup banyak gambar yg dapat dipakai secara bebas tanpa batasan.
6. MorgueFile
Ribuan foto yg dapat digunakan sebagai inspirasi dan referensi desain grafis. Dapat digunakan secara bebas untuk keperluan desain, baik yg pribadi maumpun komersial.
7. FreePixels
Freepixels menawarkan banyak foto beresolusi tinggi baik untuk keperluan personal maupun bisnis (komersial). Memiliki kategori yg sangat banyak untuk memudahkan naviugasi serta terdapat fungsi search untuk langsung mencari foto dengan tema tertentu.
8. Dreamstime
Situs penyedia foto/gambar gratis dengan koleksi yg sangat banyak; sekitar 9 juta gambar/foto siap didownload dan digunakan. Terdapat dua jenis foto sebenarnya, yg gratis dan dijual. Url di atas langsung saya arahkan untuk gambar gratis.
9. DeviantArt
Salah satu situs besar favorit saya. Situs ini adalah tempat berkumpul para artis desain grafis dan fotografer untuk bertukar ide dan gambar karya mereka. Gambar/foto yg menjadi koleksi luar biasa besar jumlah, kualitas, resolusi, serta nilai artistiknya. Download gambar tanpa perlu registratis terlebih dahulu. Link di atas langsung saya arahkan ke bagian resources stock image.
10. Picfndr
Yg terakhir ini sebenarnya buka(n) situs penyedia image gratis. Namun situs untuk mencari gambar gratis yg bebas license, baik untuk keperluan pribadi atau komersil. So, ga perlu lagi Google Image Search yg riskan itu! Pencarian dilakukan berdasarkan setting tertentu; terdapat menu setting di sebelah kiri untuk mendapatkan akurasi pencarian, baik setting keyword, jenis lisensi, pembatasan untuk gambar yg butuh atribusi (credits) atau tidak, dll. Gambar-gambar yg dimunculkan di hasil pencarian berasal dari ratusan situs penyedia gambar gratis yg terjamin lisensi gratisnya. Situs ini yg paling sering saya gunakan untuk mencari gambar ilustrasi posting.
Masih ada banyak lagi situs-situs semacam di atas. Sebagian lain memiliki koleksi yg tidak begitu banyak meskipun tidak kalah kualitas gambarnya. Dalam kesempatan lain, bila memungkinkan, akan ditambah situs-situs lain untuk memperkaya resource kita untuk mendapatkan gambar gratis berkualitas tinggi bagi blog/web, desain, maupun kepentingan lain.
sumber : http://buka-rahasia.blogspot.com/2011/11/situs-download-gambar-gratis-blogweb.html

Tips mencari gambar gratis

February 7, 2012

Tips mencari gambar gratis


Gambar, merupakan salah satu media penyampai pesan yang singkat padat dan jelas, ada pepatah mengatakan sebuah gambar itu sama dengan seribu kata. Nah maka dari itu dengan menggunakan gambar kita bisa mengoptimalkan artikel yang kita buat supaya tidak membosankan dan terlihat menarik. Namun di dunia maya, anda tidak bisa sembarangan dalam menggunakan gambar yang ada di internet, ada beberapa gambar yang dilindungi oleh hak cipta yang sebenarnya tidak boleh anda gunakan.

Memang untuk sekelas blogger biasa, akanlah sangat mahal apabila kita menyewa seorang fotografer, namun di internet, terdapat banyak fotografer yang membuat portofolio digital mereka di Internet dan memperbolehkan pemilik website/blog atau penulis untuk menggunakan gambar mereka tanpa royalti sepeserpun. Namun bukan berarti gambar tersebut gratis dan anda memiliki hak dalam menggunakannya, jika anda mulai memonetisasi blog anda dan menggunakan gambar yang dipotreksi hak cipta (copyrighted image). Anda bisa mendapatkan tuntutan dari pemilik gambar tersebut.

Ada banyak website fotografi tanpa royalti diluar sana. Beberapa dari mereka memiliki lisensi mereka sendiri, dan beberapa menggunakan lisensi yang sudah ada seperti Creative Commons atau GNU Free Documentation License. Sedangkan yang lainnya membuat sendiri aturan – aturan yang ada mengenai gambar mereka. Nah pada artikel ini saya akan berbagi tentang beberapa website yang bisa digunakan untuk mencari gambar gratis untuk artikel anda.

Website yang menyediakan Gambar Gratis

1. Gambar Gratis dari stock.xchng

Merupakan salah satu website foto stok yang paling terkenal, stock.xchng memiliki anggota fotografer yang sangat banyak. Lisensinya termasuk larangan – larangan yang terbilang standar, dimana tidak membutuhkan atribusi, ijin, atau notifikasi kepada pemilik gambar. Semua gambar yang ada pun berkualitas tinggi, dan kesemuanya merupakan gambar gratis

2. Koleksi Gambar Gratis dari Flickr

Karena Flickr merupakan sebuah website untuk berbagi foto, terdapat banyak foto dengan tag “all rights reserved” yang membutuhkan ijin dari fotografer foto tersebut. Namun anda bisa menggunakan fitur “Advanced search” dan seleksi atau pilih pada opsi “Only search within Creative Commons-licensed content”. Jika anda menggunakan gambar yang ada untuk tujuan komersial, anda juga bisa mencarinya dengan opsi “Find to use commercially”. 

3. Wikipedia Commons

Dibuat oleh organisasi non-profit yang menjalankan Wikipedia, website gambar gratis ini memiliki banyak stok foto dengan berbagai pilihan. Karena persyaratan pada submisi gambar mereka, Foto dari Wikipedia Common semuanya bisa digunakan kembali dibawah lisensi Creative Commons. Kebanyakan membutuhkan atribusi foto tersebut, sehingga pastikan bahwa anda mencantumkan kredit pada sumbernya.

Punya Referensi Gambar Gratis ?

Anda punya website atau blog lain yang merupakan tempat gambar – gambar gratis dimana kita bisa menggunakannya? ayo berbagi disini, dan buat koleksi disini semakin lengkap dengan berbagai sumber gambar gratis yang ada. Berbagi itu indah :)

 

sumber : http://ootofthebox.web.id/2012/02/tips-mencari-gambar-gratis/

Menu Horizontal Multi Level Menggunakan jQuery & PHP

January 31, 2012

Menu Horizontal Multi Level Menggunakan jQuery & PHP

Drop Down Menu
Di dalam sebuah website, seringkali kita menemukan penggunaan menu bertingkat seperti pada gambar di atas. Menu yang bertingkat tersebut sebenarnya adalah sebuah struktur pohon/tree di mana suatu menu bisa memiliki anak (submenu), dan submenu tersebut juga bisa memiliki anak lagi dan seterusnya sampai level tak terbatas.

Berikut ini adalah contoh struktur html menu yang terdiri dari 3 level (menggunakan tag html <ul> dan <li>):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<ul>
    <li><a href="menu1.html">Menu 1</a></li>
    <li><a href="menu2.html">Menu 2</a></li>
    <li><a href="menu3.html">Menu 3</a>
        <ul>
            <li><a href="menu31.html">Sub Menu 3.1</a></li>
            <li><a href="menu32.html">Sub Menu 3.2</a>
                <ul>
                    <li><a href="menu321.html">Sub Menu 3.2.1</a></li>
                    <li><a href="menu322.html">Sub Menu 3.2.2</a></li>
                    <li><a href="menu323.html">Sub Menu 3.2.3</a></li>
                </ul>
            </li>
            <li><a href="menu33.html">Sub Menu 3.3</a></li>
        </ul>
    </li>
    <li><a href="menu4.html">Menu 4</a></li>
</ul>

 

Kode html tersebut akan menghasilkan tampilan seperti ini:
menu-list

Dengan menggunakan jquery dan plugin jquerycssmenu, menu tersebut bisa kita ubah menjadi sebuah menu dropdown yang lebih menghemat tempat. Tinggal tambahkan script berikut ini di dalam head:

1
2
3
4
<link rel="stylesheet" type="text/css" href="jquerycssmenu.css" />

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquerycssmenu.js"></script>

Membuat menu dinamis dari database

Untuk membuat menu secara dinamis, kita bisa menggunakan database untuk menyimpan data menunya. Di bawah ini adalah struktur tabel untuk menyimpan menu:

1
2
3
4
5
6
7
8
CREATE TABLE `menu` (
  `id` tinyint(3) UNSIGNED NOT NULL AUTO_INCREMENT,
  `parent_id` tinyint(3) UNSIGNED NOT NULL DEFAULT '0',
  `title` varchar(100) NOT NULL DEFAULT '',
  `url` varchar(100) NOT NULL DEFAULT '',
  `menu_order` tinyint(3) UNSIGNED NOT NULL DEFAULT '0',
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM;

Kemudian gunakan script php ini untuk membuat list secara dinamis dari database tersebut. Script ini menggunakan sebuah fungsi rekursif untuk mengambil menu sampai ke level tak terbatas.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<?php
function get_menu($data, $parent = 0) {
	static $i = 1;
	$tab = str_repeat("\t\t", $i);
	if (isset($data[$parent])) {
		$html = "\n$tab<ul>";
		$i++;
		foreach ($data[$parent] as $v) {
			$child = get_menu($data, $v->id);
			$html .= "\n\t$tab<li>";
			$html .= '<a href="'.$v->url.'">'.$v->title.'</a>';
			if ($child) {
				$i--;
				$html .= $child;
				$html .= "\n\t$tab";
			}
			$html .= '</li>';
		}
		$html .= "\n$tab</ul>";
		return $html;
	} else {
		return false;
	}
}

mysql_connect('localhost', 'root', '');
mysql_select_db('tes');

$result = mysql_query("SELECT * FROM menu ORDER BY menu_order");
while ($row = mysql_fetch_object($result)) {
	$data[$row->parent_id][] = $row;
}

$menu = get_menu($data);
?>

Lihat demonya di sini

Membuat Menu Dinamis (Parenting Menu) dengan PHP

January 31, 2012

ini sebagai arsip saja,

misi dari tulisan ini adalah membuat menu parenting unlimited dengan PHP + (MySQL sebagai database), artinya menu tersebut mempunyai banyak submenu tanpa batas.

jadi kalo digambarkan kurang lebih seperti ini

Gambar menu parenting unlimited

 

Nah, contoh menu diatas , pada sub menu Indonesia1 masih bisa ditambah lagi beberapa sub menu bahkan hingga tak terbatas!! gimana keren kan!

Saya asumsikan bahwa kita telah mempunyai database latihan, dengan menggunakan database ini kita harus membuat sebuah table saya contohkan disini adalah table menu:

Struktur Database Menu Parenting Unlimited

Nah setelah membuat table menu, selanjutnya kita mulai koding, tentunya dengan PHP.

saya contohkan script ini dismpan sebagai file index.php

<?php
$db_host = ‘localhost’;
$db_user = ‘root’;
$db_pass = ‘root’;
$db_name = ‘latihan’;

$link = mysql_connect($db_host,$db_user,$db_pass) or die(“Koneksi error”);
$dblink = mysql_select_db($db_name,$link) or die(“Pilih database error”);

function show($id = ‘’){
$where = ‘’;
if(strlen($id) > 0) $where = ” WHERE parent=’$id’”;
$sql = “SELECT * FROM menu $where”;
$res = mysql_query($sql);
$num = mysql_num_rows($res);

while($row = mysql_fetch_assoc($res)){
if($i == 0) echo “\n<ul>”;
$i++;
echo “\n\t\t<li>$row[nama]“;
echo $i;
show($row[’id’]);
echo “</li>”;
if($i == $num)echo “\n</ul>”;
}

}

show(“0″);

?>

Setelah langkah ini dilakukan, selanjutnya kita harus mengisi table menu tadi untuk melihat hasilnya apakah berjalan dengan baik atau tidak.

kalo lagi males, kebetulan saya sudah siapkan sql buat ngisi table tersebut, tinggal copas saja dibawah:

 

INSERT INTO `menu` VALUES (1, 0, ‘Makanan’);
INSERT INTO `menu` VALUES (2, 0, ‘Minuman’);
INSERT INTO `menu` VALUES (3, 1, ‘Baso’);
INSERT INTO `menu` VALUES (4, 1, ‘Mi ayam’);
INSERT INTO `menu` VALUES (5, 1, ‘Pizza’);
INSERT INTO `menu` VALUES (6, 1, ‘Pecel’);
INSERT INTO `menu` VALUES (7, 2, ‘Jus Rmbutan’);
INSERT INTO `menu` VALUES (8, 2, ‘Es campur’);
INSERT INTO `menu` VALUES (9, 2, ‘Es Doger’);
INSERT INTO `menu` VALUES (10, 2, ‘Es Kenyot’);
INSERT INTO `menu` VALUES (11, 5, ‘Rasa ayam’);
INSERT INTO `menu` VALUES (12, 5, ‘Rasa Jamur’);
INSERT INTO `menu` VALUES (13, 11, ‘Kampung’);
INSERT INTO `menu` VALUES (14, 11, ‘Negeri’);
INSERT INTO `menu` VALUES (15, 14, ‘Indonesia’);
INSERT INTO `menu` VALUES (16, 14, ‘Arab’);

 

Sekarang kita bisa melihat hasil dengan membuka browser kemudianketikan alamat dimana anda menginstall script tadi :) .

 

sumber : http://di2n.blogsome.com/2009/08/21/membuat-menu-dinamis-parenting-menu-dengan-php/

Membuat halaman login Webmail di Webhosting

January 31, 2012

Membuat halaman login Webmail di Webhosting

Posted by admin | Posted on 29-08-2008

Category : Linux, PHP & MySQL

10

Seperti yang kita ketahui, bahwa akses email di hosting bisa dilakukan baik melalui Mail Client semacam Outlook Express, dsb maupun melalui webmail. Namun sering ada pertanyaan, bagaimana cara mengakses email lewat webmail tanpa melalui / login ke cPanel terlebih dahulu ?

Untuk menjawab pertanyaan diatas, bahwa akses email lewat Webmail TIDAK HARUS lewat/login dulu ke cPanel anda. Anda bisa mengakses webmail anda dengan url http://namadomainanda/webmail. Dari link tersebut, akan keluar popup login untuk memasukkan username dan password yang sebelumnya anda buat account emailnya dari cpanel. Setelah anda login, akan keluar 2 opsi untuk mengakses email melalui aplikasi Horde atau Squirellmail.

Default webmail diatas akan dilarikan ke port 2095 yang menjadi default port akses webmail anda, masalah baru timbul, ketika ternyata ada beberapa layanan koneksi internet ( ISP ) yang memblok port 2095 tsb, ataupun blocking terjadi di lokal network pengakses ( biasanya di kantor/instansi, dan hal ini adalah hak / wewenang admin terkait ).

Bagaimana mengatasi hal ini ?

Satu tips untuk solusi permasalahan diatas adalah membuat halaman login sendiri dengan default aplikasi webmail Squirellmail (port 80 ).

Pernah melihat seperti ini ?

url : http://mail.chaidir.info/src/login.php

atau ini ?

url : http://www.pks-matraman.org/mail/src/login.php

Bagaimana cara membuatnya ?

Berikut langkah-langkahnya :

1. Download aplikasi squirellmail

2. Upload ke dalam public_html hosting anda

3. Ekstrak file tsb, kemudian rename nama foldernya menjadi nama yang mudah anda ingat, misalnya email.

Note: anda bisa me-renamenya menjadi nama tertentu, kemudian buat subdomainnya. Misal: rename menjadi email, kemudian anda buat subdomain email ( otomatis akan mengarah ke folder tsb ), supaya anda bisa mengaksesnya nanti dengan http://email.namadomainanda.

Selanjutnya buat 2 buah folder baru di dalam folder squirellmail anda, masing-masing beri nama smdata dan attach, rubah permissionnya 777 untuk smdata dan 733 untuk attach, smdata digunakan untuk temp folder ketika melakukan pengiriman email, sedangkan attach sebagai temp folder attachment email anda.

5. Berikutnya adalah melakukan setup halaman login squirellmail anda, masuk ke folder config dari squirellmail anda, edit file config_default.php

Di line 487, pada bagian $data_dir = ‘/var/local/squirrelmail/data/’; ganti menjadi $data_dir = ‘/home/usercpanel/public_html/foldersquirell/smdata’;

Di line 505, pada bagian $attachment_dir ganti value nya menjadi ‘/home/usercpanel/public_html/foldersquirell/attach’;

Setelah itu save file tsb menjadi config.php, lalu coba akses halaman test squirellmail anda. Apabila sebelumnya anda telah membuat subdomain email, coba akses dengan http://email.namadomain/src/configtest.php , lihat apakah ada error disana.

Error yang terjadi biasanya adalah ketidaksesuaian configurasi php server anda untuk :

magic_quotes_runtime = Off
magic_quotes_gpc = Off
magic_quotes_sybase = Off

Error ini bisa diakali dengan membuatkan satu file .htaccess di folder squirell anda, lalu isikan :

php_flag magic_quotes_gpc off

Note: contoh diatas adalah flag tambahan untuk default server IDwebhost.

Setelah itu coba akses kembali configtest.php anda, apabila sudah tidak ada error, squirellmail anda sudah siap digunakan.

Selamat mencoba.

Sumber : blog.idwebhost.com dan berbagai sumber

No related posts.

Daftar Keyboard Shortcut Excel yang Biasa Kita Gunakan

January 31, 2012

Hallo sobat ruang software, kali ini saya ingin men-share shortcut keyboard excel yang biasa kita pakai saat kita bekerja dengan Microsoft Excel. Dengan membiasakan menggunakan shortcut ini kita akan hafal lama-lama dan tentu saja itu akan mempercepat kinerja kita serta membuat kita tampak seperti excel expert. Ok cekidot guys.Daftar Keyboard Shortcut Excel yang Biasa Kita Gunakan

Ctrl+Z Undo atau membatalkan perintah yang anda lakukan sebelumnya
Ctrl+V Multiple Paste atau tempel berkali-kali
Ctrl + C Copy / menyalin teks atau objek
Ctrl+X Cut / menyalin text atau objek dengan menghilangkannya
Enter Paste atau Tempel sekali (dengan catatan sebelumnya kita sudah menekan tombol Ctrl + C atau Ctrl + X)
Ctrl+F Find (menampilkan kotak pencarian)
Ctrl+H Find & Replace (menampilkan kotak pencarian sekaligus teks yang ingin diganti)
Ctrl+P Print worksheet, jangan khawatir karena tidak akan langsung memprint tetapi akan ditampilkan terlebih dahulu kotak dialog untuk mengatur setting printer
Ctrl+S Save atau untuk menyimpan worksheet yang sedang aktif atau dilihat saat ini
Ctrl+F4 Close atau menutup worksheet yang sedang aktif atau dilihat saat ini
Alt+F4 Keluar dari Excel
Ctrl+Arrow Pindahkan kursor ke ujung cell kosong paling atas, bawah, kanan atau kiri, tergantung arrow atau panah yang ditekan.
Ctrl+* Memilih bagian saat ini
Ctrl+A Memilih semua sel dalam satu sheet
Ctrl+Home Memilih sel  A1
Ctrl+End Memilih sel terakhir dalam range yang digunakan
Ctrl+Shift+End Select from active cell to last cell in used range.
Ctrl+Shift+Home Select from active cell to A1
Ctrl+Page Down Pindah ke sheet berikutnya (ke kanan)
Ctrl+Page Up Pindah ke sheet sebelumnya (ke kiri)
Ctrl+Tab Pindah ke workbook lain yang dibuka
Ctrl+N Membuat workbook baru
Shift+F11 Menambahkan worksheet baru
Shift+F3 Menampilkan jendela Formula
=+FunctionName+Ctrl+A    Menambahkan fungsi baru
Alt+F11 Membuka Visual Basic Editor
Ctrl+Shift+Enter Array formula
Ctrl+F3 Mendefinisikan nama
F3 Paste / tempel nama
Ctrl+Spacebar Memilih satu kolom semuanya dari paling atas ke paling bawah
Shift+Spacebar Memilih satu baris semuanya, dari paling kiri ke paling kanan
Ctrl+1 Menampilkan kotak dialog Format Sel
Ctrl+B Bold / menebalkan huruf
Ctrl+U Underline / memberikan garis bawah pada teks
Ctrl+; Memasukkan tanggal saat ini
Ctrl+shift+: Memasukkan waktu / jam saat ini
Ctrl + o Buka dokumen excel
Ctrl + 9 Menyembunyikan baris
Ctrl + 0 Menyembunyikan kolom
Ctrl + - Menampilkan pilihan penghapusan sel, apakah mau satu kolom, satu barus, sel diatasnya saja atau sel di bawahnya saja

Selain shortcut di atas sebenarnya ada yang lain lagi, yang sebenarnya merupakan shortcut dari menu. Misalnya paste special –> Alt + e + s atau Alt + E + S. Kalau di Excel 2007 menu bar ini tidak ada lagi, shortcut ini merupakan peninggalan dari Office 2003 dan dibawahnya yang masih memiliki menu bar.

catatan : tanda + misalnya Ctrl + 9 berarti anda harus menekan tombol Ctrl dan tombol 9 secara bersamaan.

Follow

Get every new post delivered to your Inbox.