hesti.ks08's blog

mencari dan memberi yang terbaik

tips membuat website

Filed under: Academic — hesti.ks08 at 6:33 am on Friday, June 18, 2010

1.Membuat sketsa bikin website 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 bikin website : 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 :bikin website 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. bikin website 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.

IPB Badge

Tips & Cara Mempercepat Koneksi Internet

Filed under: Academic — hesti.ks08 at 6:18 am on Friday, June 18, 2010

Browsing Internet dengan kecepatan yang tinggi pasti sangat menyenangkan, berbagai cara dilakukan untuk mempercepat koneksi internet baik menggunakan software agar koneksi internet menjadi lebih cepat maupun menggunakan settingan tertentu yang diklaim bisa mempercepat koneksi internet.

Berikut ini adalah beberapa tips yang dapat digunakan untuk mempercepat koneksi internet :

I. Menggubah setting bandwith Pada windows
Pada dasarnya OS windows sudah membatasi bandwidth untuk koneksi internet sebanyak 20% dari total bandwidth yang seharusnya bisa maksimal,Jika anda ingin menambah bandwidth internet supaya koneksinya terasa lebih cepat dan kencang bisa dengan cara mengurangi atau mengosongkan batasan bandwidth tersebut supaya pada Windows kita bisa maksimal dalam menggunakan bandwidth yang sudah ada.

Ikuti petunjuknya seperti dibawah ini :

1. Klik Start
2. Klik Run
3. Ketik gpedit.msc
4. Kemudian klik Ok
5. Setelah masuk klik Administrative Templates
6. Kemudian Klik Network
7. Setelah terbuka klik QoS Packet scheduler
8. Kemudian klik Limit Reservable Bandwidth
9. Dan setelah terbuka ubah setting menjadi Enable
10. Kemudian ubah Bandwidth Limitnya menjadi 0
11. Klik Apply,ok
12. Kemudian keluar dan Restart komputer

II. Gunakan DNS dari OpenDNS untuk koneksi internet yang lebih cepat dan lebih aman.

1. Klik Start
2. Klik Control Panel
3. Pilih Network & Internet Connection
4. Klik Network Connection
5. Klik Kanan Local Area Connection pilih Properties
6. Pilih Internet Protocol (TCP/IP) kemudian Klik Properties
7. Klik Use Following DNS Server
8. Isi Preferred DNS Server dengan angka : 208.67.222.222
9. Isi Alternate DNS Server dengan angka : 208.67.220.220
10. Kemudian Klik OK

III. Jika menggunakan Browser Firefox gunakan add on Fasterfox, bisa di download disini.

Fasterfox adalah sebuah add on yang berfungsi untuk mempercepat koneksi dengan melakukan optimasi pada network dan cache browser. Fungsi dari cache adalah untuk menyimpan data sementara dari website yang kita kunjungi, sehingga ketika kita membuka kembali website tersebut proses loading-nya akan lebih cepat karena datanya telah disimpan di cache.

Beberapa optimasi yang dapat dilakukan oleh fasterfox adalah: HTTP pipelining, Memory caching,Disk caching,DNS caching,FastBack caching.

IV. Bagi pengguna Firefox, silahkan pasang Adblock

Fungsinya adalah untuk mem-filter iklan-iklan yang tidak perlu pada saat kita browsing, sehingga proses loading akan menjadi lebih cepat dan maksimal.

IPB Badge

CSS

Filed under: Academic — hesti.ks08 at 6:01 am on Friday, June 18, 2010

Apakah CSS itu ?

CSS adalah singkatan dari Cascading Style Sheets

– Styles menentukan bagaimana menampilkan elemen dari HTML

– Styles biasanya disimpan dalam Style Sheets

– Styles ditambahkan ke HTML 4.0 untuk mengatasi masalah tampilan suatu website

– External Style Sheets dapat membantu anda menyelesaikan banyak pekerjaan

– External Style Sheets disimpan di dalam file CSS

– Definisi dari beberapa styel akan di tampilkan secara berurutan dalam satu file

Styles mengatasi masalah umum dalam desain HTML

tag-tag HTML pada dasarnya didesain untuk mendefinisikan isi dari sebuah dokumen. Tag-tag ini biasanya menyatakan “ini adalah header”, ” ini adalah paragraf”, “Ini adalah tabel”, dengan menggunakan tanda seperti <p>, <h1>, <table> dan sebagainya. Tampilan dari dokumen HTML seharusnya sudah diatur oleh browser, tanpa ada lagi melakukan pengaturan tampilan dari tag-tag yang sudah ada.

Ketika dua browser utama – Netscape dan Internet Explorer- mulai menambahkan tag-tag HTML dan attribut yang baru (mis : tag &ltfont> dan attribut color) ke dalam HTML standar, maka hal ini menjadi semakin sulit untuk membuat Web site dimana isi dari dokumen-dokumen HTML terpisah dari layout dokumen tersebut.

Untuk mengatasi masalah ini, World Wide Web Consortium (W3C) – sebuah lembaga non profit yang bertanggung jawab terhadap standarisasi HTML – menciptakan STYLES sebagai tambahan pada HTM 4.0

Saat ini semua browser utama sudah mendukung Cascading Style Sheets.

Multiple Styles ditampilkan dalam satu urutan

Sebuah halaman Style dapat mendefinisikan informasi dari beberapa style dalam berbagai cara. Style dapat dispesifikasikan didalam sebuah elemen HTML, didalam elemen <head> dari sebuah halaman HTML, atau dalam sebuah file .CSS eksternal. Bahkan berbagai halaman style eksternal dapat direferensikan didalam sebuah dokumen HTML.

Alur perintah
Style apa yang akan digunakan apabila ada lebih dari satu style yang dispesifikasikan untuk elemen HTML ?

Semua style akan diurutkan dalam sebuah halaman “virtual” style yang baru dengan mengikuti aturan berikut ini, dimana nomor 4 memiliki prioritas paling tinggi :

1. Browser default
2. External style sheet
3. Internal style sheet (dalam tag <head>)
4. Inline style (dalam elemen HTML)
Jadi, Inliney style (dalam elemen HTML) memiliki prioritas tertinggi, yang berarti akan mengindahkan style yang ada dalam tag <head>, dalam external style sheet, atau dalam browser (nilai default).

IPB Badge

Delphi

Filed under: Academic — hesti.ks08 at 5:50 am on Friday, June 18, 2010

Delphi merupakan bahasa pemrograman yang sering digunakan dikalangan kampus, sebagai penunjang matakuliah pemrograman walaupun sekarang ini sudah hampir kurang diminati dengan adannya beberapa bahasa pemrograman dengan menggunakan metoda dan cara yang lebih simple dalam penggunaannya. Namun kekuatan delphi masih bisa diungulkan dengan adanya versi-versi terbaru yang telah berbasis .net.

Bahasa pemrograman delphi ini sintak dasarnya menggunakan bahasa Pascal (Object Pascal Oriented). Apabila kita sudah banyak mengenal bahasa Pascal kita tidak akan susah untuk mempelajari bahasa pemrograman delphi ini.

Basis Object Oriented Programming(OOP)dalam Delphi dapat mempermudah pengembang aplikasi dalam mebangun project yang dikelolanya.

Beberapa kelebihan bahasa programan Delphi:
1. Komponen dapat dipakai ulang dan dapat dikembangkan
Delphi mempermudah pembuatan program bagi komponen-komponen Windows seperti label, button dan bahkan dialog dan lainnya. Komponen ini dapat diatur sesuai dengan kebutuhan kita si pembuat program.

2. Dapat mengakses VBX.
Dengan Delphi kita dapat langsung mengakses komponen VBX yang sudah merupakan satu kesatuan dan dapat langsung digunakan .

3. Template Aplikasi dan template Form
Dalam Delphi telah didefinisikan template aplikasi dan template Form yang dapat dipakai untuk membuat semua form aplikasi dengan lebih cepat.

4. Lingkungan pengembang Delphi
Lingkungan yang disedia pada Delphi sangat mudah untuk digunakan dalam pengembangan aplikasi yang produktif.

5. Program terkompilasi.
Kebanyakan lingkungan pengembang visual pada windows menyatakan dapat mengkompilasi program. Namun sebenarnya mereka hanya dapat mengkompilasi sebagian program dan kemudian mengabungkan interpreter dan pcode dalam sebuah file. Dengan cara ini akan menghasilkan aplikasi dengan eksekusi yang lambat. Namun dengan pemrograman delphi output yang dihasilkannya merupakan file yang benar-benar terkompilasi tanpa interpreter dan pcode sehinga dapat berjalan lebih cepat. Program Delphi yang kecil dapat diserahkan dalam bentuk sebuah file EXE tanpa harus menyertakan file DLL.

6. Kemampuan mengakses data dalam bermacam format.
Dalam Delphi terdapat BDE ( Borland Database Engine) yang digunakan untuk mengakses format file data yang ada. BDE telah melalui beberapa tahap pengembangan, yang sebelumnyaBDE dikenal dengan ODAPI , kemudian IDAPI. Sekarang BDE sudah menjadi standar untuk akses semua jenis data yang ada saat ini. BDE juga dapat mengakses Database Client / Server seperti Sybase, SQL Server, Oracle dan Borland Interbase. Bila dibandingkan dengan microsoft ODBC , BDE lebih unggul dalam hal unjuk kerjannya, hal ini karena BDE memiliki bentuk yang lebih mendekati format database tujuannya.

IPB Badge

Multimedia

Filed under: Academic — hesti.ks08 at 5:44 am on Friday, June 18, 2010

Pengertian Multimedia

Multimedia diambil dari kata multi dan media. Multi berarti banyak dan media berarti media atau perantara. Multimedia adalah gabungan dari beberapa unsur yaitu teks, grafik, suara, video dan animasi yang menghasilkan presentasi yang menakjubkan. Multimedia juga mempunyai komunikasi interaktif yang tinggi. Bagi pengguna komputer multimedia dapat diartikan sebagai informasi komputer yang dapat disajikan melalui audio atau video, teks, grafik dan animasi.

Disini dapat digambarkan bahwa multimedia adalah suatu kombinasi data atau media untuk menyampaikan suatu informasi sehingga informasi itu tersaji dengan lebih menarik.

“Multimedia adalah kombinasi dari komputer dan video (Rosch, 1996) atau Multimedia secara umum merupakan kombinasi tiga elemen, yaitu suara, gambar dan teks (McCormick 1996) atau Multimedia adalah kombinasi dari paling sedikit dua media input atau output dari data, media dapat audio (suara, musik), animasi, video, teks, grafik dan gambar (Turban dkk, 2002) atau Multimedia merupakan alat yang dapat menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan gambar video (Robin dan Linda, 2001). Multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi) dengan menggabungkan link yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi. Dalam definisi ini terkandung empat komponen penting multimedia. Pertama, harus ada komputer yang mengkoordinasikan apa yang dilihat dan didengar. Kedua, harus ada link yang menghubungkan pemakai dengan informasi. Ketiga, harus ada alat navigasi yang membantu pemakai menjelajah jaringan informasi yang saling terhubung. Keempat, multimedia menyediakan tempat kepada pemakai untuk mengumpulkan, memproses, dan mengkomunikasikan informasi dengan ide. Jika salah satu komponen tidak ada, bukan multimedia dalam arti luas namanya. Misalnya, jika tidak ada komputer untuk berinteraksi, maka itu namanya media campuran, bukan multimedia. Kalau tidak ada alat navigasi yang memungkinkan untuk memilih jalannya suatu tindakan maka itu namanya film, bukan multimedia. Demikian juga kita tidak mempunyai ruang untuk berkreasi dan menyumbangkan ide sendiri, maka nama televisi, bukan multimedia. Dari beberapa definisi di atas, maka multimedia ada yang online (Internet) dan multimedia ada yang offline (tradisional).”

IPB Badge

javascript

Filed under: Academic — hesti.ks08 at 9:36 pm on Saturday, June 12, 2010

Bagi seorang web designer, tampilan merupakan hal nomor satu yang harus diperhatikan. Bukan hanya karena seorang web designer di bayar untuk itu semua, namun seorang web designer pun bertanggung jawab bagaimana mendatangkan visitor yang banyak karena ketertarikan visitor akan interface website yang begitu ringan, akses yang cepat, menarik enak dipandang, dinamis, dan harmonis. Harmonis… ya harmonis… memang terdengar seperti rumah tangga. Tapi sekali lagi, web designer lah yang memiliki tanggung jawab bagus tidaknya suatu tampilan, bukan yang lain.
Masih dalam poin pembahasan yang sama, disini penulis akan coba membawakan satu buat tutorial css memanfaatkan jquery, bagaimana menyamakan tinggi atau height dari beberapa div berbeda kolom. Sebenarnya apa sih maksud yang ingin disampaikan penulis? Baik-baik, penulis akan coba Ilustrasikan.

Misalkan anda membuat tampilan sebuah interface dengan 3 kolom seperti ini, dengan letak div yang berbeda, artinya div body itu berada diluar dari sidebar,.
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript

apabila content itu diisi, maka terlihat seperti ini …
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript

di sini terlihat div contentnya panjang, sedangkan sidebarnya tetap pendek, bagi beberapa desain hal ini tidak bermasalah, namun bagaimana jika seorang webdesigner ingin memanfaatkan border, desain ini terlihat aneh, karena sidebar terlihat terpotong, tidak sampai ke bawah.

begitu juga jika ketika contentnya itu berisi sedikit, misalnya hanya terdiri satu atau dua kalimat, sedangkan sidebarnya itu panjang ke bawah penuh dengan menu atau iklan, seperti ini …
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript

hal ini terlihat jelek bukan, membuat desain menjadi aneh, apalagi jika sidebarnya itu menggunakan style float:left; benar-benar merusak desain. Desain yang rusak seperti ini pun akan anda temui jika anda meletakkan content didalam sidebar, sidebar yang panjang tidak mempengaruhi kepada content, seperti gambar di bawah ini …
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript

content tidak memiliki tinggi yang sama dengan sidebar

sedangkan semua designer menginginkan kondisi sidebar dan content yang sama tingginya, meskipun div nya itu berbeda, artinya satu div tidak berada didalam div lainnya, dan hasilnya adalah div nya memiliki tinggi yang sama. Seperti pada gambar ini :
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript

Bagaimana melakukan ini semua?? Sebenarnya hal ini bisa di manipulasi oleh JQuery, JQuery memungkinkan perubahan height/tinggi dari suatu div itu bisa dikontrol menggunakan script.

Misalkan struktur dari layoutnya seperti ini

div>

anda cukup menyisipkan jquery di bagian header

$(document).ready(function() {
if ($(‘#content’).height() >= $(‘#sidebarkanan’).height()) {
$(‘#sidebarkanan’).height($(‘#content’).height());
} else {
$(‘#content’).height($(‘#sidebarkanan’).height());
}
});


Contoh implementasi dari script di atas, bisa anda lihat disini. Script racikan penulis ini bisa anda kembangkan lagi, atau mungkin anda memiliki script yang lebih baik, silahkan gunakan.

Apa yang sebenarnya terjadi pada script tersebut? Ketika div content lebih tinggi dari sidebar, maka lakukan penyamaan tinggi, begitu juga ketika sidebar lebih tinggi dari content maka samakin tingginya. Cukup mudah bukan??

IPB Badge