BAB 4 PERANCANGAN SISTEM
4.1. Perencanaan dan Perancangan
Tahap perencanaan dan perancangan 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 dan
juga Photoshop CS2 yang digunakan sebagai tempat untuk membuat layout dari situs yang telah dirancang.
Setelah tahap perencanaan dan perancangan,selanjutnya yaitu tahap pembuatan flowchart bagan alir atau aliran informasi dari website tersebut. Flowchart atau
bagan alir adalah gambatran yang menampilkan struktur hirarki dan isi halaman perhalaman. Dengan adanya flowchart akan membantu untuk memvisualisasikan isi
dari setiap halaman website tersebut. Dengan pembuatan flowchart suatu website dapat membantu mempermudah
dalam pemeliharaan dan pembaharuan dari isi website. Hal ini sangat pentingdilakukan karena isi website harus diperbaharui sehingga informasi yang
disampaikan uptodate kepada pengunjung website terse Adapun flowchart dari website yang penulis buat, yaitu:
Universitas Sumatera Utara
Start
Menampilkan Halaman
Utama
Memilih Daftar Link
Beranda Halaman
Berita
Profil Pilih Link
yang Ada
Agenda A
Agenda Halaman
Agenda
Benda Halaman
Berita Link
Berita
Galeri Foto Pilih Foto
B
Hubungi Kami
End Ya
Ya
Ya
Ya
Ya Tidak
Gambar 4.1 aliran Informasi flowchart website puskesmas
Universitas Sumatera Utara
Adapun halaman index yang penulis rancang adalah: 1. Halaman index, merupakan halaman yang pertama kali muncul pada saat
membuka website UKM Bulutangkis Universitas Sumatera Utara. 2.
Halaman admin, merupakan halaman yang hanya dapat diakses oleh admin untuk melakukan pengaturan atau perubahan isi dari website.
3.
Halaman profil, merupakan halaman yang berisikan tentang visi-misi dan motto UKM Bulutangkis.
4.
Halaman Fasilitas, merupakan halaman yang berisikan foto-foto fasilitas yang disediakan oleh UKM Bulutangkis.
5.
Halaman Berita, merupakan halaman yang berisikan sekilas tentang info-info seputar Bulutangkis.
Tabel 4.1 Simbol-Simbol Data Flow Diagram
No. Simbol
Fungsi 1.
Kesatuan Luar Eksternal Entity
Kesatuan diluar lingkungam sistem yang dapat berupa seseorang atau organisasi yang
dapat mengirimkan data atau menerima data dari sistem.
2. Aliran Data Data Flow
Data mengalir melalui sistem dimulai dengan input dan diubahdiproses menjadi output.
3. Proses Process
Kegiatan hasil suatu arus data yang masuk dalam proses untuk menghasilkan arus data
yang akan keluar mengubah input menjadi output.
Universitas Sumatera Utara
4. Penyimpanan Data
Data Storage Tempat penyimpanan data yang ada dalam
sistem.
Tabel 4.2 Simbol-Simbol Data Flowchart
No. Simbol
Fungsi 1.
Flow Direction Simbol yang digunakan untuk menghubungkan
antara simbol yang satu dengan simbol yang lain. Simbol ini disebut juga connecting line.
2.
Terminator Simbol untuk permulaan start atau akhir stop
dari suatu kegiatan
3.
Connector Simbol untuk keluar
– masuk atau penyambungan proses dalam lembar halaman yang sama.
4.
Connector Simbol untuk keluar
– masuk atau penyambungan proses pada lembar halaman yang berbeda.
5.
Processing Simbol yang menunjukkan pengolahan yang
dilakukan oleh komputer
Universitas Sumatera Utara
6.
Manual Operation
Simbol yang menunjukkan pengolahan yang
tidak dilakukan oleh komputer
7.
Decision Simbol pemilihan proses berdasarkan kondisi yang
ada
8.
Input-Output Simbol yang menyatakan proses input dan output
tanpa tergantung dengan jenis peralatannya
9.
Simbol Manual Input Simbol untuk pemasukan data secara manual on-
line keyboard
10.
Simbol Preparation
Simbol untuk mempersiapkan penyimpanan yang
akan digunakan
sebagai tempat
pengolahan di dalam storage.
11.
Simbol Predefine Proses Simbol untuk pelaksanaan suatu bagian sub-
programprosedure
12.
Simbol Display Simbol yang menyatakan peralatan output yang
digunakan yaitu layar, plotter, printer dan sebagainya.
13.
Disk and On-line Storage
Simbol yang menyatakan input yang berasal
dari disk atau disimpan ke disk.
14.
Magnetik Disk Simbol yang menyatakan input berasal dari
database atau disimpan ke database
Universitas Sumatera Utara
Simbol Dokumen Simbol yang menyatakan input berasal dari
dokumen dalam bentuk kertas atau output dikertas
4.2. Mempersiapkan database server
Kategori