from the exercise unit to Home and Exercise buttons. This linking system is made in a way that learners or users can go to the exercise unit through Home and
Exercise and they can go back to Home and Exercise menus from the exercise unit. The second system is the link from the exercise unit to Help and Contact.
The linking system for these two main buttons is different from the previous one, learners or users can go to Help and Contact menus from the exercise unit, but
they cannot go to exercise unit through the two buttons. The design uses four sections in each exercise unit; they are Presentation,
Vocabulary Focus, Learning from Input and Output and Reflection. The four sections are linked to each other through Content and Next button. The two
buttons allow learners or users to go back to the exercise unit and vise versa. To understand more about flowcharting, see figure 4.1 on page 68.
2. Collecting Materials
Materials are important in developing the website since it will determine the look of the website. To develop the website, the writer divided the materials
into picture, recording, and animation. Picture is one of the main components in the website since picture will enable the writer to create a more attractive website.
The pictures in the website were used as items in the exercise units and an image in Help button. The pictures used in the exercise unit were taken from the Cooking
Academy game by Fugazo and the image in Home and Help button was created by the writer using Corel Draw 12™.
Recordings also play important role in the website. They were used as listening materials to fulfill one of the skills in English. The recordings were taken
67 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Home Exercise
Help Contact
Exercise Unit 1 Exercise Unit 2
Exercise Unit 3 Preparation
Exercise Unit 4 Vocabulary Focus
Exercise Unit 5 Learning from Input and Output
Exercise Unit 6 Reflection
Exercise Unit 7 Exercise Unit 8
Figure 4.1: Flowchart of the Website
from Voice of America VOA and Randall ESL-Lab. The recordings then being adjusted using Jet Audio. The writer had tried different source of recordings but it
turned out to be very hard for the first grade students since the pronunciation wasn’t clear enough.
Animations in the website made the website livelier. The present of animations in the website made the website look more interesting and gain more
68 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
