Presentation dan Layout pada Website

Presentation dan Layout pada Website

Komponen dalam website dapat terdiri atas :

  • Images
  • Text
  • Color and background
  • Tables and layout
  • Frame
  • Multimedia
  • CSS

Gambar menjadi pelengkap dan dapat juga sebagai content untuk informasi tambahan.

Contoh images dalam website seperti GIF, JPEG, XBM (XBitmap), XPM (XPixelmap), PNG (Portable Network Graphic).

Pixel merupakan elemn terkecil dari sebuah image. Terdapat gradasi warna terdiri atas RGB (Red Green Blue) masing-masing memiliki nilai 0-255.

File gambar yang dapat melakukan transaparan utnuk sebuah web yakni GIF (Graphic Interchange Format), dan GIF juga dapat melakukan animasi sederhana dimana frame-frame gambar digabungkan sehingga membentuk gambar gerak.

Warna hitam memiliki kode #000000 dan warna putih berkode #FFFFFF.

Contoh Color Space atau dapat disebut juga sebagai bidang warna :

  • RGB (Red Green Blue)
  • CMYK, digunakan pada layar televise dan printing
  • HSB
  • YCBR

Gambar dibagi lagi menjadi 2 yakni :

  • Non Dithered, dimana hasil gambar yang diciptakan halus
  • Dithered, gambar yang ihasilkan memiliki pola bintik-bintik warna semacam noise

Alt text dalam pemrograman web dapat disebut juga sebagai alternate text, jadi jika gambar tidak dapat ditampilkan maka alternate text akan membantu untuk mendeskripsikan gambar yang seharusnya muncul atau dapat digunakan sebagai tool tips ketika gambar di hover oleh mouse atau dibayangi oleh mouse.

Gambar dapat juga sebagai tombol. Jadi gambar diklik sehingga akan mereferensikan ke link halaman yang lain.

Satu lagi kita dapat melakukan pemograman image map seperti halnya yang diterapkan pada facebook yang dapat melakukan tag-ing terhadap foto-foto untuk identifikasi foto siapakah ini. Dimana image map ini melakukan pemetaan sekaligus gambar sehingga kita dapat melakukan pemilihan link maupun posisi dengan koordinat.
 

Gambar Contoh ImageMap, hanya dengan 1 gambar saja namun kita dapat membagi link dari gambar ini

Berikut saya bagikan ilmu saya mengenai image mapping terhadap gambar menggunakan koordinat sebagai titik pemilihan, berikut adalah source codenya

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Untitled Document</title>

</head>

<body>

<DIV ALIGN=CENTER>

<MAP NAME=”map1″>

<AREA HREF=”contacts.html” ALT=”Contacts” TITLE=”Contacts” SHAPE=RECT COORDS=”28,22,122,119″>

<AREA HREF=”products.html” ALT=”Products” TITLE=”Products” SHAPE=RECT COORDS=”147,36,242,130″>

<AREA HREF=”new.html” ALT=”New!” TITLE=”New!” SHAPE=RECT COORDS=”76,148,184,232″>

</MAP>

<IMG SRC=”tes.gif” ALT=”Gambar Coba2″ BORDER=0 WIDTH=301 HEIGHT=301 USEMAP=”#map1“>

<BR>

</DIV>

</body>

</html>

Selamat belajar pemrograman website, salam ericovamili ! πŸ˜€

Pembagian Website

Pembagian Website

Saya rasa dalam pembahasan kita kali ini banyak yang sudah mengerti mengenai pembagian website. Silakan menambahkan jika saya ada kekurangan melalui kolom komentar yang telah disediakan πŸ™‚ namun tidak ada salahnya saya membagikan ilmu saya pada anda pembaca setia ericovamili.

Tema merupakan langkah awal untuk menentukan desain sistem website yang akan digunakan. Kemanakah arah tema website yang akan anda bagun ? Tema dalam sebuah website dapat terdiri atas :

  • Ecommerce
    • Barang, barang ini dapat dibagi-bagi kembali seperti
      • Makanan
      • Benda seperti alat tulis, produk-produk berupa benda
    • Jasa
      • Direct Selling atau MLM (Multi Level Marketing)
      • Konsultasi
      • Penanganan Proyek
  • Portal
  • SIG (Sistem Informasi Geografis) atau Sistem Informasi Lainnya
  • Informasi Kuliner
  • Lainnya
    • Survei
    • Pemesanan Makanan

Apakah tema bersifat mengikat ? Saya jawab tidak. Mengapa? Karena anda lah yang menentukan kemanakah website anda, acuannya adalah TEMA yang anda gunakan serta kalau boleh saya tambahkan adalah KREATIVITAS. Jadi dengan adanya tema dan menambahkan kreativitas pada website anda lain dari website lain maka website yang anda bangun terbilang berbeda.

Contoh website Extreme Portal Autotechnic yang saya bangun di awal tahun 2007

Nah menurut sumber yang saya kutip dari Prowebpro di bawah ini, Elemen-elemen yang vital dalam perancangan website adalah:

1. Warna

Pilih warna sesuai yang akan disajikan. Warna hitam menyatakan eksklusif, warna abu-abu berarti professional, warna biru memberikan kesan high technolgy dan lain sebagainya. Jumlah warna juga perlu dipikirkan, jumlah warna sebaiknya 2 atau 3 saja.

2. Elemen-elemen dalam disain

Elemen-elemen disain mencerminkan kesan yang akan ditampilkan. Website professional cenderung menampilkan elemen-elemen garis, lengkung yang lembut. Web site remaja cenderung menampilkan elemen-elemen yang mempunyai kontast tinggi dan sebagainya.

3. Layout

Layout bisa memberikan kesan ramai, sederhana dan sebagainya.

Layout ini meliputi peletakan menu dan peletakan isi. layout yang banyak judul artikel memberikan kesan ramai, layout yang hanya menampilkan beberapa elemen utama menimbulkan kesan sederhana dan lain sebagainya.

Baik sekian penjelasan saya mengenai tema website. Apabila ada pertanyaan silakan mengemukakan melalui form komentar atau interaksi saya langsung, dengan senang hati saya akan menjawab apa yang bisa saya jawab untuk Anda kawan πŸ˜€

Hunting Time Pasar Atom

Hunting Time Pasar Atom

Yuhuu ericovamili ! kali ini saya sharing belanjaan saya :p jarang-jarang low saya bagi-bagi info apa yang saya belanjain low *halah* hehehe

Petualangan saya kali ini tidak sendirian, bersama para teman baik saya dari Yoyo (Yohanes Setiawan), Yunus Sinarto, Rendy Wijaya..low mana cewe nya? Biasa lah jadi jomblo ya gini ini haha :p

Acara ke Atom ramai-ramai ini yah hitung-hitung menghilangkan penat akan rutinitas, apalagi kami yang satu kampus di Kampus Galon Biru Nirawana selalu banyak tugas. Jadi yahh menyempatkan diri kesini untuk memenuhi kebutuhan sandang pangan hehe Singkat saja ceritanya yang penting bagi-bagi pengalaman..

Huntingan pertama menuju ke UFO Factory Outlet. Untuk memnuhi kebutuhan Yoyo, dengan membeli jins merk BOSS seharga Rp. 179.000, kemudian menuju Harajuku untuk membeli Kaos berkerah untuk Yunus Sinarto seharga Rp.275.000 kemudian dapat diskon karena si Rendong eh Rendy punya kartu diskon.

Yah kemudian saya juga membeli tas ransel baru untuk laptop menggantikan tas POLO yang telah menemani saya selama 3;5 tahun :p Ada sih tas asli dari laptop Acer saya tapi ya gimana-gimana untuk high mobility saya lebih suka pakai ransel πŸ™‚

Tas Navy hitam telah terbeli setelah dibantu dengan teman saya si Rendong (Rendy) yang ciamso (ciamik soro) dalam urusan tawar menawar dan mendapat harga diskon jadi cukup merogoh kocek Rp.210.000. Awalnya sih saya naksir dengan tas polo hitam di toko sebelahnya ,ukuran tasnya besar banget dan lega untuk bawa barang ini itu, cuman ya itu tadi besar ukuranya, susah masuk loker kampus..tapi setelah hunting lagi ketemulah tas Navy ini. Setelah saya pakai tas ini nyaman, di laptop beserta buku-buku berat dan botol minum masuk semua di tas tidak terasa berat di pundak. Sisi ketebalannya juga nyaman untuk digunakan lah, top markotop buat ini tas Navy πŸ˜€

Low trus belanjaanya Rendy mana? Rendy tidak membeli apapaun di episode shopping kali ini. Sebenarnya sudah dapat kemeja di Harajuku yang menurut saya pas untuk dia namun kekecilan jadi aneh gitu hasilnya :p

Okai belanjaan sudah terpenuhi dilanjutkan dengan kuliner tentunya. Perjalanan menuju foodcourt hall Pasar Atom untuk membeli :

  1. Nasi Babi Betutu Bali di counter Nasi Betutu Bali seharga Rp.23.000. ini satu porsi berisi babi serta sayuran, pas lah untuk saya alergi ini itu yang sekarang hanya bisa makan babi atau sapi, kambing mbeeeekkk…
  2. Es Tong Tji seharga Rp.3000
  3. Es Juice di sebuah counter jus baru bernama “Slush Yocie” yang identik dengan warna biru. Disini jus yang disediakan sudah di mix dengan es pasrah yang sudah di olah dalam mesin untuk digiling terus menerus. Kalau saya merasakan, kandungan dalam minuman ini asli buah tanpa campuran apapun. Kalau di bandingin dengan jus yang di jual di pinggir jalan, untuk terasa-terasa nya lebih terasa yang di pinggir jalan karena pada Yochie menurut saya banyak es pasrahnya jadi ketika diminum kesegaran dingin es lebih berasa. Semua menu buah yang disediakan disini seharga Rp.5000 dan tambah Rp.1000 bisa mendapatkan jelly yang dicampur pada gelas Yochie anda. Saya memilih Yochie Guava + Jelly seharga total Rp.6.000
  4. Kemudian untuk makan ramai-ramai dipilihlah donut tanpa bahan pengawet dan murah meriah yakni Jojo Donut seberang dari Slush Yochie. Pilihan menu dapat dipilih sendiri sesuai dengan yang kita inginkan. Perlu diketahui bahwa Jojo Donut ini donut kentang, namun mengingat saya alergi terhadap kentang dan roti tetap saja saya hanya bisa melihat dan meratapi kawan-kawan makan donut huff πŸ™ kami membeli 12 buah donut dengan merogoh kocek Rp.24.000 tidak terlalu mahal dan cukupan untuk kualitas rasa dan skala mall.

Baik sekian dulu curcol dari saya untuk liputan jalan-jalan di Pasar Atom ini. Semoga next episode saya bisa cerita mengenai belanjaan lagi πŸ˜€ Salam Ericovamili.

Cara Cepat Membaca Unread Email Gmail

Nha kali ini saya bagi-bagi ilmu mengenai Trik di anda yang menggunakan Gmail yang mana email selalu penuh seperti saya dengan banyak email ini itu.

Kendala utama anda yang mengalami permasalahan seperti saya adalah banyaknya email yang tidak terbaca akibat menumpuk di inbox bahkan meskipun anda telah menggunakan filtering dengan label, betul? Hehe πŸ™‚

Nah triknya adalah :

Ketikan “is:unread” tanpa tanda kutip di bagian search. Alhasil email-email yang belum anda baca akan masuk di definisi pencarian ini. Semoga membantu.

Army Of God : True Worshipper Youth

Army Of God : True Worshipper Youth

“TAK TERBATAS KARYA-MU DI DALAM DUNIAKU

TAK TERUKUR KASIH-MU KAU MENEBUS HIDUPKU

DENGAN KAU DI SISIKU KUKALAHKAN S’MUA MUSUH

BUKAN KAR’NA HEBATKU NAMUN KAR’NA KUASA-MU”

 

Yuhuu ericovamili, ada lagi nih episode Army Of God. Sebuah kehormatan besar saya di undang lagi untung meliput acara yang dihelat oleh Komunitas Gereja Mawar Sharon. Kali ini press conference bukanlah Vaness Wu seperti yang pernah saya beritakan disini tapi kali ini bersama band rohani yang membawakan lirik prolog liputan saya ini yakni TW Youth (baca TeWe bukan Tewel :p) singkatan dari True Worshipper Youth.

Terima kasih untuk Ce Errien yang senantiasa mengajak saya sebagai sosial media dalam memberitakan kegiatan positif dimana anak muda dapat kebaktian bersama dan bersatu sebagai generasi muda dengan slogan dari setiap event Army Of God, Highly Influence – Highly Intellectual – Highly Spiritual untuk membawa generasi muda tidak terbawa arus dunia yang sesat akan pergaulan duniawi yang sudah broken dan senantiasa dalam jalan Tuhan.Amiinnn πŸ™‚

AOG (Army Of God) kali ini di Jatim Expo jam 10 pagi hari Minggu 26 September 2010. Ini kunjungan kedua saya ke AOG,setelah kemarin cerita saya sewaktu pertama kali ke Army of God untuk meliput Vaness Wu.

Dengan perlengkapan senjata SLR baru *halah*,fotografi konser pun tak terlewatkan dan puas dengan hasil jepretan yang berbeda,beda bangetlah yang pasti dengan memakai kamera pocket saya sebelumnya hehe :p

Kegiatan kebaktian yang dipimpin oleh Pastor Philip Mantofa, sosok figure yang sudah tidak asing lagi bagi gereja-gereja di Indonesia dan Asia. Melalui bukunya “Before 30” & “Trip to Hell” banyak menjadi inspirasi bagi generasi muda saat ini untuk lebih mencintai Tuhan. Ok kebaktian telah selesai dan tibalah acara press conference dengan teman-teman dari Band True Worshipper Youth di ruang VIP pers.

Profile TW Youth ??

Perlu teman-teman ketahui bahwasanya TW Youth (True Worshipper Youth) adalah bagian dari tim praise and worship Oxygen yang merupakan youth church dari JPCC (Jakarta Praise Community Church) dengan tujuan utama mereka adalah untuk mempengaruhi generasi muda sehingga mereka bisa makin dekat dengan Tuhan dengan lagu-lagu yang dibawakan dan semakin punya kehidupan yang meningkat. Di bawah bimbingan Youth pastor mereka seperti Sidney Mohede dan Jussar badudu, TW Youth penah menggelar konser live recording “Breathe” di tahun 2006, “Forever Reign” di tahun 2007, “All For You” di tahun 2008, “Higher Depper” di tahun 2010 ini. TW Youth ini berbeda dengan TW yang saya kenal yang menyanyikan “We Will shine, shine like star above..” bedanya TW Youth ini khusus untuk anak muda namun dengan TW sebelumnya satu gereja dan satu aliran tentunya.

Resep Membuat Lagu dari TW Youth ??

Lagu yang dibawakan oleh TW Youth ini terinspirasi dari lagu sekuler. Resep dari lagu-lagu berkualitas yang dibawakan dukungan dari lingkungan gereja yang trust (percaya) dan di ijinkan dengan eksperimen terhadap lagu-lagu yang telah dibuat apakah cocok dan dapat diterima.Di album yang beredar sekarang hanya segelintir dari lagu-lagu yang diciptakan, ada yg tidak bisa di tayangkan karena tidak sesuai jadi hanya yang  layak saja serta keberanian untuk rendah hati dan menjadi yang terbaik. TW Youth  mengarang lagu untuk  pengalaman kehidupan dan rela di koreksi jika tidak sesuai dengan firman Tuhan jadi ada lirik yang di rubah.

Cara Membagi Waktu ??

Kebanyakan anggota dari True Worshipper Youth ini memang kuliah beberapa tahun yang lalu, mulai tahun  depan ada teman-teman yang baru untuk melengkapi yang sudah ada sekarang, karena sebelumnya gereja men-suport kreativitas, mulai menciptakan prefer untuk anak muda agar lebih mudah dalam mengenal Tuhan melalui lagu rohani. Jadi dari tahun 2006 berdiri True Worshipper tidak akan menajdi true worshiper terus menerus. Di setiap album yang diciptakan ada orang baru untuk regenerasi generasi baru sehingga tetap baru dan tetap fresh album-album TW ini.

 


Nah tampang-tampang dari TW yang hadir di press conference di ruangan yang kecil jadi hanya sebagian dari teman-teman TW yang ada seperti Andriyanto (Keyboard), Shelvia Hendoro, Ribka Yusuf Wijaya, Kenny Goh. Semoga liputan yang saya bawakan dapat membawa berkat dan inspirasi anda semua yang membaca untuk menjadi generasi yang terus maju dan berkembang dalam Tuhan serta belajar dari pengalaman teman-teman True Worshipper Youth yang dapat ditiru semangatnya πŸ™‚ amiiin. 

 

Artikel Terkait :

Harga Iklan Jitu Mobil Jawa Pos

Sering baca koran?Ingin memasang iklan di koran terbesar di Jawa Timur? Ya tak salah lagi koran tersebut adalah Jawa Pos,yang memiliki slogan selalu ada yang baru. Saya akan informasikan tarif terbaru iklan jitu untuk mobil di koran Jawa Pos yang berlaku mulai tanggal 1 agustus 2010.

  • Mobil dijual di bawah harga 50 juta : Minggu-Jumat Rp.25.000 perbaris
  • Mobil dijual dengan harga antara 50 sampai 100 juta : Minggu-Jumat Rp.40.000 perbaris
  • Mobil dijual harga diatas 100 juta : Minggu-Jumat Rp.45.000 perbaris·

Untuk keterangan lebih lanjut, pembaca ericovamili dapat mengkontak iklan jitu jawapos di 031-8202270 atau 8202157. 

Kata-Kata yang Terlupakan

Cerita ini saya ambil dari seseorang yang tidak ingin diketahui identitasnya namun memberikan inspiratif dan berkat bagi pembaca ericovamili semua πŸ™‚ coba simak baik-baik.

Beberapa waktu yang lalu, sesaat setelah selesai beribadah dan sedang menunggu saudara saya. Saya melihat seorang anak kecil yang sedang berjalan menuju ke arah seorang pengemis tua yang kebetulan jaraknya tidak begitu jauh dari saya.

Setelah berdiri di depan pengemis tersebut, anak itu memberikan sejumlah uang pada pengemis itu. Bukan jumlah uangnya yang membuat saya tercekat. Tetapi kata-kata yang diucapkan anak itu. Sesaat sebelum meninggalkan pengemis itu, anak itu berkata, “Bapak terimakasih telah memberi kami kesempatan untuk berbuat baik”.

Dan anak itu pun berlari menuju ke kerumunan orang. Saya pun tersenyum, antara kagum dan malu. Itulah yang kadang saya lupakan. Sesuatu yang sederhana. Suatu ucapan terimakasih. Terutama ucapan terimakasih untuk sesuatu yang sudah sepantasnya saya dapat atau berikan.

Sungguh pelajaran berharga yang sangat berarti bagi saya. Ucapan terimakasih, meskipun sangat sederhana. Tetapi kadang kata itu dapat membawa kegembiraan bagi mereka yang menerimanya. “Kebaikan pada sifat aslinya tidak membutuhkan pujian. Dan keindahan yang sejati, tidak membutuhkan pembandingan untuk menjadi indah.

Indahkanlah diri Anda dengan sifat-sifat asli kelangitan yang telah disertakan bersama kelahiran Anda. Ingatlah, … Anda dan kehidupan Anda hanya menjadi seindah yang Anda indahkan.” Semoga sharing ini dapat bermanfaat bagi seluruh pembaca ericovamili baik yang sengaja masuk atau ‘tersesat’ disini dan menjadi pengingat bagi kita, terutama saya, untuk selalu bersyukur atas segala yang didapat maupun yang kita berikan.

Dampak Lebaran 2010 di Surabaya

Dampak Lebaran 2010 di Surabaya


Lebaran telah usai, namun dampak yang saya rasakan saat pra-lebaran alias masih bulan puasa banyak sekali seperti :

1. Jalan raya utama kota Surabaya menjadi sangat padat bahkan macet sampai saya ngantuk-ngantuk di jalan. Menggunakan kendaraan sendiri dan nyetir sendiri serasa malas dan capek karena menunggu kemacetan yang lama.

2. Banyak orang bagi-bagi bingkisan ta’jil juga membuat kemacetan yang bermanfaat di samping saya kena macet tapi juga dapat snack amal hehe :p

3. Parkiran semua mall yang sangat penuh pengunjung terutama motor. Buseeet ramai benar di semua mall menjelang jam buka puasa, ngabuburit banyak yang di mall. Selalu saja saya mencari parkir susah banget.

Nah solusi saran saya nih untuk di bulan puasa agar pengguna jalan tidak terjebak di jam-jam mendekati buka puasa.