2.6 Pengenalan MYSQL
MySQL merupakan salah satu perangkat lunak sistem pengelola basis data Data Base Management System. MySQL juga dapat dikategorikan sebagai Relational Data Base
Management System RDBMS, karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah ke dalam berbagai tabel 2 dua dimensi. Setiap tabel pada MySQL
terdiri atas lajur horizontal dan lajur vertikal. MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai
data dan pengolahan data.
2.7 Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah software yang digunakan oleh Web desainer ataupun Web programmer untuk mengembangkan situs web. Ruang kerja, fasilitas dan
kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam mendesain ataupun membangun situs web. Dreamweaver juga dilengkapi fasilitas
yang cukup lengkap.
2.7.1 Awal Macromedia
Dremweaver 8 Workspace adalah ruang kerja yang semua jendela dokumen dan panel integrasi pada satu jendela besar, dengan panel group yang berada disisi kanan.
Ruang kerja pada dreamweaver 8 memiliki komponen yang memberikan fasilitas dan ruang untuk menuangkan kreasi dan dalam bekerja, seperti yang dilihat pada Gambar
2.1. Komponen yang disediakan oleh Dreamweaver antara lain adalah insert bar, Document toolbar, document window, Panel Groups, Site Panel, Property inspector.
Universitas Sumatera Utara
Perhatikan gambar berikut ini, berikut bagian-bagian yang terdapat pada jendela kerja dari Dreamweaver 8.
Universitas Sumatera Utara
A
Gambar 2.1 Jendela Kerja Dreamweaver 8
A. Insert Bar
Insert Bar merupakan kumpulan menu yang digunakan untuk memasukkan sebuah objek atau fungsi lainnya ke dalam jendela dokumen. Contoh: image, Layer, Tabel
dan lain-lain. Insert Bar juga mempunyai tujuh menu didalamnya yaitu Common, Layout, Forms, Text, HTML, Application dan Flash Elements. Untuk
menampilkan dan menggunakan menu yang terdapat pada Insert Bar, Anda dapat meng-klik tombol drop down yang berada di sebelah kiri Insert Bar. Perhatikan
Gambar 2.2 di bawah ini
B
C D
Universitas Sumatera Utara
Gambar 2.2 Menu Insert Bar
Universitas Sumatera Utara
B.
Document Toolbar
Document Toolbar digunakan sebagai penempatan file-file yang telah dibuka dan sekaligus untuk menampilkan nama dari file tersebut. Document Toolbar juga
mempunyai tiga buah tab yang dapat membantu Anda mendesain web dengan mengubah tampilan dari jendela dokumen, diantaranya Code, Split, Design.
Gambar 2.3 Tampilan Document Toolbar
i. Code : merupakan kumpulan kode program yang telah disusun, dan berfungsi untukmengedit listing dari program.
ii. Split : digunakan untuk menampilkan tab dari code view dan design view secara bersamaan.
iii. Design : digunakan sebagai tempat untuk meletakkan objek-objek ke dalam jendela dokumen, seperti Tabel, Form, dan lainnya.
C.
Document Window
Document Window atau biasa disebut dengan jendela dokumen, merupakan tempat untuk menampilkan objek-objek atau kode program dari tab kode, split, dan
design.
Universitas Sumatera Utara
D.
Panel Groups
Panel Group berfungsi untuk mengatur halaman web yang telah Anda buat. Contoh : Panel File, berfungsi untuk mencari dan mengetahui letak halaman file-
file yang
telah dibuat.
Universitas Sumatera Utara
2.7.2 Komponen Dreamweaver 8
Di dalam ruang kerja Dreamweaver 8 terdapat beberapa komponen utama yang membentuk suatu ruang kerja. Berikut ini keterangan singkat tentang menu yang
ada pada
Dreamweaver 8. Menu berisi submenu yang biasanya ditampilkan sebagai dropdown menu yang akan muncul ketika anda menekan tombol menu utama.
Gambar 2.5 Tampilan Menu Dreamweaver 8
Di dalam sistem menu Dreamweaver 8 terdapat beberapa komponen yang dapat digunakan, yaitu :
1. Menu File
Menu File terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain-lain.
2. Menu Edit
Menu Edit terdiri dari perintah untuk meng-copy, memindahkan serta perintah untuk pemilihan seperti Select All, dan lain-lain.
3. Menu View
Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Macromedia Dreamweaver 8. Seperti jendela Code dan View, serta untuk
menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.
4.
Menu Insert
Berisikan alternatif baris insert untuk menyisipkan objek didalam dokumen.
Universitas Sumatera Utara
5. Menu Modify
Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel
dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template
Universitas Sumatera Utara
6. Menu Text
Berfungsi untuk mempermudah dalam melakukan format teks.
7. Menu Commands
Berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan
menggunakan Macromedia Fireworks.
8. Menu Site
Berisi item untuk mengelola situs seperti mendefinisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefinisi.
9. Menu Window
Menyediakan akses ke seluruh panel, inspector, dan jendela di dalam Dreamweaver.
10. Menu Help
Menyediakan fasilitas yang membantu kita dalam menggunakan Dreamweaver.
Universitas Sumatera Utara
BAB 3
ANALISA DAN PERANCANGAN SISTEM
3.1 Analisis Kebutuhan Sistem
Pada bab ini, akan menjelaskkan tentang analisa dan perancangan Aplikasi Coffee Shop Bandung Toast Coffee meliputi analisis kebutuhan sistem, analisis
perancangan dan pembuatan aplikasi, perancangan aplikasi antar muka, flowchart, dan sistem basis data atau database.
Analisis kebutuhan sistem ini dilakukan untuk mengetahui seberapa penting suatu sistem yang akan dirancang sehingga pengguna atau user dapat menerima
dan menggunakan aplikasi secara yang telah dibuat dapat membantu untuk mendapatkan informasi yang dicarinya dan apakah aplikasi tersebut mudah
digunakan atau user friendly. Dalam hal ini objek yang ditampilkan berupa informasui product yang berbentuk sebuah gambar atau image yang dapat
ditampilkan berbentuk multimedia sehingga pengguna akan dapat berinteraksi dengan mudah pada program yang telah dirancang.
Penganalisisan kebutuhan sistem ini yang akan menjadi bagian peninjauan terhadap sistem yang akan dirancang, baik dari sisi tampilan pada program agar
pengguna tertarik untuk mendapatkan informasi dan menggunakan aplikasi, serta mudah mengetahui berita yang baru dan penawaran yang diberikan , dan juga dari
sisi fungsionalitas sistem yang akan dirancang. Pada proses pembuatan aplikasi ini membutuhkan bagian sebagai berikut :
Universitas Sumatera Utara
3.2 Analisis Perancangan dan Pembuatan Aplikasi