January 28, 2008

Tips dan Trik dalam Mendisain Web

Filed under: Tips Dan trick - Administrator @ 12:33 pm

Tips dan Trik dalam Mendisain Web

Sering kita temui website yang tipikal: "Welcome to my homepage," animasi e-mail, background dengan tulisan miring (diagonal), animasi garis pembatas, tabel dengan border tiga-dimesi dan lain-lain. Hal ini terjadi akibat dari fasilitas Template yang disediakan oleh software pembuat web seperti: FrontpageT, Corel WebDesignerT, dan sebagainya yang ditujukan untuk mempermudah penggunanya dalam membangun website.

Jika anda puas dengan hasil kerja anda membangun website dengan fasilitas template, sudahlah cukup sampai disini. Tetapi jika anda tidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik, maka anda perlu mengetahui bagaimana Web Designer membangun suatu Website, terlepas anda punya bakat seni atau tidak.

  1. Unik : Dalam membuat karya apapun seorang designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain.
     
  2. Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb).
  3. Simple : Web Designer banyak yang menggunakan prinsip "Keep it Simple", hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif.
  4. Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link.
  5. Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif.
  6. Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat.
  7. Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.

Demikian beberapa aspek dan prinsip yang digunakan Web Designer dalam membuat website, selebihnya merupakan ekspresi dari pembuat website itu sendiri yang terwujud dalam penggayaan penyusunan website.

Software-software pembuat suatu website

Desain : Untuk membuat desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.

  1. Adobe Photoshop : Desain berbasis titik ( bitmap )
  2. Adobe Image Ready : Memotong gambar-gambar ke dalam format html
  3. Adobe Illustrator : Desain berbasis vector
  4. CorelDraw : Desain berbasis vector
  5. Macromedia Freehand : Desain berbasis vector

Efek Desain : Hal ini dilakukan untuk menghidupkan desain yang telah kita rancang. Seperti menambah efek cahaya, textur dan manipulasi teks.

  1. Macromedia Firework : Efek teks
  2. Painter : Memberikan efek lukisan
  3. Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
  4. Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.

Animasi : Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.

  1. 3D Studio Max : Untuk membuat objek dan animasi 3D.
  2. Gif Construction Set : Membuat animasi file gif
  3. Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
  4. Microsoft Gif Animator : Membuat animasi file gif
  5. Swift 3D : Merancang animasi 3D dengan format file FLASH.
  6. Swish : Membuat berbagai macam efek text dengan format file FLASH.
  7. Ulead Cool 3D : Membuat animasi efek text 3D.

Web Editor : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.

  1. Alaire Homesite
  2. Cold Fusion
  3. Microsoft Frontpage
  4. Macromedia Dreamweaver
  5. Net Object Fusion

Programming : Hal ini dilakukan setelah sebagian besar desain homepage telah rampung. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.

  1. ASP ( Active Server Page )
  2. Borland Delphy
  3. CGI ( Common Gateway Interface )
  4. PHP
  5. Perl

Upload : File html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.

  1. Bullet FTP
  2. Cute FTP
  3. WS-FTP
  4. Macromedia Dreamweaver : dengan fasilitas Site FTP
  5. Microsoft Frontpage : dengan fasilitas Publish

Sound Editor : Homepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.

  1. Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
  2. Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi

Banyak sekali memang software untuk membuat suatu homepage dan kita tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Macromedia Dreamweaver agar lebih mengenal aturan-aturan membuat homepage dan mengenal bahasa html. Setelah itu baru Adobe Photoshop yang dipakai kebanyakan para desainer.

Langkah-langkah Membuat Homepage

Bermacam-macam langkah yang digunakan profesi web kita untuk membuat suatu homepage. Berikut ini adalah proses secara umum yang dilakukan kebanyakan profesi web di Indonesia untuk membuat web.

  1. Membuat Sketsa Desain : Desainer bisa saja menuangkan ide dalam membuat interface suatu homepage dalam bentuk sketsa di kertas dahulu. Untuk kebanyakan orang, biasanya langkah ini dilewatkan dan langsung pada langkah membuat layout desain dengan menggunakan software.
  2. Membuat Layout Desain : Setelah sketsa sudah jadi, kita menggunakan software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks dan Macromedia Freehand untuk memperhalus sketsa desain.
  3. Membagi gambar menjadi potongan kecil-kecil : Setelah layout desain homepage sudah jadi. File gambarb tersebut dipecah menjadi potongan kecil-kecil untuk mengoptimize waktu download. Untuk melakukan hal tersebut dapat menggunakan software Adobe Image Ready. Software ini dapat langsung memotong gambar yang besar tadi dan otomatis juga menjadikannya ke dalam format html. Langkah ini bisa saja dilewatkan bila ukuran gambar kita tidak terlalu besar.
  4. Membuat Animasi : Animasi diperlukan untuk menghidupkan homepage kita agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat dipakai untuk melakukan hal tersebut.
  5. Membuat HTML : Setelah itu kita merapikan layout desain kita seperti menempatkan beberapa tombol dan gambar, menambah text, mengedit script HTML, membuat layout form ke dalam format HTML. Untuk itu kita perlu software HTML Editor seperti Macromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite.
  6. Programming dan Script : Untuk website e-commerce, iklan baris, lelang, database, membuat guestbook, counter dan forum diskusi. File HTML kita perlu programming untuk melakukan aktivitas semacam itu. Programming dan script ini bisa dibuat dengan menggunakan ASP, Borland Delphy, CGI, PHP, Visual Basic. Dan perlu diperhatikan bahwa programming dan script ini biasanya dilakukan setelah desain homepage kita telah jadi.
  7. Upload HTML : Setelah file kita telah menjadi html beserta gambar dan scriptnya. Kita perlu meng-upload file kita ke suatu tempat ( hosting ), agar semua orang di dunia dapat mengakses halaman html kita. Biasanya Macromedia Dreamweaver dengan fasilitas site FTP dan Microsoft Frontpage dengan Publishnya telah menyediakan fasilitas upload ini. Atau dapat menggunakan software seperti WS-FTP, Cute FTP, Bullet FTP.
  8. Homepage Pribadi : Untuk homepage pribadi atau yang sekedar ingin coba-coba biasanya setelah file html sudah jadi dapat hosting di tempat-tempat gratis, memakai guestbook dan counter gratis dan menambah macam-macam accesories dalam mempercantik homepage pribadi tersebut.

Tips Browsing Internet

Filed under: Tips Dan trick - Administrator @ 9:55 am

10 TIPS BROWSING INTERNET 

Pada saat melakukan browsing, sedikit banyak pasti pernah mengalami satu permasalahan, misalnya kecepatan, keamanan ataupun yang lainnya. Untuk menghindari beberapa masalah tersebut, ada baiknya anda mempunyai kiat atau tips tersendiri saat melakukan browsing Internet.

Kecepatan akses adalah bagian utama dari kiat tersendiri untuk memaksimalkan penggunaan Internet. Di bawah ini adalah 10 tips yang bisa dijadikan ancuan saat melakukan browsing Internet.

1.       Pengaturan Cache

Manfaatkanlah Drain cache, mungkin saja langkah ini belum pernah dilakukan. Karena pada saat anda mengunjungi salah satu halaman web, data tersebut selalu disimpan pada sebuah cache (penyimpan data sementara) pada hard disk. Kemudian bila anda membuka kembali halaman tersebut, maka data tersebut akan selalu ditambahkan pada cache, dan browser akan menampilkan halaman cache yang lebih bagus dari dibanding melakukan copy download dari web server.

File cache tadi akan dieksekusi, sebelum terhubung dengan server dari halaman web tersebut bila pada halaman web tersebut sedang sibuk. Setelah dapat mengakses maka halaman tersebut akan ditambahkan di dalam cache.

Untuk mengosongkan cache pada Netscape communicator :

-         Klik preferences dari menu edit,

-         Buka advanced category, sorotilah sub kategori cache.

-         Kemudian klik tombol clear memory cache dan clear disk cache.

Untuk pengguna microsoft internet explorer (IE),

-         Pilih menu tool, pilih Internet options.

-         Pada kota dialog, pilih general page tab,

-         Klik tombol delete files.

2.       Penggunaan History

Pada data halaman web yang terdapat pada cache, yang mana di dalamnya tersimpan rekaman daftar nama dan URL (universal resource locator; Internet address) di setiap site yang dikunjungi. Anda bisa juga menggunakan daftar history untuk kembali secara langsung pada site tersebut.

Untuk meng-clear-kan daftar history list pada communicator

-         Klik edit, pilih preferences, sorot navigator category,

-         Klik tombol clear history.

Sedangkan pada internet explorer

-         Klik tools, pilih internet options,

-         Pilih general tab dan klik tombol clear history.

Bisa juga dilakukan seting history agar tetap menyimpan data selama beberapa waktu sesuai dengan kebutuhan.

3.       Time Out

Banyak ISP (internet service providers) yang menggunakan system monitoring untuk otomatisasi disconect dial-up connections. Hal ini dilakukan ISP untuk memuat pesan yang terbaru setiap 20 menit. Pesan tersebut bisa berita ataupun e-mail. Bila anda tetap aktif, biasanya akan terjadi pemisahan (disruptive) antara site yang aktif tersebut dengan site yang telah direvisi ISP setiap 20 menit sekali. Dengan begitu anda selalu melakukan refresh.

Untuk menghindari hal tersebut, anda bisa menset aplikasi e-mail agar melakukan checking setiap 10 atau 15 menit sekali.

Pada communicator,

-         Buka kotak dialog preferences, double-click kategori mail & newsgroups.

-         Sorot sub kategori mail servers.

-         Buat keneksitas mailpada filed incoming mail servers.

-         Kemudian klik tombol edit.

-         Pada kotak dialog selanjutnya, klik check-box check for mail every-minutes.

-         Set untuk selalu mencek setiap 10 atau 15 menit.

Pada IE bisa men-setting pada dialog box options dan cari pilihan check for new masseges every-minutes.

Pada microsoft outlook, carilah pada mail delivery tab, pada dialog box options.

Untuk microsoft internet mail, setting dapat dilakukan di dalam read tab pada dialog box options.

4.       Keamanan

Paa netscape dan microsoft biasanya menawarkan securiy protection, dimana keduanya juga mensupport standar security dan proteksi pada saat online. Misalnya anda meng-klik tombol security yang berada di dalam toolbar communicator’s standard buttons untuk mencari site yang asli, bila halaman tersebut merupakan cache lokal maka halaman tersebut akan di update berikut spesifikasi site yang lain. Klik tombol tersebut dimana anda melakukan transaksi secara online.

Untuk internet explorer, anda bisa melakukan setting konfigurasi security. Anda bisa memilih dari low, medium-low, medium, dan high setting security, untuk mendapatkan full security anda bisa memilih setting high, bila tidak ingin menggunakan full security, anda bisa menggunakan setting low dan medium.

5.       Manfaatkan Bookmark

Untuk meningkatkan efesiensi pada saat online, anda bisa menggunakan katalog dan memindahkan bookmark yang berisi web site favorit di dalam folder tertentu. Untuk membuat sebuah folder bookmark di dalam communicator, klik icon bookmarks pada toolbar location dan pilih edit bookmarks dari menu pop up.

Pada kotak dialog bookmarks, bukalah menu file pilih new folder. Isilah nama dari folder tersebut dan provide di dalam kotak dialog bookmark properties.

Sedangkan untuk membuat bookmark pada internet explorer, bukalah menu favorites, klik organize favorites. Pada kotak dialog selanjutnya, klik tombol create folder, isi nama folder, klik close.

6.       Proteksi

Usahakan setiap masuk situs tertentu anda harus melengkapi sebuah user name dan password. Untuk memasukkan sebuah pass word dan username memang sangat mudah, dimana anda tinggal mengetikkan saja. Biasanya sebuah system bekerja dengan bagus untuk melakukan proteksi pada data. Tetapi yang lebih penting adalah bila anda memasukkan juga data-data lain yang lebih penting, seperti nomor credit card. Gunakanlah sebuah password yang unik, seperti menggabungkan atau mengkombinasikan antara hurup besar dan kecil serta angka, guna mendapatkan proteksi yang maksimal.

7.       Start Up

Aturlah aplikasi internet pada posisi default, untuk menghindari kekacauan pada saat start up aplikasi internet. Bila anda menggunakan netscape communicator, bisa dilakukan setting konfigurasi aplikasi e-mail, calendar, atau HTML guna membuka aplikasi secara default. Pada dialog box preferences, sorot categori appearances, dan anda akan melihat satu daftar aplikasi communicator yang ditampilkan pada area on startup launch. Pilih option navigator pada default. Untuk merubahnya, klik option navigator untuk men-deselectnya, klik option yang anda iginkan (messenger, composer, atau calendar) sebagai aplikasi internet default, klik OK. Sekarang anda telah membuat satu aplikasi default untuk internet.

8.       Menambah Toolbar

Pada internet explorer, user diijinkan untuk menambahkan tombol pada toolbar standar, dimana pada toolbar tersebut terdapat tombol yang menjadi default untuk standart toolbar, seperti, back, forward, stop, reload, dan print.

Untuk menambahkan tombol tersebut, anda bisa melakukan, right-click pada area toolbar yang kosong, pilih customezi pada pop up menu.

Kemudian akan ditampilkan dialog box customize toolbar, pilihlah tombol yang sering atau yang selalu anda butuhkan, klik close. Bila anda ingin mengembalikan seperti semula (setting default toolbar), klik tombol reset.

9.       Menghindari Spam

Spam? Mungkin itu adalah yang paling tidak disukai pada saat membuka e-mail. Meskipun sekarang banyak software-software untuk menghilangkan spam, tetapi belum juga nampak tingkat efektiftasnya. Cara yang paling mudah adalah dengan menggunakan dua alamat e-mail.

Anda bisa saja membuat banyak e-mail, tetapi mungkin bisa membingungkan anda sendiri. Sebaiknya gunakanlah alamat e-mail sebagai alternatif. Misal untuk e-mail pertama ana menggunakan seperti pada Yahoo (http://www.yahoo.com/), excite (http://www.excite.com/), atau GO. Com (http://www.go.com/).

Gunakanlah alamat e-mail yang kedua untuk berhubungan dengan siapa saja, tanpa terkecuali. Dan pasti pada alamat e-mail yang kedua akan banyak sekali terdapat spam. Untuk alamat e-mail yang utama, gunakanlah untuk berhubungan dengan teman, relasi, atau siapa saja yang anda percaya.

10.  Akses Mobile

Dengan menggunakan perlengkapan yang bagus, anda bisa mengakses web dari mana saja. Karena saat ini sebagian besar web site telah memanfaatkan dan melengkapi dengan teknologi wireless, seperti pada yahoo mobile (http://mobile.yahoo.com/wireles/home) atau MSN mobile (http://mobile.msn.com/)

Dengan teknologi wireless berarti anda bisa menghubungkan cellular phone, pager, atau pengendali komputer untuk mengambil informasi yang dibutuhkan. Untuk informasi yang lebih dalam mengenai akses wireless, anda bisa mengunjungi yahoo atau MSN (Microsoft Network).