Responsive Web Design Portfolio: Robot Expo Website

Desklib offers solved assignments and past papers to help students succeed.

COIT 20268 - RESPONSIVE WEB
DESIGN (RWD)
TERM - 2019

Contents
Introduction....................................................................................................................................................3
Portfolio 2.1...................................................................................................................................................4
Portfolio 2.2.................................................................................................................................................30
Portfolio 2.3:................................................................................................................................................31
Portfolio 2.4.................................................................................................................................................33
Portfolio 2.5.................................................................................................................................................34
Portfolio 2.6.................................................................................................................................................34
Portfolio 2 summary....................................................................................................................................36
Conclusion...................................................................................................................................................38
References:...................................................................................................................................................39
Figures:
Figure 1: Home page......................................................................................................................................4
Figure 2: Index page mockup........................................................................................................................5
Figure 3: Military robot categories................................................................................................................6
Figure 4: Educational robots categories.........................................................................................................7
Figure 5: Timings and Fares..........................................................................................................................8
Figure 6: Contact us.......................................................................................................................................9
Figure 7: Contact us (part 2)........................................................................................................................10
Figure 8: Detailing page...............................................................................................................................11
Figure 9: Mobile view (Home page)............................................................................................................12
Figure 10: Robot categories (Mobile view).................................................................................................13
Figure 11: Domestic robot categories..........................................................................................................14
Figure 12: Military robots (Mobile view)....................................................................................................15
Figure 13: Educational robots (mobile view)..............................................................................................16
Figure 14: Industry robots (Mobile view)....................................................................................................17
Figure 15: Timings and fare (Mobile view).................................................................................................18
Figure 16: Contact us...................................................................................................................................19
Figure 17: Contact us (part 2)......................................................................................................................20
Figure 18: Home page (Tablet view)...........................................................................................................21
Figure 19: Robot categories (Tablet view)..................................................................................................22
Figure 20: Domestic Robots (Tablet view)..................................................................................................23
Figure 21: Military robot (Tablet view).......................................................................................................24
Figure 22: Educational robots (Tablet view)...............................................................................................25
Figure 23: Industry robots (Tablet view).....................................................................................................26
Figure 24: Timings and Fares (Tablet view)................................................................................................27
Figure 25: Contact us (Tablet view)............................................................................................................28
Figure 26: Contact us part 2 (Tablet view)..................................................................................................29
Figure 27: Navigation flowchart..................................................................................................................31
Figure 28: Detailed Flowchart.....................................................................................................................32

Figure 29: Timings and Fares......................................................................................................................33
Figure 30: Contact us page..........................................................................................................................34
Introduction
Robot Expo is a kind of event which takes place to educate the students as well as people of all
age groups about the automation in the robotics industry and the types of robots which are
available in the market to ease the work of living beings. The website consists of home page
which shows the foot plan of the expedition center. The description of various categories of
robots is given including Industrial robot, Domestic robots, Military robots, Educational robots.
The timings of opening of the center are also given according to the days which make the visit
easy and fruitful. The registration form is also provided to book the visit at expedition center.

Portfolio 2.1
Figure 1: Home page
Above figure is used for displaying pop up the information regarding the index page of website.
This overall show as the welcome note for the user (Gardner, 2011).

Figure 2: Index page mockup
Above figure is displaying the header of website. It comprise of logo and menu items that
contains different bars i.e. home page, contact us, about etc.

Figure 3: Military robot categories
Above figure shows different categories of military robots that helps to identify different
functionalities of robots.

Figure 4: Educational robots categories
Above figure shows different category robots that mainly work for education purposes. It helps
in extract information regarding them.

Figure 5: Timings and Fares
Above figure helps to display various timings and fares of using different types of robots. It
maintain a record of the timing and fare regarding the usage of robots (Stover, 2014).

Figure 6: Contact us
This figure contains whole information regarding the website and also it is used to collect the
user reviews.

Figure 7: Contact us (part 2)
It defines the information regarding the maintenance of textbox with the information that has to
be fed by user when they give reviews over it.

Figure 8: Detailing page
Above figure is displaying the detaining page which contains the content regarding robot expo
on website (Mohorovičić, 2013).

Figure 9: Mobile view (Home page)