Adobe Dreamweaver Aplikasi Berbasis Web Perancangan Sistem Perancangan Data Flow Diagram DFD

menampilkan kotak layer sesuai dengan jumlah materi dalam dokumen. Bila dokumen terdiri dari sepuluh materi, maka layer yang terbentuk juga sepuluh buah. Dokumen seperti ini biasanya ditemukan dalam format psd, pdf. Kelebihan dari dokumen ini adalah: a. Mudah dilakukan editing b. Memori lebih besar c. Digunakan sebagai master Pada prinsipnya setiap dokumen akan disimpan dalam dua jenis dokumen tersebut flatten image atau don’t flatten image. Masing-masing jenis dokumen ini dapat diubah format saving nya sesuia dengan kebutuhan desain. Adobe Photoshop juga dapat digunakan bersama dnegan aplikasi lain, misalnya Adobe Ilustrator, Adobe InDesign, Adobe Effect, Adobe Premier, bahkan dengan Macromedia FreeHand. Proses yang dapat diberikan adalah kekmapuan saling melengkapi kebutuhan ilustrasi desain dan modifikasi pada masing-masing aplikasi sehingga akan terciptanya karya desain yang professional. Dalam Adobe Photoshop terdapat beberapa jenis cara proses saving diantaranya: a. Save, proses penyimpanan dokumen langsung b. Save As, proses menyimpan dokumen dengan pilihan format saving c. Save for Web, menyimpan dokumen untuk web d. Export,menyimpan untuk dibukakan dalam aplikasi Adobe Ilustrator Adobe Photoshop memiliki beberapa option dan tool yang akan dibagi dalam beberapa bagian. Diantaranya: a. Toolbars b. Toolbox c. Dialogbox

2.9 Adobe Dreamweaver

Adobe Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web. Universitas Sumatera Utara

2.10 Aplikasi Berbasis Web

1. Aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web WWW. 2. Aplikasi berbasis web merupakan aplikasi yang dapat langsung dijalankan pada browser dengan bantuan koneksi dari internet. 3. Aplikasi berbasis web tidak terbatas pada sistem operasi yang digunakan. 4. User yang mengakses data dengan menggunakan aplikasi berbasis web bisa langsung mendapat umpan balik dari server penyedia data sehingga tidak statis. 5. Jenis bahasa pemrograman yang digunakan tidak mempengaruhi hasil aplikasi yang dibuat. Universitas Sumatera Utara BAB 3 PERANCANGAN SISTEM

3.1. Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membagun sebuah situs.Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs.Situs ini dirancang menggunakan PHP sebagai bahasa pemrogramannya, MySQL sebagai databasenya, Photoshop Cs 4 digunakan sebagai desain grafis, Dreamweaver CS 5 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang.

3.2. Perancangan Data Flow Diagram DFD

Data Flow Diagram DFD adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis. Gambaran ini tidak tergantung pada perangkat keras, lunak, stuktur data atau organisasi. Adapun data flow diagram yang penulis ajukan yaitu : Universitas Sumatera Utara Table 3.2.1 Simbol-Simbol DFD No Gambar Nama Fungsi 1 Kesatuan Luar External Entity Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem. 2 Proses Process Kegiatan dari hasil suatu arus data yang masuk dalam proses umtuk dihasilkan arus data yang akan mengubah input menjadi output. 3 Aliran Data Data Flow Data mengalir melalui sistem, dimulai dengan sebagian input dan diubah atau diperoses menjadi input. 4 Penyimpanan Data Data Stronge Data disimpan untuk keperluan berikutnya.

3.3. Perancangan Struktur Database