James Williams
Projects
Web Design Studio Portfolio
Introduction to HOTGLUE
Portfolio Design Exercise
Portfolio Implementation
Personal Branding Exercise
Mobile Development One
Mobile Development Two
Mobile Development Two
To create my application I used AppFurnace tool. It enables you to create apps by dragging and dropping elements onto pages. For example on the home page of my app shown below I created three links to further pages using the Button element and created a banner at the top of the page with a Label element.






















Here is the shop list sub-menu of the app that I created by duplicating the home page and editing the elements.






















This page is an example of pages that each shop would have. Because a lot of details and an image are included it was necessary to make the page scroll, this is achieved my creating a scroll canvas and placing the elements on it. When you use the app you are then able to scroll up and down the page.






















This is the map page for this particular shop, it displays a map centred on the shop's location, which is shown with a marker.






















To achieve this I used AppFurnace's Location tool to mark where the points of interest I wanted to show are on a map.






















Some coding was also necessary to make the map widget centre on certain coordinates and to only show the relevant marker instead of all of them.