IconDesign and Splash Screen

For the last part, I need to create the icon and spalsh screen for Explore Palembang.

So, this is my icon design and the Splash screen design for Explore Palembang

splash screen

logo

Point of Interest Page

I move to the next step which is Point of Interest. In here I only put the most popular place to visit in Palembang which are Museum, Fort, Ampera Bridge, and some historical place

This is my wire frame for Point of Intererst : 

Food Page in Dreamweaver

After I've finished the Hotel Page, now I need to faster, since the deadline is on week 14.

 I design the "food"  page with the same concept with the Hotel. From the references, all the wire frame in mobile apps are all 1 concept.

All the information include location and contact information in one page. 

Test on the Android using Phone Gap

After I finish several pages, I tried to packaged it by using PhoneGap from Adobe.
The first step is  to zip all the folder in to one zip. The file must be less than 15mb. After that, the next step is upload the file in to the PhoneGap builder. At last, scan the barcode that has been created by PhoneGap by phone, after scan it, the apps will automatically download.

So this is the screen shot for Explore Palembang Apps in my phone

Finish the Hotel Page

After I put the maps on the Hotel Page, and do the testing so many times, and now my Hotel Page has finished, with all the information inside that, hope it can help tourist. Total 9 Hotels.

Continue Hotel Page

After 1 week I've worked on this, finally I finished all the information about hotel include the gallery and contact information. The button works fine, and when the user click in to one button then it going to the other page which is  information about the hotel .

Put the Maps for the Hotel Location

I need to put the Hotel Location as well, so the user can easily find the location of the hotel and the maps can help the user by navigate them to their hotel destination.

I was thinking of using third party application which is google maps. So I try to put the static image in my Hotel Information, once they click, it will automatically jump in to the Maps Page.

The first step is I go to the google maps and find the Hotel from the search engine

After I found the hotel location, then I copy all the link above and then paste it in to my coding

Once I paste it, when I click to the Maps Static Image, it will automatically open the new tab and go to the Google Maps. 

Designing the Hotel Page and create it in Adobe Dreamweaver

Since I already pick the colour which are red and white, it's more easier to me to think about the wireframe for Hotel Part.

On the Hotel part, there will be 2 button to represent the hotel, include Most Favorite Hotel and Based on the Star.

Since there are many information inside that,  it takes me more time to finish it. 

About Palembang Page in Dreamweaver

After I finished the homepage, then I move to the next page which is About Palembang. 

Luckily, all the coding looks fine and work properly.