Selasa, 15 Oktober 2013

Mengatur Teks Pada CSS3


STYLE UNTUK FONT FAMILY

Font family digunakan untuk menentukan jenis huruf/font pada suatu tampilan teks. Berikut ini adalah nama properti dan penulisan valuenya:

font-family: name;    
dengan name adalah jenis font yang Anda inginkan.

Contoh:
p {
font-family: arial;
}

Anda juga dapat memberikan jenis font lebih dari satu yang dipisahkan dengan koma.  
Contoh:
p {
font-family : "arial black", arial, "Times New Roman";
}

Maksud dari style di atas adalah bahwa jenis font arial black akan diprioritaskan untuk digunakan. Namun apabila font tersebut tidak disupport oleh browser maka yang digunakan arial, begitu seterusnya.

Sebagai catatan, untuk jenis font yang terdiri dari lebih satu kata harus diapit dengan tanda petik ganda (double quotes).


MENGATUR UKURAN FONT  


Pengaturan ukuran font dapat dilakukan dengan style yang menggunakan properti 

font-size : size;

dengan size diisi angka yang menyatakan ukuran disertai satuannya.

Contoh: 




















CSS Guide


Pada contoh diatas, paragraph pertama berukuran 20 pixel sedangkan paragraph kedua berukuran normal (default). Sebagai catatan, teks berukuran 16px secara default.

Hasilnya tampak berikut ini:




MEMBUAT TEKS ITALIC

Membuat teks italic dapat pula dilakukan melalui style. Berikut ini cara penulisannya:

Style diatas akan menghasilkan teks paragraph yang berjenis font arial dan italic.




MEMBUAT TEKS TEBAL (BOLD)

Untuk membuat teks tebal atau bold, property yang digunakan adalah:

Tampilannya seperti dibawah ini:


















Senin, 14 Oktober 2013

Perencanaan Usaha Katering Makanan Bayi



Bisnis katering makanan bayi memang masih jarang yang kita ketahui, tapi bukan berarti tidak ada peluang untuk mendapatkan untung yang menggiurkan dari bisnis ini. Sekarang ini mulai banyak orang yang memiliki usaha katering makanan bayi secara online. Alasan mereka membuat usaha katering ini adalah untuk membantu para orangtua dalam memberikan asupan makanan yang bergizi, menyehatkan, higienis dan kualitas terjamin kepada buah hatinya yang masih bayi tetapi tidak menyita waktu si ibu. Kita tahu,saat ini para ibu rumah tangga memiliki tugas yang tidak hanya melakukan pekerjaan dirumah dan mengasuh anak serta suaminya, tapi juga pekerjaan dikantor. Sehingga mereka sulit menemukan waktu yang banyak untuk memasak makanan sehari-hari untuk bayinya tercinta. Apalagi tidak semua bayi mudah untuk menyukai makanan yang dibuatkan ibunya, mereka perlu variasi dalam menciptakan makanan yang tidak hanya enak tetapi menarik saat mereka lihat. Dalam perencanaan usaha katering tersebut terdapat 3 faktor yang harus diperhatikan, diantaranya adalah:

Menu yang tersedia
Katering kami menyediakan dua jenis pilihan menu, untuk anak usia 7 bulan - 11 bulan (tanpa tambahan gula garam) dan anak usia 1 tahun ke atas, makanan tanpa pengawet, MSG, pewarna kami hadirkan dengan kesegaran dan kami juga mengerti akan kebutuhan anak yang berbeda-beda, oleh karenanya kami juga mengerti dan bisa mengganti bahan makanan yang digunakan dengan bahan makanan pantang (alergi) dari anak.
Adapun harga dan paket yang kami tawarkan sangat beragam, berikut daftar harga termasuk ongkos layanan antar:
1.      3 hari :        
Rp 200.000 (7 bulan+)
Rp 210.000 (1 tahun+)

2.      4 hari :       
Rp 250.000 (7 bulan+)
Rp 262.000 (1 tahun+)

3.      5 hari :       
Rp 255.000 (7 bulan+)
Rp 270.000 (1 tahun+)

Katering lebih dari 10 hari:
1.      Rp 50.000 /hari (7 bulan+)
2.      Rp 55.000 /hari (1 tahun+)
 
Harga paket
Makan siang-makan malam-selingan dan termasuk biaya antar satu kali per hari.

Contoh menu:
Hari
Siang
Selingan
Sore
Senin
Perkedel ikan+sup kuning
Jus strawberry
Fish nugget
Selasa
Ayam crispy+cah bayam
Pudding+caramel buah
Fillet ikan
Rabu
Sup gurih+tempe crispy
Jelly tutty fruity
Perkedel daging
Kamis
Brokoli saus+ayam jamur
Jus sirsak+papaya potong
Tim tuna
Jumat
Soto udang+bakwan sukini
Strawberry jelly
Shrimp nugget

Lokasi 
Lokasi yang dipilih untuk membuat katering ini adalah di Depok.
 Tapi jika ada pesanan dari luar Depok, tidak perlu kuatir. Karena katering memiliki pelayanan antar makanan. Pemesanan pun dapat dilakukan via sms, telepon, messenger ataupun twitter/facebook.

Perekrutan Tenaga Kerja
Dalam perekrutan tenaga kerja disini saya menggunakan tenaga kerja yang dibayar bulanan. Saya merekrut 2 pria ataupun wanita yang memiliki keahlian memasak, 1 orang untuk mencuci piring dan 1 pria sebagai pengantar pesan antar makanan.
Tahap - tahap perekrutan : Dibutuhkan tenaga kerja 2 wanita/pria yang memiliki keahlian memasak, menjaga kebersihan, disiplin, rajin. 1 wanita/pria yang rajin dan 1 pria yang memiliki keahlian mengendarai motor.

Tanggung Jawab Sosial
Tanggung jawab sosial kepada masyarakat adalah selalu menjaga mutu, kebersihan makanan, dan juga menjaga kualitas makanan agar tetap sehat dan juga mengantar pesanan tepat waktu.

Jumat, 25 Januari 2013

MENGENAL ISTILAH TIPOGRAFI


Tipografi? atau dalam bahasa inggris Typography? Pasti tak asing lagi bukan dengan istilah ini? Jika anda ingin belajar desain grafis wajib mengetahui istilah ini karena akan sangat membantu anda dalam mengerjakan sebuah pekerjaan desain. Artikel berikut akan menjelaskan apa itu tipografi serta hal-hal apa saja yang kira-kira melibatkan tipografi.

Pengertian Tipografi

 

Tipografi (dalam bahas inggris : Typography) adalah perpaduan antara ilmu seni dan teknik mengatur tulisan, agar maksud serta arti tulisan dapat tersampaikan dengan baik secara visual kepada pembaca. Tipografi tidak hanya terbatas lewat pemilihan jenis huruf, ukuran huruf, dekorasi, kesesuaian dengan tema, tetapi juga meliputi tata letak vertikal atau horizontal tulisan pada sebuah bidang desain. Tipografi juga bisa dikatakan sebagai “visual language” atau dapat berarti “Bahasa yang dapat dilihat”.
Tipografi (typography) menurut Roy Brewer (1971) dapat memiliki pengertian luas yang meliputi penataan dan pola halaman, atau setiap barang cetak. Atau dalam pengertian lebih sempit hanya meliputi pemilihan, penataan dan berbagai hal bertalian pengaturan baris-baris susun huruf (typeset), tidak termasuk ilustrasi dan unsur-unsur lain bukan susun huruf pada pada halaman cetak.
Tipografi Menurut Stanley Marrison “Tipografi dapat didefinisikan sebagai keterampilan mengatur bahan cetak secara baik dengan tujuan tertentu; seperti mengatur tulisan, membagi-bagi ruang/spasi, dan menata/menjaga huruf untuk membantu secara maksimal agar pembaca memahami teks. Typography merupakan cara hemat untuk benar-benar membuat bermanfaat dan hanya secara kebetulan mencapai hasil estetis, oleh karena menikmati pola-pola, jarang sekali menjadi tujuan utama.”
Ilmu tipografi digunakan pada banyak bidang diantaranya desain grafis, desain web, percetakan, majalah, desain produk dll. Tipografi digunakan oleh para desainer untuk berkomunikasi dengan pembacanya secara visual agar maksud dari tulisan lebih mudah difahami.

Sejarah Perkembangan Tipografi

Sejarah perkembangan tipografi dimulai dari penggunaan pictograph. Bentuk bahasa ini antara lain dipergunakan oleh bangsa Viking Norwegia dan Indian Sioux. Di Mesir berkembang jenis huruf Hieratia, yang terkenal dengan nama Hieroglif pada sekitar abad 1300 SM. Bentuk tipografi ini merupakan akar dari bentuk Demotia, yang mulai ditulis dengan menggunakan pena khusus.
Puncak perkembangan tipografi, terjadi kurang lebih pada abad 8 SM di Roma saat orang Romawi mulai membentuk kekuasaannya. Karena bangsa Romawi tidak memiliki sistem tulisan sendiri, mereka mempelajari sistem tulisan Etruska yang merupakan penduduk asli Italia serta menyempurnakannya sehingga terbentuk huruf-huruf Romawi.
Saat ini tipografi mengalami perkembangan dari fase penciptaan dengan tangan hingga mengalami komputerisasi. Fase komputerisasi membuat penggunaan tipografi menjadi lebih mudah dan dalam waktu yang lebih cepat dengan jenis pilihan huruf yang ratusan jumlahnya.

Anatomi huruf dalam tipografi

Setiap bentuk huruf dalam sebuah alfabet memiliki keunikan fisik yang menyebabkan mata kita dapat membedakan antara huruf ‘m’ dengan ‘p’ atau ‘C’ dengan ‘Q’. Keunikan ini disebabkan oleh cara mata kita melihat korelasi antara komponen visual yang satu dengan yang lain. Sekelompok pakar psikologi dari Jerman dan Austria pada tahun 1900 memformulasikan sebuah teori yang dikenal dengan teori Gestalt. Teori ini
berbasis pada ‘pattern seeking’ dalam perilaku manusia. Setiap bagian dari sebuah gamabar dapat dianalsisi dan dievaluasi sebagai komponen yang berbeda. Salah satu hukum persepsi dan teori ini membuktikan bahwa untuk mengenal atau ‘membaca’ sebuah gambar diperluakan adanya kontras atara ruang positif yang disebut dengan figure dan ruang negatis yang disbut dengan ground.

Jenis-jenis Huruf

Berikut ini beberapa jenis huruf berdasarkan klasifikasi yang dilakukan oleh James Craig, antara lain sbb :
  1. Roman
    Ciri dari huruf ini adalah memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Huruf Roman memiliki ketebalan dan ketipisan yang kontras pada garis-garis hurufnya. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminin.
  2. Egyptian
    Adalah jenis huruf yang memiliki ciri kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulakn adalah kokh, kuat, kekar dan stabil.
  3. Sans Serif
    Pengertian San Serif adalah tanpa sirip/serif, jadi huruf jenis ini tidak memiliki sirip pada ujung hurufnya dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer sama.
  4. Script
    Huruf Script menyerupai goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifast pribadi dan akrab.
  5. Miscellaneous
    Huruf jenis ini merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental.





Minggu, 25 November 2012

SEMIOTIKA


Semiotika adalah ilmu tentang tanda-tanda yang menawarkan penjelasan tentang bagaimana orang mengambil makna dari kata-kata, suara dan gambar. Pemahaman tentang semiotika membantu seorang desainer untuk menanamkan bekerja dengan referensi yang memungkinkan beberapa lapisan informasi kepada pembaca.

Prinsip-Prinsip Semiotika
Desainer menggunakan gambar untuk berkomunikasi. Ketika gambar dikembangkan melalui penerapan prinsip-prinsip semiotik, perangkat grafis dapat dibuat berarti lebih dari itu akan tampak pada pandangan pertama. Jenis citra, gaya dan presentasi, kualitas dan bagaimana hal itu telah direproduksi semua dapat menambahkan lapisan makna pada desain keseluruhan, menggambar arti yang berbeda dari konteks dimana ia ditempatkan. Desain bee (berlawanan) untuk madu Waitrose adalah contoh yang baik sebagai tiga garis sejajar pada tubuh lebah menjadi ‘E’ dalam konteks deretan huruf yang ditempatkan.

Simbol, gambar, dan symbol indeks
Simbol adalah representasi fisik yang dikenali dari pokok-pokoknya, sementara gambar bergantung pada pemahaman bersama. Misalnya, ‘anjing’ juga bisa menjadi symbol, elemen faktorial yang mengkomunikasikan  konsep, ide atai objek, seperti tanda, pictogram, atau elemen grafis yang menggambarkan suatu tindakann melalui referensi visual atau petunjuk. Sebuah salib merah adalah gambar yang dipahami secara universal, yang berarti bantuan atau perawatan medis. Indeks adalah tanda-tanda yang memiliki pranala ke objek. Misalnya tapal kuda atau sebuah landasan bisa menjadi indeks untuk kuda.

Tanda
Tanda sering menjadi elemen grafis yang digunakan untuk visual mewakili objek, orang atau ide dengan mengurangi kekarakteristikan. Sederhana dan langsung dikenali. Misalnya melalui tanda atau penanda ‘anjing’, sebuah gambar anjing disampaikan, huruf  ‘d’, ‘o’, dan ‘g’ atau gambar kulit memberikan pesan yang sama. Seekor anjing juga dapat diwakili oleh tanda grafis, sketsa atau gambar. Contohnya adalaj palang merah, tanda yang diakui secara luas


Simbol
Gambar visual kuda ini merupakan gambar yang terlihat seperti kuda.
Gambar
Ini merupakan gambar tapal kuda pada tingkat yang paling dasar, tetapi menyiratkan arti lain seperti balapkuda dan bahkan keberuntungan.

Indeks
Anvil ini adalah link atau indeks ke kuda atau pandai besi, meskipun terlihat tidak



Kemasan Madu Waitrose (kanan)
Kemasan Turner Duckworth untuk madu Waitrose menampilkan sebuah tipografi pengobatan sederhana yang bermain pada huruf ‘E’ pada tulisan ‘HONEY’ untuk menciptkan gambar pada tubuh bergaris pada lebah. Desain serbaguna juga sebuah indeks.


Made in Medway (kanan)Made in Medway adalah sebuah buku yang dirancang dan diproduksi oleh Steve Rowland bekerja sama dengan Medway Renaissance, sebuah organisasi yang juara wilayah Medway di Inggris. Buku ini menampilkan karya dan wawasan seniman dan desainer didaerah. Pada tingkat denotatif, jenis judul jelas menyampaikan tentang apa buku ini. Pada tingkat kognitif, penggunaan jenis yang telah berulir menyiratkan buatan tangan kerajinan. 






Kognitif
Cara dimana gambar disajikan secara dramatis mempengaruhi bagaimana informasi diinterpretasikan. Gambar adalah perangkat komunikasi yang kuat karena orang dapat mengekstrak nilai yang berbeda, banyak dari mereka karena mereka sering memiliki makna kognitif jauh melampaui unsur denotatif mereka. Kognisi mengacu pada hak-hal yang telah kita pahami, pelajari atau beralasan. Sebuah gambar menunjukkan seorang wanita tapi wanita mungkin memiliki konotasi lain seperti keluarga, kecantikan, dan cinta. Dalam contoh diatas, presentasi visual menyediakan kait kognitif bahwa warna bagaimana kita menginterpretasikan informasi yang disajikan, baik dari segi warna merah dan pemilihan jenis huruf.


Denotatif
Arti denotative adalah bermakna literal eksplisit yang kita ambil dari gambar. Pada dasarnya, mengambil apa yng kita llihat pada nilai nominalnya. Misalnya, ‘wanita’ bisa diartikan atau menunjukkan seseorang dari jenis kelamin perempuan atau menjadi ibu atau saudara perempuan. Desainer grafis perlu mempertimbangkan baik nilai kognitif dan denotative yang dapat ditanamkan ke dalam karya karena cara informasi yang disajikan. Interpretasi yang berbeda dan mungkin dapat menyebabkan kebingungan dan kontradiksi dimana ada konflik antara apa yang kita lihat (denotatif) dan apa yang kita rasakan (kognisi).
 

Pilihan Jenis Huruf (kanan)
Jenis huruf idak hanya simbol yang mewakili suara, jenis huruf juga memiliki kualitas kognitif yang membantu bercerita, yang berarti desainer perlu mempertimbangkan hal-hal yang disampaikan disamping apa yang sebenarnya dikatakan. Sebagai contoh, masing-masing enam font memiliki karakteristik yang berbeda yang mengatakan lebih dari sekedar huruf ‘B’ untuk pembaca.


Saturday Night Experience (bawah)
Gambar disini adalah sampul CD dibuat oleh Mark Design, London untuk Saturday Night Experience music kompilasi dirilis oleh Azul Records. Foto close-up yang banyak dengan pantulan cahaya muncul seperti keringat diwajah orang. Foto-foto itu memproyeksikan makna kognitif clubbers dan penari, sedangkan latar belakang hitam menunjukkan atau menunjukkan suasana larut malam di klub.