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