Mengenal Lingkungan Kerja Dreamweaver MX

Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG—What You See Is What You Get—intinya Anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Macromedia belum lama ini telah mengeluarkan rilis terbaru dari Dreamweaver yaitu Dreamweaver MX, dengan penambahan beberapa fasilitas baru di dalamnya. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver MX mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Menurut survey yang dilakukan oleh Pantone.com, www.pantone.com/products/products.asp?idArticle=209&idArea=1, pengguna Dreamweaver adalah 59% dari seluruh koresponden yang disurvey dan memang digunakan tidak hanya oleh desainer, tapi juga programer.

Dalam seri tutorial ini kita akan mengenal penggunaan Dreamweaver sebagai editor HTML visual. Untuk bagian pertama, kita akan mengenal lingkungan kerja dalam Dreamweaver MX dan membuat halaman web sederhana.

[Program: Untuk mencoba Dreamweaver, Anda membutuhkan programnya yang berjalan di Windows. Karena ukurannya cukup besar (dan lagi bukan freeware), Dreamweaver tidak dapat disertakan di CD edisi kali ini.

Lihat Gambar 1. Dreamweaver MX menawarkan dua layout view untuk dijadikan sebagai tampilan kerja saat Anda membuat halaman web. Setelah instalasi, Dreamweaver MX akan memberikan opsi: Macromedia Dreamweaver MX Workspace atau Macromedia Dreamweaver 4 Workspace. Anda dapat mengubah-ubah tampilan ini lewat menu preferences, Modify > Preferences > Change Workspace. Pilihan ini tentu saja terserah Anda, pada tutorial ini saya akan menggunakan Dreamweaver MX Workspace.

Fig 1. Lingkungan kerja Dreamweaver MX

Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar. Document Window adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya. Insert panel adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Insert panel ini serupa dengan menu Insert pada menu bar. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2. Property Inspector berguna untuk melakukan pengeditan pada suatu elemen di Document Window. Document Toolbar berguna untuk mengubah tampilan dari disign/visual view, code view, atau keduanya sekaligus. Selain itu juga untuk memberi titel pada dokumen, melihat tampilan di browser. Panels Group merupakan kumpulan dari panel-panel Dreamweaver MX.

Pada bagian ini kita akan membuat halaman web sederhana dengan pemformatan dasar pada teks, link, anchor, dan Page Properties.

Bekerja dengan Teks

Pada dasarnya Dreamweaver tidak jauh berbeda dengan program pengolah kata dalam memformat teks. Namun terdapat sedikit perbedaan karena Dreamweaver menggunakan HTML. Untuk memformat teks dapat kita lakukan dengan menggunakan Property Inspector. Lihat Gambar 2

Fig 2. Property Inspector

Heading

Heading (Gambar 3) digunakan untuk membuat judul dari dokumen atau sub-subjudul berbagai level. Misalnya Anda menggunakan Heading 1 untuk judul, Heading 2 untuk subjudul tingkat pertama, dan sebagainya. Anda juga dapat menggunakan insert panel, pada Insert Panel, klik Tab Text.

Fig 3. Heading

Paragraf dan Line Break

Bila kita menekan Enter pada pengolah kata, maka akan menghasilkan paragraf baru. Demikian pula pada Dreamweaver. Namun paragraf dalam HTML (

) secara default menghasilkan jarak lebih besar daripada jarak antarbaris. Jika kita ingin antarbaris tidak ada jarak, maka kita membutuhkan
di HTML. Untuk berpindah baris dan bukan paragraf kita menggunakan Shift-Enter, atau Insert > Line Breaks. Lihat Gambar 4.

Fig 4. Paragraf dan Line Breaks

Memformat Teks Dengan Propert

y Inspector

Seperti yang sudah kita bahas sebelumnya, Propery Inspector berguna untuk melakukan pengeditan pada sebuah elemen HTML. Kita akan menggunakan Property Inspector ini untuk

memformat teks, ukuran, warna, dan perataan paragraf. Untuk memunculkan Property Inspector yaitu dengan Window > Properties atau dengan menekan Ctrl-F3.

Anda dapat memilih jenis font sesuai dengan selera Anda, namun terdapat 5 jenis font yang yang umum digunakan untuk halaman web, karena hampir semua komputer memiliki jenis huruf ini: Arial, Times New Roman, Courier New, Georgia, dan Verdana. Untuk mengubah teks yang telah Anda ketik yaitu dengan memilih teks yang ingin diubah, kemudian pilih jenis font yang ingin Anda gunakan. Dalam pilihan font dari drop down Property Inspector terdapat beberapa jenis huruf lain yang dipisahkan dengan koma. Pertama-tama browser akan membaca font pertama untuk ditampilkan di browser, bila font pertama tidak terinstal di komputer maka akan dilanjutkan dengan font kedua, kemudian ketiga, dan seterusnya. Font default adalah Times New Roman. Lihat Gambar 5.

Fig 5. Mengubah format huruf

Script Koneksi PHP dengan MySQL

PHP dan MySQL merupakan pasang serasi dalam pembuatan web yang dinamis. untuk dapat membuat terhubung antar keduanya diperlukan script yang sangat sederhana. Ada dua tipe koneksi PHP ke MySQL yaitu koneksi sementara (mysql_connect) dan koneksi tetap (mysql_pconnect).

Koneksi sementara (mysql_connect) maksudnya koneksi hanya dilakukan sekali proses load script dan otomatis akan menutup koneksi pada akhir script. Ini bagus untuk script yang tidak melakukan koneksi bersamaan dan scope pemrograman yang kecil.

Koneksi tetap (mysql_pconnect) maksudnya koneksi dilakukan pada awal load script dan akan tetap terkoneksi walaupun eksekusi telah sampai pada akhir script. untuk menutup koneksi ini harus dengan mysql_close();. Ini baik digunakan untuk scope pemrograman besar dimana query ke server database sering digunakan.

Dari kedua koneksi diatas sebenarnya dapat digunakan untuk pemrograman scope besar maupun kecil hanya penempatan buka dan tutup koneksi aja yang menentukan.

Contoh Penerapan mysql_connect:

= mysql_connect(‘localhost’, ‘mysql_user’, ‘mysql_password’);
if (!$link) {
die(‘tidak bisa konek: ‘ . mysql_error());
}
echo ‘Koneksi berhasil’;
mysql_close($link);
?>

Contoh penerapan mysql_pconnect :

= mysql_pconnect(‘localhost’, ‘mysql_user’, ‘mysql_password’);
if (!$link) {
die(‘tidak bisa konek: ‘ . mysql_error());
}
echo ‘koneksi berhasil’;
mysql_close($link);
?>

itu hanya sebuah contoh kecil. kode tersebut bisa anda kreasikan dengan membuat sebuah file yang berisi variabel2 host, user dan password untuk kemudahan kelak bila berganti host, user dan password. selamat mencoba dan berkreasi.

Ilmuwan Temukan Planet dengan Bintang Seperti Matahari

Para ilmuwan berhasil memperoleh gambar sebuah planet di luar sistem tata surya yang mengorbit pada satu bintang yang sangat mirip dengan matahari.

Hampir dari semua planet di luar tata surya yang berhasil ditemukan dideteksi dengan menggunakan metode tak langsung, seperti perubahan yang diamati pada satu bintang ketika satu planet mengorbit secara langsung di depannya dari perspektif Bumi.

Namun dalam temuan yang diumumkan Senin, ilmuwan University of Toronto mengatakan mereka menggunakan teleskop Gemini North di Mauna Kea, Hawaii, untuk mengambil gambar langsung planet tersebut, yang ukurannya seperti planet Jupiter tapi dengan massa delapan kali lipat dan jauh lebih panas.

Planet tersebut dan bintang yang kelihatannya mengorbitnya terletak di Galaksi Bima Sakti kita sekitar 500 tahun cahaya dari Bumi, demikian keterangan para ilmuwan tersebut.

"Selalu menjadi tujuan untuk mengambil gambar satu planet di sekitar bintang lain. Tantangannya, tentu saja, ialah semua planet jauh lebih cerah daripada bintang," kata Ray Jayawardhana, salah seorang ilmuwan, dalam suatu wawancara telepon.

Dari semua planet luar matahari yang diketahui, planet yang satu ini mengorbit paling jauh dari bintangnya. Planet tersebut berada sekitar 11 kali lebih jauh dari bintangnya dibandingkan dengan Neptune, planet terjauh dari tata surya, kata para ilmuwan itu.

Mereka mengatakan mereka berusaha mengkonfirmasi bahwa planet tersebut tentu saja mengorbit bintang itu saat muncul, tapi mungkin diperlukan waktu hingga dua tahun untuk memperoleh data itu.

"Bintang tersebut sangat khas. Itu seperti matahari, hanya lebih muda. Tetapi planet tersebut sangat tak biasa. itu seperti ujung massa semua planet luar matahari yang sejauh ini ditemukan. Dan itu juga sanagat jauh dari bintang kita," kata Jayawardhana.

Sebelumnya, satu-satunya planet atau objek serupa yang telah secara langsung tergambar di luar sistem tata surya baik yang mengambang bebas di udara dan tak mengorbit satu bintang, atau mengorbit lintasan kecil coklat, bintang gagal yang tak mencapai massa yang diperlukan untuk menyulut fusi nuklir yang khas bagi satu bintang.

Jayawardhana mengatakan para ilmuwan memiliki bukti mengenai keberadaan air dan karbon monoksida di atmosfir planet itu. Planet tersebut diduga bukan calon yang baik bagi kehidupan khusus di satu wilayah karena planet itu kelihatan sebagai gas raksasa, suatu jenis planet yang tak dapat
dihuni, dan karena usianya sangat muda.

Bintang tersebut dipandang sebagai baru lahir, dan terbentuk sekitar lima juta tahun lalu. Saat ini matahari berusia sekitar 4,5 miliar tahun. (Ant/OL-02)

Internet broadcasting

Selama ini kita bisa menikmati akses internet dengan relatif mudah, tapi gimana dengan orang laen, yang notabene masih sensitif soal harga & gak punya akses infrastruktur yang memadai (misalnya kayak di desa).

Internet broadcasting, bisa dijadiin alternatif solusinya. Layanan internet bisa broadcast melalui TV dengan frekuensi radio 2,4 GHz. Di Indonesia sendiri, ini udah mulai dikembangkan, salah satunya: PT Indonesia Mesh Network... huehuehue, tapi ini bukan iklan loh!! ;D. Issue ini bagian dari Solusi Internet Anak Bangsa yang digelar oleh Departemen Perindustrian dan Perdagangan, pada Pameran Telematika di Kantor Deperindag, Jl Gatot Subroto, Jakarta.

Latar belakang pemikirannya adalah pengguna internet yang harus membayar koneksi sekaligus kelebihan bandwidth dari konten situs yang diaksesnya. Lalu kenapa nggak dibikin seperti TV biar langsung & bisa gratis?

Implementasinya, perlu device tambahan. Bentuknya, receiver di sisi pengguna serta transmitter di sisi penyedia konten. Mesh sendiri telah mengeluarkan wireless PBX, yang bisa digunakan sebagai gateway Voice over Internet Protocol (VoIP).

*Sebagai informasi, PBX (Private Branch Exchange), merupakan layanan untuk memberikan komunikasi suara secara pribadi (closed user group).*

Produk ini baru dipakai oleh Kampus Universitas YARSI, Jakarta Pusat, di kampus bandwidth kerap tidak terpakai (idle) pada waktu-waktu tertentu.

Membangun Portal E-Learning

Jika Anda memiliki segudang ilmu dan Anda bingung untuk mempublikasikannya, maka langkah yang tepat menurut saya adalah membangun sebuah portal E-Learning. Tidak harus sebuah institusi yang bisa membangun website E-Learning, namun juga bisa beberapa orang atau bahkan tidak menutup kemungkinan dikerjakan oleh satu orang saja. Untuk memulainya silahkan buat yang kecil-kecilan, mulai dari ilmu yang Anda miliki sendiri dan bisa Anda kembangkan dengan ilmu yang dimiliki teman Anda. Semuanya akan kita bahas dalam suatu konsep sebelum pengerjaan.

Konsep awal dari pembuatan E-learning ada yang bersifat money oriented, trial version, atau bahkan free. Jika Anda masih tergolong pemula, penulis sarankan untuk membuat portal e-learning yang berbasis free, itung-itung sebagai media promosi untuk menarik banyak pelanggan. Jika website Anda dikunjungi banyak orang dan banyak yang menggunakan atau mendwonload tutorial Anda, bisa anda kembangkan ke trial version dimana Anda cuman memberikan beberapa materi saja yang free sedangkan materi yang lain harus membayar. Bahkan tidak menutup kemungkinan Anda membuat yang money oriented bila pengunjung website Anda sangat banyak.

Konsep kedua yang perlu Anda rencanakan adalah bidang apa yang merupakan target sasaran Anda? Karena ini akan berpengaruh terhadap jenis file yang akan Anda letakkan di website Anda. Sebagai contoh jika Anda bergerak di bidang hukum, politik, motivasi, maka di website Anda akan lebih banyak file teks. Sebaliknya jika website Anda bergerak di bidang komputer, multimedia, grafis, maka pada website Anda akan lebih menekankan pada penggunaan file teks dan gambar juga video tutorial.

Konsep terakhir dalam pembuatan portal E-learning adalah tempat publikasi dan penyimpanan file. Apakah Anda akan menggunakan website yang berbayar, gratis, atau kedua-duanya. Pada masing-masing web server memiliki aturan dan kebijakan yang berbeda-beda. Dari situ juga Anda dapat menentukan software apa yang nantinya akan Anda gunakan dalam portal E-learning Anda.

Pengenalan Database MySQL

Mysql merupakan database yang paling handal dikalangan pemrograman web, dengan alasan bahwa program ini merupakan database yang sangat kuat dan cukup stabil untuk digunakan sebagai media penyimpanan data.
Sebagai database server yang mampu untuk me-manajemen database dengan baik, MySQL terhitung merupakan database yang paling banyak digunakan dalam pemrograman web, dibandingkan dengan database yang lainnya, seperti Ms ACCESS.
Penggunaan MySQL sudah terintegrasi dengan paket Pemrograman web yakni PHP, karena dengan menggunakan kedua program ini program tersebut telah terbukti akan kehebatannya dalam memproses atau menangani permintaan data di dalam dunia internet.
Kemampuan lain yang dimiliki oleh MySQL adalah mampu mendukung Relational Database Manajemen System (RDBMS), sehingga dengan kemampuan ini MySQL mampu menangani relasional / hubungan antar field tabel yang dijdaikan primary key, serta mampu menangani data-data yang berukuran sangat besar hingga berukuran Giga Byte.