Pengenalan Macromedia Dreamweaver CS5 Perancangan Sistem

banyak dokumen secara langsung. CSS mendefinisikan karakteristik tampilan warna, style , dan posisi suatu elemen pada dokumen HTML dalam bentuk properti elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan penyusunan struktur suatu halaman HTML dengan lebih fleksibel . CSS merupakan bagiansubset dari yang sangat berperan dalam DHTML H. Supriansyah dan Kartoyo, 30 Menit Menjadi Webmaster, 2006.

2.7 Pengenalan Macromedia Dreamweaver CS5

Merancang sebuah website tidak terlepas dari pembuatan desain tampilan web tersebut, karena desain web merupakan langkah awal dari pembuatan website. Dasar pembuatan website menggunakan bahasa HTML HyperText Markup Language yaitu bahasa pemrograman dalam pembuatan web. Penggunaan HTML dalam pembuatan web tidak semua orang dapat menggunakannya untuk mempermudah dalam pembuatan web ini kita dapat menggunakan aplikasi editor web yang bersifat visual. Salah satu aplikasi untuk melakukan perancangan desain web secara visual adalah Adobe Dreamweaver. Aplikasi ini secara umum sudah sangat poluler digunakan untuk merancang desain website. Saat ini terpopuler di kalangan web editor yaitu Macromedia Dreamweaver CS5. Aplikasi Adobe Dreamweaver menyediakan banyak fasilitas yang dapat memudahkan user dalam menghasilkan sebuah website yang interaktif dan menarik. Universitas Sumatera Utara Gambar.2.1 Fasilitas Baru Macromedia Dreamweaver CS5 Universitas Sumatera Utara BAB 3 PERANCANGAN SISTEM

3.1 Perancangan Sistem

Tahap perencanaan dan perancangan sistem ini merupakan tahap awal dalam membangun sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan dan isi dari sebuah situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai databasenya, sedangkan Dreamweaver CS5 digunakan sebagai tempat untuk membuat layout dari situs yang telah dirancang. Tahap selanjutnya yaitu tahap pembuatan flowchart bagan alir atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan struktur hirarki dan isi halaman per halaman. Dengan adanya flowcart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat mebantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalu diperbaharui sehingga pegunjung tidak bosan.

3.2 Perancangan Algoritma