5. Yang dapat berupa penggambaran perencanaan dan pembuatan sketsa atau
pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
6. Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras dari
suatu sistem. Adapun langkah-langkah dalam perancangan sistem meliputi :
1. Physical System
Physical system berupa bagan alir sistem System Flowchart ataupun bagan alir dokumen Document Flowchart .
2. Logical Model
Logical Model dapat digambarkan dengan menggunakan diagram arus data atau DFD . DFD digunakan untuk menggunakan sistem yang telah ada
atau sistem baru yang akan dikembangkan secara logika.
3.1 Physical System
Yang termasuk dalam physical system ialah Flowchart. Flowchart adalah Flowchart atau bagan alir adalah bagan chart yang menunjukkan alir flow di dalam program
atau prosedur sistem secara logika. Bagan alir Flowchart digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi. Terdapat beberapa jenis Flowchart
yaitu:
Universitas Sumatera Utara
1. Bagan alir sistem systems Flowchart.
2. Bagan alir dokumen document Flowchart.
3. Bagan alir skematik schematic Flowchart.
4. Bagan alir program program Flowchart.
5. Bagan alir proses process Flowchart.
Komponen-komponen Flowchart yang dikenal saat ini adalah sebagai berikut :
Gambar 3.1 Simbol-simbol Flowchart
Universitas Sumatera Utara
Flowchart dari program yang penulis buat adalah :
Gambar 3.2 Flowchart Aplikasi EnglishForKid
End start
Home
Flash Layout Media Player Layout
Programmer Program
Alphabet Animals
Fruits Vegetables
Food drinks
My House Numbers
Things at School Family
Colours Kategori
Quiz Let’s Sing
About
Universitas Sumatera Utara
3.4 Perancangan Interface
Perancangan ini merupakan rancang bangun dari percakapan antar pemakai dengan komputer. Proses ini terdiri dari proses pemasukan data kesistem, menampilkan output
informasi . Inilah tampilan dari aplikasi EnglishForKid yang penulis buat :
1. Form Menu Utama
Gambar 3.6 Rancangan Form Utama Category
English For Kid
Quiz Let’s Sing
About
Menu
Universitas Sumatera Utara
2. Form Category
Gambar 3.7 Rancangan Form Category
3. Form Quiz
Gambar 3.8 Rancangan form utama quiz
Back
Name Meaning
Image Name
Meaning Image
Name Meaning
Image Name
Meaning Image
Name Meaning
Image Name
Meaning Image
Name Meaning
Image Name
Meaning Image
Name Meaning
Image Name
Meaning Image
Name Meaning
Image Name
Meaning Image
Name Meaning
Image Name
Meaning Image
Name Meaning
Image Name
Meaning Image
Play Back
Layout Flash
Universitas Sumatera Utara
4. Tampilan Form Let’s Sing
Gambar 3.9 Form Let’s Sing
5. Tampilan form About
Gambar 3.10 Rancangan tentang programmer Play
Back Layout Media Player
Biodata image
Running text
Universitas Sumatera Utara
Gambar 3.11 Rancangan tentang program Tentang program
Logo
Running text
Universitas Sumatera Utara
3.2. Logical Model
