Courtney Jumeras, Julien Daly Photo Sharing App April 19th, 2017

This website lets you post photos so you can share them with your friends. Similar to many photo apps you can download, you are able to comment on your friends photos. The present document provides information on how we created said app. Below, you will find the data model and the interfaces used to make our website, InstaBook.

Data Model

Interfaces Sign in Form: Collect realname + username + password On submit > Insert everything into USERS… > Load List of users > Pass username

Login Form: Collect username + password On submit > Test provided password with USERS.password

If true > Load List of users > Pass username

JDD_PicUsers

id

Username

Password

RealName

JDD_Comments

id

From JDD_PicUsers

From JDD_Pics

Comment

TimeStamp

JDD_Pics

id

Content

From JDD_PicUsers

TimeStamp

Courtney Jumeras, Julien Daly Photo Sharing App April 19th, 2017

Else > Error: Wrong pas

Photos Form: Select posts from JDD_Pics On submit >Display: reverse chronological order

Comments Form: Add comments from JDD_Comments by JDD_PicUsers On submit >Display: chronological order

New Post Form: Upload content + current username On submit > Insert everything into JDD_Pics

 

Wireframes Everything is found on one page. The page opens up with a loading animation and it shows the name of your website. Once that page transitions out, you have our Photo Sharing App. To sign up or log in, you can click on button in the navigation bar which will open up modals with forms to fill in. The same goes for uploading photos, the “Upload” button opens up a modal in which you can drag a photo and add a caption to post on your profile. The photos are placed in a single file line which is in reverse chronological order, similar to Instagram. Over each photo, you can see the username of the person who uploaded the photo as well as the caption they chose. When you click the photo, we have provided you with the comments of the photo and a box to comment yourself. Since the photos are uploaded one post after the other, is it an endless scroll page. Once you scroll down, a “Scroll back to the Top” button is given to you on your right hand side to simplify the user’s experience.

 

Courtney Jumeras, Julien Daly Photo Sharing App April 19th, 2017

 

Courtney Jumeras, Julien Daly Photo Sharing App April 19th, 2017

Courtney Jumeras, Julien Daly Photo Sharing App April 19th, 2017

Courtney Jumeras, Julien Daly Photo Sharing App April 19th, 2017