3.4 Flowchart
Flowchart adalah gambaran dalam bentuk diagram alir dari algoritma dalam suatu program yang menyatakan arah alur program dalam menyelesaikan suatu masalah.
Berikut adalah beberapa symbol yang digunakan dalam menggambar suatu flowchart:
Tabel 3.1 Bagian-bagian dari Flowchart SIMBOL
NAMA fUNGSI
TERMINATOR Permulaan akhir program.
GARIS ALIR FLOW LINE
Arah alir program.
PREPARATION
Proses inisialisasipemberian harga awal
PROSES
Proses penghitunganproses pengolahan data.
INPUTOUTPUT DATA
Proses inputoutput data, parameter. Informasi.
DECISION
Perbandingan pernyataan, penyeleksian data yang memberikan
pilihan untuk langkah selanjutnya.
ON PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada satu halaman.
OFF PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada halaman berbeda.
Universitas Sumatera Utara
Gambar 3.8 Flowchart Algoritma CAI
Starts
Tampilan Awal
Home Profil
Materi Latihan
Exit
Home
Case
Profil Materi
Latihan Exit
- Momentum - Impuls
- Hukum Kekekalan Momentum
- Contoh Soal
Case
Momentum Impuls
Hukum Kekekalan
Momentum
Universitas Sumatera Utara
3.5 Perancangan Tampilan
3.5.1 Menu Home
Tampilan menu home pada perangkat lunak pengajaran ini dirancang sedemikian rupa sebagaimana halnya halaman situs web internet, karena nantinya diharapkan
perangkat lunak pengajaran ini dapat langsung diaplikasikan sebagai bentuk pembelajaran jarak jauh e-learning yang mampu berinteraksi dengan pengguna di
mana pun berada melalui jaringan internet. Tampilan menu home dirancang dengan fitur-fitur yang menarik dengan efek-
efek warna dan pencahayaan ditambah lagi dengan animasi-animasi yang memudahkan pengguna dalam pengoperasiannya user friendly.
Perancangan tampilan menu home pada perangkat lunak pengajaran ini dibagi menjadi empat bagian yaitu header, Right, Left dan isi halaman. Header adalah bagian
dari halaman yang terletak pada sisi sebelah atas yang biasanya berisi, judul, dan gambar, bagian Right adalah bagian sebelah kanan tempat dimana tombol navigasi,
bagian Left adalah bagian sebelah kiri yang merupakan tempat logo animasi, sedangkan bagian isi adalah bagian yang terpenting dalam menampilkan informasi
yang ingin disampaikan, pada bagian ini yang harus diperhatikan adalah tata letak bagian isi.
Universitas Sumatera Utara
Gambar Logo Animasi
Bagian Isi
Tombol Navigasi
Gambar 3.9 Rancangan tampilan menu home
3.5.2 Menu Profil
Tampilan menu profil dirancang tidak jauh beda dengan menu home, hanya saja di menu profil animasinya sudah dikurangi. Perancangan tampilan menu profil pada
perangkat lunak pengajaran ini dibagi menjadi empat bagian yaitu header, Right, Left dan isi halaman. Header adalah bagian dari halaman yang terletak pada sisi sebelah
atas yang biasanya berisi, judul, dan gambar, bagian Right adalah bagian sebelah kanan tempat dimana tombol navigasi, bagian Left adalah bagian sebelah kiri yang
merupakan tempat logo animasi, sedangkan bagian isi adalah bagian yang terpenting dalam menampilkan informasi yang ingin disampaikan, pada bagian ini yang harus
diperhatikan adalah tata letak bagian isi.
Universitas Sumatera Utara
Gambar Logo Animasi
Bagian Isi
Tombol Navigasi
Gambar 3.10 Rancangan tampilan menu profil
3.5.3 Menu Materi
Tampilan menu materi juga dirancang tidak jauh beda dengan menu home dan menu profil hanya saja di menu materi tombol navigasi sudah ditambah di bagian sebelah
atasnya. Perancangan tampilan menu materi pada perangkat lunak pengajaran ini dibagi menjadi empat bagian yaitu header, Right, Left dan isi halaman. Header adalah
bagian dari halaman yang terletak pada sisi sebelah atas yang biasanya berisi, judu l, gambar, dan tombol navigasi, bagian Right adalah bagian sebelah kanan tempat
dimana tombol navigasi, bagian Left adalah bagian sebelah kiri yang merupakan tempat logo animasi, sedangkan bagian isi adalah bagian yang terpenting dalam
menampilkan informasi yang ingin disampaikan, pada bagian ini yang harus diperhatikan adalah tata letak bagian isi.
Universitas Sumatera Utara
Gambar Logo Animasi
Tombol Navigasi
Bagian Isi
Tombol Navigasi
Gambar 3.11 Rancangan tampilan menu materi
3.5.4 Menu Latihan
Tampilan menu latihan juga dirancang tidak jauh beda dengan menu-menu yang lain hanya saja di menu latihan bagian isi digunakan untuk tempat memasukan nama.
Perancangan tampilan menu profil pada perangkat lunak pengajaran ini dibagi menjadi empat bagian yaitu header, Right, Left dan isi halaman. Header adalah bagian
dari halaman yang terletak pada sisi sebelah atas yang biasanya berisi, judul, dan gambar, bagian Right adalah bagian sebelah kanan tempat dimana tombol navigasi,
bagian Left adalah bagian sebelah kiri yang merupakan tempat logo animasi, sedangkan bagian isi adalah bagian yang terpenting dalam menampilkan informasi
yang ingin disampaikan, pada bagian ini yang harus diperhatikan adalah tata letak bagian isi.
Universitas Sumatera Utara
Gambar Logo Animasi
Masukkan Nama
Tombol Navigasi
Gambar 3.12 Rancangan tampilan menu latihan
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI
4.1 Implementasi
Kategori