T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan Animasi Pengenalan Komputer T0 BAB III

BAB III
PERANCANGAN SISTEM
3.1

Fow Chart

Langkah awal perancangan animasi pengenalan computer
adalah dengan membuat rancangannya. Ladam rancangan awal penulis
membuat flow char sebagai berikut.

Gambar 3.1 Flowchart

7

8

1.2

Site Map

Setelah membuat flow chart maka penulis selanjutnya

membuat site map animasi pengenalan computer.

Gambar 3.2 Sitemap

9

1.3

Lembar Kerja Tampilan
1. Menu utama

Gambar 3.3.1 Lembar kerja Tampilan menu

10

2. Learning

Gambar 3.3.2 Lembar kerja Tampilan learning

11

3. Game

Gambar 3.3.3 Lembar kerja Tampilan game

12

4. Help

Gambar 3.3.4 Lembar kerja Tampilan help

13

5. Learning Hardware

Gambar 3.3.5 Lembar kerja Tampilan Hardware

14

6. Learning Map

Gambar 3.3.6 Lembar kerja Tampilan Map

15

7. Learning Built a computer

Gambar 3.3.7 Lembar kerja Tampilan Built a Computer

16

8. Game Test

Gambar 3.3.8 Lembar kerja Tampilan Test

17

9. Game Charades

Gambar 3.3.9 Lembar kerja Tampilan Charades

18

10. Result

Gambar 3.3.10 Lembar kerja Tampilan result