MockUp?

baru dengar istilah 'mockup'? atau pernah dengar selintasan tapi gak tahu artinya? apakah mockup ada hubungannya dengan webdesign?
berikut ini penjelasannya ...

In manufacturing and design, a mockup is a scale or full-size model of a design or device, used for teaching, demonstration, evaluating a design, promotion, and other purposes. ...
en.wikipedia.org/wiki/Mockup

This is how your website designer will give you an idea of what the finished website will look like. This is normally achieved by using a graphics program, so it is a representation of the finished item. Generally depicting the look of the home or index page.
www.theforge.co.za/tag/web-terms/

• 10 Tips For Creating Website Mockups In Photoshop


• Website Design Mockup Tips


• 5 Aplikasi Web Untuk Membuat Mockup dan Wireframe


• Seven website mockup tools

Tips n tricks : Free hosting for swf file

artikel ini sebagai jawaban atas pertanyaan murid saya tentang 'bagaimana caranya menampilkan file swf hasil karya sendiri di weblog wordpress.com'.
yang pertama tentunya ya harus mencari free hosting server yang bersedia menampung file swf, dari hasil surfing akhirnya pilihan pada website http://www.swfcabin.com/ (berdasarkan artikel Free SWF Hosting For Your Internet Business)

untuk mengupload/mengunggah file swf caranya cukup mudah, yaitu kunjungi swfcabin. pada homepagenya langsung ditayangkan form untuk mengunggah file swf -> klik tombol browse -> pilih file swfnya -> publish swf.
selanjutnya swfcabin akan memberikan URL untuk melihat file swf yang telah berhasil diunggah, contoh http://swfcabin.com/open/1285490753. Lantas letak file swfnya sendiri di mana? Dari hasil pembacaan kode html URL tadi ternyata file swf disimpan dengan format http://swfcabin.com/swf-files/1285490753.swf
untuk menambahkan / menayangkan file tadi di wordpress.com maka digunakan bbcode gigya sebagai berikut :

[gigya src="http://www.swfcabin.com/swf-files/1285490753.swf" width="300px" height="150px"] <= html mode

dan hasilnya seperti di bawah ini :
[gigya src="http://www.swfcabin.com/swf-files/1285490753.swf" width="300px" height="150px"]

Internet Marketing Lesson : Cara Jitu Mempopulerkan Weblog

ternyata untuk membuat weblog dan membuatnya menjadi terkenal di dunia maya ada tahap-tahap yang harus dikerjakan.  Berikut ini tahap-tahap yang harus dilakukan (menurut Bapak Agus Piranhamas 'The Realitor') agar weblog anda menjadi terkenal :

1. PONDASI SEBUAH RUMAH Yang harus dilakukan dulu adalah mengukur PASAR, PRODUK dan KOMPETITOR :
   1. Gunakan FREE Keyword Tools, misal :
   a. www.google.co.id
   b. https://adwords.google.com/select/KeywordToolExternal
   c. www.google.com/trends
   ...2. Siapkan :
   a. NAMA Web atau Blog
   b. SITE TITLE Web atau Blog
   c. TAGLINE Web atau Blog
   d. KEYWORDS Web atau Blog
   3. Perubahan Lain Yang Harus Dilakukan :
   a. User YOUR PROFILE : Display Name Publicly As, Biographical Info
   b. APPEARANCE Themes sesuaikan dengan keinginan
   c. Widget, khususnya Contact Person dan Nomer untuk dihubungi sehingga CUSTOMER lebih TRUST


2. LANTAI SEBUAH RUMAH Submit Untuk Di Pasang Di Widget :
   1. Free ADD URL SUBMISSION (150)
   2. SOCIAL BOOKMARK Script (50)
   3. Free PING SERVICE (50)
   4. Free BACKLINKS (50)
   ...5. Submit RSS (50)
   6. Social Media Auto (50)
   7. Top MICROBLOGGING Sites (20)
   8. DUMMY Blog (30)
   9. Blog WALKING yang Segmented Targeted (450)
   10. Catatan : lakukan kegiatan 1 – 9, setiap harinya masing masing tidak boleh lebih dari 10 website.


3. JENDELA dan PINTU RUMAH Membuat CONTENT atau TULISAN yang PASTI ter-INDEX dan PASTI dapat TRAFFIC :
   1. Judul tulisan diambil dari www.google.co.id, atau judul tulisan menggunakan Bahasa Indonesia dan Bahasa Inggris
   2. Bahan TULISAN ambil... 4 KEYWORD yang nanti bisa dijadikan ANCHOR TEXT
   3. Post Tags minimal 8 -30, cari dari https://adwords.google.com/select/KeywordToolExternal
   4. Foto dalam tulisan harus dirubah namanya dengan 3 keyword dilanjut nama web atau blog
   5. Jangan lupa mengisi TITLE, DESCRIPTION, KEYWORDS untuk mempermudah INDEXING
   6. Setelah selesai membuat tulisan, JUDUL Tulisan dicopy dan ditaruh di google
   7. Dilanjut alamat LINK dari tulisan juga ditaruh di google

semoga mencerahkan,
thx to Bapak Agus yang telah 'mengikhlaskan' tips n tricknya untuk saya pasang di sini ;)

Konsep Dasar Desain Web

Sebuah lukisan yang indah selalu dimulai dari sebuah coretan sederhana di atas kanvas, tetapi ingat … sebelumnya pelukis pasti sudah mempunyai ide atau paling tidak dasar style yang akan dipakai untuk melukis. Tanpa ide dasar, berapa kalipun mencoretkan kuasnya pelukis tidak akan bisa menghasilkan lukisan yang indah (setidaknya lukisan yang indah bagi orang awam seperti saya dan Anda). Jadi mulailah dengan KONSEP.

Desain website harus mempunyai fungsi.
Hal ini berarti semua bagiannya harus memainkan peran dalam menyediakan informasi kepada pengunjung tentang siapa Anda, produk Anda atau layanan Anda.
Jangan membuat website hanya untuk “sekedar” ikut-ikutan, tentukan fungsinya terlebih dahulu baik untuk (perusahaan) Anda sendiri maupun bagi calon pengunjung website Anda. [keterangan selengkapnya baca artikel Dion Aji Pradipta]

What is a micro web banner?

It's a little teeny tiny ad that can represent your company or website or whatever you have need of it.
Microbanners are in short little banner ads (88x31 pixels).

cekitdot :

• create animated banner with flash mx


• how to create a professional animated ad banner w/ photoshop
  


• create animated banner w/ photoshop

Cara mudah mempromosikan weblog

pingin tahu cara termudah mempromosikan weblog yang baru kamu buat?
Mudah saja ... silahkan kunjungi forum pengguna wordpress indonesia, silahkan login dulu pake akun wordpress kamu, kemudian silahkan melakukan balasan ke 10 topik yang menurut kamu cukup menarik, lakukan satu persatu secara berurutan, cek tiap minggu apakah ID kamu masih nongkrong di situ atau tidak, kalau tidak ada silahkan posting balasan lagi

neeh alamat forumnya http://id.forums.wordpress.com/

Menambahkan Album Foto versi flash

dengan menggunakan file berformat flash (swf) sebuah tampilan dapat dibuat lebih menarik dan atraktif karena penikmat bisa berinteraksi langsung dengan file tersebut. berikut ini saya tunjukkan bagaimana membuat album foto dalam format flash dan hasilnya bisa ditampilkan dalam weblog wordpress.com.

1. unduh file program untuk membuat album foto di sini


2. setelah file album foto dalam format swf berhasil dibuat, silahkan unggah ke http://www.swfcabin.com/


3. tuliskan kode berikut pada post atau halaman baru yang akan dibuat pada wordpress.com untuk menampilkan file flash tadi
   [gigya src="http://www.swfcabin.com/swf-files/nomor_file_flash_dari_swfcabin.swf" width="sesuaikan_dg_ukuran_file" height="sesuaikan_dg_ukuran_file"]


4. Tadaaa ... album foto berhasil ditambahkan dalam posting maupun halaman blog

[gigya src="http://www.swfcabin.com/swf-files/1286594478.swf" width="200px" height="300px"]

Menampilkan Favicon di WordPress.com

pernah melihat gambar kecil seperti di bawah ini?

ya ... gambar kecil tertayang itu dikenal dengan istilah favicon. Favicon adalah icon (gambar atau logo) yang akan muncul di samping alamat website pada saat dibuka di browser. Sebelumnya favicon di WordPress.com adalah logo dari WordPress yang berupa huruf W. Saat ini Anda bisa mengubah tampilan favicon tersebut.

untuk membuat favicon bisa dibaca tutorialnya di sini.

mengubah favicon (gambar kecil) pada address bar - blogspot tutorial

berikut ini cara mengubah favicon (gambar kecil) pada address bar

• login ke blogspot


• upload gambar ke postingan artikel [postingan ini cukup disaving saja, jangan diterbitkan] yang khusus untuk menampung gambar2 yang akan digunakan dalam "mempermak" layout blogger, copy alamatnya


• masuk ke rancangan - edit html


• cari tag <link ..... dan pastekan alamat gambar tadi ke atribut hrefnya
  jika kebingungan berlanjut silahkan hubungi saya

Belajar membuat tulisan/artikel/postingan

Nih linknya, silahkan baca sendiri :

• teknik-menulis-artikel


• teknik-menulis-kolom


• teknik-menulis-berita

jangan hanya dibaca saja ... tapi sering2 dipraktekkan, kalau sudah mahir ... coba ukur kemampuan kamu dalam membuat tulisan dengan mengikuti lomba-lomba blog yang ada

OK!

tutorial photoshop

ingin belajar secara mandiri tentang photoshop? klik aja gambar di bawah ini

contoh-contoh gambar  tracing wajah bisa dilihat di sini

Menambahkan file flash pada wordpress.com

pada dasarnya wordpress.com telah melarang untuk menambahkan file flash secara sembarangan.

Flash and all other embeds are not allowed in WordPress.com posts, pages, or text widgets. For security reasons, we remove the tags needed for these to work. Your intentions may be innocent, but someone somewhere would try to damage the site, affecting all of our users. - http://en.support.wordpress.com/code/

tapi dengan sedikit trik (menggunakan code yang diperbolehkan wordpress.com untuk menampilkan file flash) maka kita bisa menampilkan file flash karya kita sendiri atau file flash dari situs lain.
berikut contohnya :

[gigya width="600" height="300" src="http://tunjuk.in/ikanflash" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain"]
klik pada area kolam untuk memberi makan pada ikan-ikan tersebut

=>
jika ingin tahu cara penulisan kodenya ... silahkan kunjungi http://darmawanku.com/
jika kebingungan masih berlanjut, silahkan ajukan pertanyaan di bagian komentar ;)

bonus : menjadikan file swf sebagai desktop wallpaper

forum diskusi sebagai sumber backlink

sebelum saya menjelaskan bagaimana peran forum diskusi sebagai sumber backlink yang potensial dalam menaikkan traffic kunjungan ke sebuah website, sebaiknya kita ketahui dulu apa makna backlink tersebut.

dari penelusuran di atas backlink didefinisikan/diartikan sebagai link dari situs lain yang menuju ke website kita. dikenal juga sebagai istilah inbound link
lantas bagaimana peran forum diskusi untuk 'menuntun' ke website kita? dari hasil pengamatan saya terhadap statistik kunjungan orang lain ke blog ini, ternyata forum diskusi berada di urutan teratas disusul dengan subdomain2 dari wordpress.com dan facebook pada urutan ke-4.
meskipun beberapa judul artikel blog telah dipostingkan melalui status twitter dan status facebook sepertinya masih kalah jika dibandingkan dengan peran forum diskusi
so sementara ini saya mengambil kesimpulan bahwa forum diskusi sangat berperan besar dalam menaikkan traffic kunjungan ke sebuah website
artikel sejenis 8 Tips untuk Mendapatkan Trafik Backlink dari Forum Online

Aturan Penulisan 'Sumber Tulisan Yang Benar' dalam ngeBlog

Jika kita ingin menjadikan blog sebagai sumber referensi yang diakui, maka sudah seharusnya penulis blog juga ikut patuh pada apa yang sudah berjalan sebagai adab (secara ilmiah) tentang bagaimana kita menyampaikan kembali (penukilan) artikel yang telah muncul sebelumnya. Berikut ini adalah sebagian contoh format penulisan referensi dan citasi yang sering digunakan (Lipson, 2006) menurut panduan publikasi APA (American Psychological Association) yang dikeluarkan pada tahun 2001 yang penggunaannya lebih banyak pada Ilmu-ilmu sosial, edukasi, engineering (keahlian tehnik) dan bisnis.

Baca selengkapnya di
http://eosmate.blogspot.com/2009/04/citasi-referensi-dan-penulisann...

Tulisan sejenis
http://blog.rosihanari.net/tata-cara-penulisan-daftar-acuan-referensi
Di situs http://blog.rosihanari.net/ juga terdapat tutorial tentang (X)HTML, PHP, Javascript, C++, Delphi dll

Bacaan tambahan : Perbedaan antara Daftar Acuan dan Daftar Pustaka

Pesan dari Guru Internet Marketing Internasional

tertarik dengan internet marketing? berikut ini ada tips n trick singkat dari guru-virtualku Bapak Agus Piranhamas Realitor
tentang bagaimana cara mempromosikan diri, weblog dan kompetensi kamu

Waktunya pelajaran, sudahkah? Blog anda atau Website anda didaftarkan di MICROBLOGGING (khusus Newbie / Beginner) : Identi, Twitter, Pownce, Tumblr, Jaiku, MySay, Hictu, Moodmill, Frazr, RateMyDay, Emotionr dengan benar, dengan mengisi semua form yang diberikan karena efeknya sangat DAHSYAT dalam optimasi kedepannya. Selamat mencoba, ada pertanyaan silahkan CALL langsung.

Belajar Cascading Style Sheet ... yuuuk

• http://www.globalguideline.com/CSSGuide/index.php


• http://webdevelopmenttutorials.com/freecssxhtmltutorials.php


• http://cita.disability.uiuc.edu/presentations/2006-01-css/index.html


• http://xhtml.com/en/css/reference/


• http://csshtmltutorial.com/csshtmltutorial-introductiontocss.php

kenapa sih harus belajar CSS? karena CSS adalah bagian interior dari sebuah halaman web. Kalau HTML diibaratkan sebagai pembentuk sebuah bangunan maka CSS adalah bagian yang mempercantik sebuah bangunan (bagian interiornya). So kalau kamu ingin bangunan yang telah kamu buat (halaman web) terlihat bagus (eye catching) maka kamu harus mempelajari CSS ... OK!

Membuat tampilan blockquote berbeda

ini adalah blockquote yang memiliki tampilan yang berbeda dengan blockquote yang lainnya, untuk bisa membuat seperti ini dibutuhkan pengetahuan tentang CSS ;)

sumber : http://css-tricks.com/examples/Blockquotes/

Panduan membuat quiz dengan flash

Salah satu materi Ujian Praktek SMK-TI kompetensi keahlian multimedia tahun 2011 adalah "Membuat CD Pembelajaran Interaktif, yang berisikan materi pelajaran dan soal-soal latihan".
Bagi siswa-siswi kami, membuat CD interaktif dengan menggunakan flash sudah bisa dan 'biasa' dilakukan tetapi untuk membuat soal-soal latihan dengan menggunakan flash 'belum pernah dicoba' sehingga mereka yang memilih materi ini sedikit 'kesulitan'.
Sebetulnya di flash sendiri sudah disediakan template khusus untuk membuat quiz. Panduannya bisa dibaca di http://dzaizen.wordpress.com/2010/02/27/membuat-kuis-dari-flash/. Selain melalui menu template, kita juga bisa membuat quiz dengan cara yang sangat sederhana [download panduannya]. Untuk membuat soal yang lebih interaktif (ada timernya, soal dan jawaban diacak) silahkan baca tutorialnya di http://multimedia2.multiply.com/journal/item/5

semoga membantu ;)

Komputer Lab multimedia kena virus conficker - kenali gejalanya

beberapa hari kemarin bahkan minggu ... hampir semua komputer di lab multimedia kena virus conficker. sayangnya tidak banyak yang tahu gejala dan cara pembersihannya. rata-rata hanya mengandalkan smadav dan antivir. memang sih ... jika flashdisk dicolokkan ke kompi atau laptop akan muncul peringatan dari smadav kalau flashdisk kena virus conficker dan smadav menawarkan pembersihannya ... hal ini juga terjadi pada kompi atau laptop yang OSnya juga sudah terjangkit virus conficker (menjadi kompi zombie). So kompi zombie tersebut yang notabene sudah terjangkit virus conficker juga akan 'menawarkan' pembersihan virus conficker yang ada di flashdisk (sok baek hati ;)) ... padahal dengan cara tersebut virus conficker akan menyebar melalui flashdisk.

lantas bagaimana mengenali gejala yang sebenarnya?
berikut ini cara mengenalinya :

Ini salah satu ciri khas dari conficker. Coba cek dengan akses pada beberapa web security semisal www.microsoft.com, www.kaspersky.com dan www.norman.com. Bandingkan dengan akses melalui ip dari web tsb, http://65.55.12.249 (microsoft), http://195.27.181.34 (kaspersky) dan http://87.238.48.130 (norman). Jika browser anda tidak bisa mengkases situs tersebut di atas dengan mengetikkan alamat situsnya TETAPI bisa diakses jika mengetikkan alamat Ipnya, maka anda perlu “hakul” yakin bahwa komptuernya terinfeksi Conficker (99 %).

Hal ini dilakukan oleh Conficker dengan cara melakukan patch pada DNS Query, sehingga jika mengakses DNS tertentu akan diblok oleh conficker. (dikutip dari http://vaksin.com)

Pantesan saja beberapa hari kemarin komputer2 yang ada di lab mm tidak bisa mengakses website microsoft, norman dan , terus setiap mengakses wordpress.com proses koneksi berjalan terus tanpa henti-henti. Kalaupun dicoba untuk membersihkan dengan antivir maupun smadav (dalam keadaan kompi sudah terinfeksi) maka akan muncul keterangan kalau kompi dalam keadaan bersih.

langkah-langkah pembersihan :

1. jalankan dulu file pembersih virus conficker ... Kido Killer (bisa diunduh di sini), kido killer akan membersihkan file2 system yang sedang berjalan


2. setelah file system dibersihkan jalankan file Norman Malware Cleaner.Sayangnya file ini memiliki masa expire (± 14 hari), jadi anda diharuskan untuk mendownload versi yang terbaru dari website norman (bisa diunduh di sini)


3. setelah selesai dibersihkan ... restart

Cara terhormat melakukan Copy Paste di wordpress.com

wordpress.com telah menyediakan fasilitas reblog untuk kegiatan copy paste antar pengguna wordpress.com. adapun langkah-langkahnya sebagai berikut :

1. silahkan login dulu ke wordpress kamu


2. kunjungi weblog yang memiliki artikel yang akan kamu copas


3. baca secara lengkap, maka di bagian wordpress bar (muncul di bagian atas) akan muncul tombol like, klik tombolnya


4. untuk melakukan copas, klik tombol like sekali lagi maka akan muncul submenu reblog this post


5. setelah itu akan muncul kotak dialog untuk melakukan reblog


6. silahkan diisi dengan informasi seperlunya dan klik tombol terbitkan
   tadaaaa .... akhirnya kita melakukan copas dengan cara yang terhormat ;)

happy blogging