xlv
BAB 3 PERANCANGAN SISTEM
3.1 Perancangan Interface
Perancangan interface adalah merancang dan membuat bentuk dasar tampilan web yang akan ditransformasikan dalam bentuk sketsa digital.
a. Perancangan interface halaman depan website kamus bahasa Latin
LOGO
Beranda Hewan Tumbuhan Tentang
Pengertian Bahasa Latin Pencarian Hewan Tumbuhan
Copyright… Gambar 3.1 Interface halaman depan kamus bahasa Latin
Universitas Sumatera Utara
xlvi b.
Perancangan Interface halaman admin website kamus bahasa Latin Hari, tanggal
LOGO
Menu
Konten
Gambar 3.2 Interface halaman admin website kamus bahasa Latin
Dalam perancangan interface website atau mendesain interface penulis menggunakan aplikasi pengolah foto yaitu Adobe Photoshop CS4 untuk mendesain
tampilan interfacenya agar lebih mudah dalam mendesain website tersebut.
Web desainer bertugas sebagai juru gambar dan desain website, seperti menentukan bentuk desain serta elemen-elemen yang terpapar di dalam website,
layout tata letak konten website, kombinasi warna, dan bentuk huruf tipografi yang sesuai dengan karakteristik website. Beberapa perangkat lunak yang digunakan web
desainer dalam perancangan website adalah seperti Adobe Photoshop, Adobe Dreamweaver, Adobe Flash, Adobe Illustrator dan Corel Draw.
Universitas Sumatera Utara
xlvii
3.2 Perancangan Sistem
3.2.1 Data Flow Diagram
Data Flow Diagram DFD adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap
analisa, penanganan notasi simbol lingkaran dan anak panah mewakili atau menggambarkan arus data. Dalam perancangan sistem sangat membantu sekali di
dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem.
Adapun Data Flow Diagram dari kamus bahasa Latin pada hewan dan tumbuhan ialah:
Gambar 3.3 Diagram konteks kamus bahasa Latin
Admin
Informasi
Pengunjung
Kirim Informasi
Informasi Terbaru
Universitas Sumatera Utara
xlviii Mengisi
Informasi
Laporan
Upload
Kirim Upload
Pencarian Informasi
Terbaru
Gambar 3.4 Data Flow Diagram Level Nol
3.2.2 Flowchart
Flowchart merupakan suatu cara untuk menggambarkan algoritma. Bila kita
mempunyai persoalan, persoalan tersebut dapat kita pecahkan dengan menampilkan struktur, hierarki, dan isi halaman per halaman, biasanya berbentuk pohon yang
bercabang-cabang. Untuk membuat penyelesaian persoalan tersebut agar lebih jelas, maka disajikan dalam bentuk gambar, penyelesaian yang berbentuk gambar itulah
yang disebut flowchart. D1 Informasi
Admin 1
Halaman Administrator
2 Halaman
UtamaDepan Web
Pengunjung
Universitas Sumatera Utara
xlix Simbol-simbol yang terdapat dalam sistem flowchart adalah:
Tabel 3.1 Simbol-simbol pada flowchart
Simbol Kegunaan
Terminal point symbol Simbol titik terminal yang digunakan untuk awal
dan akhir suatu proses
Inputouput symbol Simbol inputoutput digunakan untuk mewakili
data inputoutput.
Process symbol Simbol proses digunakan untuk menunjukkan
penegeluaran yang dilakukan oleh komputer
Predefined process symbol Simbol proses defenisi digunakan untuk
menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain
Connector symbol Simbol penghubung digunakan untuk
menunjukkan sambungan dari bagan alir yang terputus di halaman yang masih sama
Simbol pemutus hubungan digunakan untuk masuk dan keluarnya suatu prosedur pada lembar
Universitas Sumatera Utara
l Off line connector symbol
kertas yang lain
Magnetic disk symbol Simbol magnetic digunakan untuk menunjukkan
database yang dipakai dalam program
Decission Symbol Simbol keputusan digunakan untuk suatu
penyeleksian kondisi di dalam program
Preparation symbol Simbol persiapan digunakan untuk
mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam
storage
Document symbol Simbol dokumen merupakan symbol untuk
menunjukkan data yang berbentuk kertas maupun informasi
Line connector Arusflow dari prosedur yang dapat dilakukan
dari atas ke bawah, dari bawah ke atas, dari kiri ke kanan, dan dari kanan ke kiri
Universitas Sumatera Utara
li Berikut adalah Diagram Alir flowchart dari kamus bahasa Latin pada hewan
dan tumbuhan:
Y MULAI
Pilihan 1 ?
Universitas Sumatera Utara
lii Y
Gambar 3.6 Diagram Alir Halaman Admin LOGIN ADMINISTRATOR
Masukkan Username dan password
Apakah Username dan password benar?
Halaman Utama Administrator
Manajemen Users
Manajemen Kamus
Hapus Informasi
Edit Informasi
Tambah Informasi
Konfirmasi apakah
akan dihapus?
Isi Informasi yang baru
Pilih informasi yang akan diperbaiki
Isi informasi baru Validasi
informasi yang baru?
Informasi dihapus
Informasi disimpan Logout
Informasi ditambah Validasi
informasi yang telah
diperbaiki?
Universitas Sumatera Utara
liii
3.3 Perancangan Database
Database adalah kumpulan dari data yang berhubungan antara satu dengan yang lainnya, tersimpan di perangkat keras komputer dan menggunakan perangkat lunak
untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem website, karena database mampu memanipulasi dan menyediakan
informasi bagi para pengguna.
Berikut tabel-table yang ada di dalam database kamus bahasa Latin hewan dan tumbuhan ini:
Tabel 3.2 Tabel Admin
Nama Field Tipe Data
Ukuran Keterangan
id int
3 Id admin
username varchar
20 Nama admin
password varchar
32 Password admin
Tabel 3.3 Tabel Jenis Hewan
Nama Field Tipe Data
Ukuran Keterangan
id int
1 Id Jenis Hewan
jenis varchar
200 Jenis Hewan
Tabel 3.4 Tabel Jenis Tumbuhan
Nama Field Tipe Data
Ukuran Keterangan
Universitas Sumatera Utara
liv id
int 1
Id Jenis Tumbuhan jenis
varchar 200
Jenis Tumbuhan Tabel 3.5 Tabel Hewan
Nama Field Tipe Data
Ukuran Keterangan
id int
4 Id Hewan
latin varchar
100 Bahasa Latin
indonesia varchar
100 Bahasa Indonesia
jenis varchar
200 Jenis Hewan
gambar varchar
300 Gambar Hewan
Tabel 3.6 Tabel Tumbuhan
Nama Field Tipe Data
Ukuran Keterangan
id int
4 Id Tumbuhan
latin varchar
100 Bahasa Latin
indonesia varchar
100 Bahasa Indonesia
jenis varchar
200 Jenis Hewan
gambar varchar
300 Gambar Hewan
Universitas Sumatera Utara
lv
BAB 4 IMPLEMENTASI SISTEM
4.1 Pengertian dan Tujuan Implementasi Sistem
Adapun pengertian dan tujuan dari implementasi sistem sebagai berikut:
4.1.1 Pengertian Implementasi Sistem
Implementasi sistem merupakan prosedur yang dilakukan untuk menyelesaikan desain system yang ada dalam dokumen desain yang disetujui , menguji sistem, menginstal,
dan memulai sistem yang baru yang telah diperbaiki. Ada juga yang mengatakan implementasi sistem adalah proses yang dilakukan untuk menyelesaikan desain dan
selanjutnya diinstal, diuji dan mulai digunakan untuk menggantikan sistem yang lama.
4.1.2 Tujuan Implementasi Sistem
Tujuan dari implementasi sistem adalah: 1.
Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang telah disetujui, menyusun dokumen-dokumen baru atau dokumen yang
baru diperbaiki. 2.
Menulis, menguji, mendokumentasikan program-program dan prosedur yang diperlukan dalam dokumen desain sistem yang telah disetujui.
3. Memastikan bahwa operator dapat mengoperasikan sistem yang baru yaitu
dengan mempersiapkan manual pemakaian tata cara penggunaan dan melatih operator tersebut.
Universitas Sumatera Utara