![Page 1: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/1.jpg)
UI Story Board
CIS78 Group ProjectCreated by: Aliese Zacharias
![Page 2: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/2.jpg)
Start Page(the first page the user sees)
The user can select and deselect each of the dining choices.
![Page 3: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/3.jpg)
Start Page with selections(after clicking all the dining selections)Dining choice
buttons in selected state.
![Page 4: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/4.jpg)
Search results list view(after clicking start button)
Pressing Back will take user to the previous page (same action for all pages)
Pressing arrows will take the user up or down the page.
Page status bar slider
Selecting a row brings the user to a more detailed view of the restaurant.
![Page 5: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/5.jpg)
Restaurant details view(after clicking a menu row)
Pressing this button brings user to reservation page.
![Page 6: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/6.jpg)
Reservation view(after clicking Make a reservation)
Pressing any field brings up keyboard interface.
Pressing submit sends the form out to the restaurant.
![Page 7: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/7.jpg)
Keyboard input window(comes up when any input field is pressed)
User is allowed to type letters on the screen with the keyboard up. Selecting enter brings user back to main reservation view.
![Page 8: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/8.jpg)
Form filled out(after keyboard input is finished)
![Page 9: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/9.jpg)
End page(when the submit button is pressed)
Countdown is in 1 second interval and when done, start page is brought up.
![Page 10: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/10.jpg)
Administrative Backend
This section is for accessing the usage log for administrators.
![Page 11: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/11.jpg)
Admin - Login page(this page is accessed by administrators outside the kiosk UI)
Administrators accessing the system will have access to keyboard so they don’t need one for field input.
![Page 12: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/12.jpg)
Failed login attempt
Red banner message tells user if they failed the login.
![Page 13: UI Story Board CIS78 Group Project Created by: Aliese Zacharias](https://reader035.vdocuments.mx/reader035/viewer/2022062511/55141501550346ec488b5271/html5/thumbnails/13.jpg)
Usage log report
Report details will be displayed in a simple table form below the title.