Jules McDEEeeeeeeee

FNL YR PRJCT

Category: JQuery Mobile

Gallery Slideshows for JQuery Mobile

So Ive researched a few plugins. I have one working prototype but Im having trouble displaying the thumbnails as a grid.

The working prototype’s plugin is fromĀ Photo Swipe

http://www.photoswipe.com/

But I’ve come across this plugin below that Im gonna give a go too. I’d prefer the gallery to not display as a grid of thumbnails. This plugin below displays them as one image across the screen with navigation controls, which is what I want.

http://www.pixedelic.com/plugins/camera/

I’ll report back……..

 

Reporting back……

So I got the Pixedelic plugin to work and it looks pretty cool…. but maybe a little tacky for me to be honest. The gallery plays through the photos with some ‘gross’ transitions. I might have a look at the code and see if I can remove some of these animations. I’m not really into them.

I’m gonna go on another search and see what other plugins I can find.

ROLL OUT DEM THEMES.

THEMEROLLER

Screen Shot 2013-04-18 at 13.17.21

Some more mockuuuups

So, the last few days have been dedicated to the actual content of the app. I’ve put together a document containing all the historical content I think would work for this app.

From the start, Ive wanted this app to be more focused on the locations and the photography, so I don’t want something that is too text heavy.

I thought, seeing as 2016 is going to be the 100 year anniversary, it’d be cool to do a ‘past/present’ type layout. I think this will work very well for the content, as many of the locations involved in the Rising have since changed. Many building were left damaged or completely destroyed with new ones having been rebuilt since.

Each location will contain a sub-header bar which will navigate the user to 1916 and 2016 sections. The user, will land on the 1916 section, where they will find information about the particular location. This will include, the address of the building, when it was constructed, its purpose, who was located there during the Rising, and any signifiant events. The 2016 section, will contain any information regarding the aftermath of the Rising, in relation to the possible reconstructions at the location, and what that building’s purpose might be today.

Here are some mockups to give you a better insight to my proposed page layout:

app_content_new

 

 

The JQuery Mobile UI Framework allows for simple construction of a page like this, using the data-role=”navbar” attribute. I can then work on adding in the content for each section.

 

Daily Problem Diary – Wednesday March 27th

So, today I have decided to tackle the UI for my app.

I will be using the JQuery Mobile UI Framework to build the app. We had previously done some of this development in last semesters Emerging Technology class, so I had a basic understanding of how it works. It a fun and pretty straight forward way to build nice mobile UI structures.

I’m using my mockups to work by, and referencing the JQuery Demo libraries.