Conceptual & Logical Design [LEGO models & Wireframes]

 PRESENTATION VIDEO OF OUR TASK

VIDEO 1: Task 1, Selecting a story to read.

VIDEO 2: Task 2, Interacting with the story (reading and pronunciation)

VIDEO 3: Task 3, Managing the setting.

LAYOUT DESIGN SKETCHES

 1) ISKANDAR

1. Open the App

- When at starter page, click on the play icon to start the app

2. Homepage

- Choose the title story and click next icon

3. Story page

- The picture and text story has appeared, touch next icon for the next chapter of story.

4. Voice audio

- Click the speaker icon to hear sound of the story.

5. Text audio

- Choose the text sentence to get audio sound of the selected text.

6. The end of story page

- Click the home icon to go to homepage

 2) FAKHRUL (SELECTED)

1. Open the app

    First thing we need to do is open the app and it will bring you directly to the home interface.

2. Selecting the story to read.

    After that, if you wish to read a story book, click on the library button to see all of the story that   have in the aplication.

3. Scrolling the page

    You can scroll through the library to choose a story that catch your heart.

4. Start reading the story

    Then, click the story you want and wait for it to loading and now you can start reading.

5. Manage the setting

    If you want to set the setting, just click the setting button in the homepage and set what you want            accroding to your taste.

6. Profile setting

    Click on the profile to change or switch account. you also can edit your profile information in there.

WIREFRAME