Travel Journal is your pocket companion that enables you to photo journal your local and worldly adventures. Travel Journal helps you explore new places, inspires your next vacation, and connects you to travelers who have made the trek before you.
- Exploring travel content is fun with Travel Journal's Monocle View. This is the Augmented Reality feature of our app makes it easy to see nearby posts. It basically uses your camera, GPS and compass on your phone to show you real world with nearby posts pinned on the screen.
- Nearby posts can also be explored on the map.
- Posts can be searched by location and searched posts can be further explored on a map or in list view.
- Visually appealing browsing of multiple photos on a post with 3D like cubicle representation.
- For each post, nearby restaurant information extracted from Yelp is given to guide user who are also following the same travel route.
- Another user's travel route along with all the posts they published during their trip can be seen through their profile on a map view. User can animate this map to see which route was taken and what was the exact order of travel stops.
- User can comment on each other posts and group chat to get travel tips from each other.
- Creating travel content is made simple, only required action is to take a picture. If you are busy during your trip, you can always create content by picking images from your gallery later.
Sprint 1&2: 1 week each, spent on developing the main functionalities.
Sprint 3: 1 week, spent on polishing UI and adding additional features.
After selected for Public Demo, we spent the rest of our time to add Augmented Reality and other additional features, also to polish UI and fix bugs.
Login
- Users can login via Facebook
- Ken Burns effect
Browse posts: 3 ways to find travel content
- Browse recent content: timeline
- Browse nearby content by
- map
- monocle view (Augmented Reality feature)
- Browse location specific content: search bar - results visible on
- timeline list view
- map view
Search
- Can search for posts based on location
- Search results can be seen either as list view or map view
Timeline List View
- Shows a list of posts, each Post contains
- Photo
- Caption
- City
- Relative timestamp
- Profile picture of the creator
- Like button: Heart icon to like
- Long click to post or click to heart icon results in liking the post along with a heart animation
- Can dive into post detail view on click to post
- Hiding toolbar
- Floating action button to create post
- Swipe to refresh page
- Endless scroll
- Navigation Drawer for the following actions: Recent posts, profile, monocle view, settings, and logout
Timeline Map View
- Each post is a pin
- When a pin is clicked, thumbnail of post photo pops up and can dive into post detail view
- Dynamically loads the pins: Zooming in/out of the map or moving the map would result new pins to show on new visible regions of the map
Monocle View(Augmented Reality Feature)
- Opens up camera and shows the nearby posts at the direction they reside
- Changin the camera's direction, would result new posts to be loaded on that new direction.
- When a post is clicked, drawer layout comes up with a summary of the post, on click to this, user is directed to detail page
Profile page(of current user or any other user)
- Profile picture
- List of followers and list of people they are following shown in tabs
- Satelite Menu that opens up 2 menu items(follow and chat) on click
- Follow icon to follow the user that results in ripple effect
- Chat icon to chat with the user
- Collapsing toolbar
- Parallax effect
- All posts published by the user can be seen in list format
- All posts published by the user can be seen in map format (travel map for the user)
- Long click on travel map for the user: makes animation showing the travel route of that user
Detail Page of a Post:
- Contains photo(s), caption, profile photo, city, time
- Number of likes, button to like, heart animation on like action
- Number of followers, button to follow/unfollow, smiley animation on follow action
- Share post
- Map with pin showing post location
- Map is clickable and can be expanded to full screen, where photo is shown at the exact location on map
- Image is clickable and can be expanded to full screen
- Shared element transitions between detail and timeline
- View pager cubicle transformation between photos of a post when you slide in between them
- 3D-like cubicle representation of the photos belongs to the same post when clicked into photo-cube icon
- Parallax effect
- Last 3 comments can be seen on detail page
- 3 nearby restaurant can be seen on detail page.
- For each restaurant, name, photo, rating, and one review of the restaurant is shown
- On click to the restaurant item, user is directed to the restaurant's page on Yelp App
Comments Page
- Reached by clicking into coments icon on detail page
- Shows all comments for the post along with profile picture and user name
- Ability to add a new comment and see the new comments immediately on comments page and detail page
Chat Page/Window
- Reached by clicking into chat icon on any profile
- Shows all messages for the current user
- Ability to add a new group message and see the new message immediately on chat window
Creation
- Reached by clicking on FAB on timeline, easy to use design
- Contains caption
- Location from gps or from image properties if photo is picked from gallery
- User is directed to Detail Page upon creation of post
- User can click cross icon to remove the photo and click to camera/gallery icon to take another one
- User can post travel content by
- taking a photo through camera
- or, picking a photo from gallery
Other:
- Direct messages / group chat, so users can get travel tips from each other
- Push notification: User gets a notification when a new post is added
- Clicking on the notification directs user to detail page of that post
- Push notification: User gets a notification when he has a new message
- Clicking on the notification directs user to chat window
- Facebook-like "bubble" notification on screen when there is a notification with a notification sound
- In-app notification: If a new post is added when app is open, a notification pops up to let user know there are new posts, clicking on the pop up takes user to the top where new stories are.
- Handle screen rotations
- Activity transitions
- Show progress bar for network calls
- When user browse his gallery images, he is given option to "share" his image on Travel Journal app
- Upon clicking, user would be directed to Create Page of Travel Journal app to create travel content with that picked image
- Log out
- Left Drawer menu on timeline
- Yelp integration for nearby restaurants
- 3D-like cubicle representation of multiple photos in a post implemented using OpenGL
- Monocle View to see nearby posts. This is the Augmented Reality feature implemented with the help of Wikitude SDK.
- Use of Fabric Crash Analytics to track possible problems with the app
Possible Extensions
- Users can login via email with a custom username and password
- Nice video/intro when logging in for first time
- See Popular posts on timeline
- Auto create collage and trips from your gallery by grouping location and date and time.
- Add Video
- Adding filters to images like instagram
- Invite contacts and facebook friends to the app
- Google Street view/earth like integration
- Local caching/ prefetching for offline use and faster UI
- Update your journey while offline and sync it when you have the Internet connection.
- More explicit trip creation
- Posts are organized in trips
- Can add posts to trips
- Browse trips on timeline
- Browse trips on map
- Add Posts/Trips to your Wish list
Wireframes can be found here.
Public Demo Day: July 13th 2015
Video recorded during the public demo can be downloaded here. We will update the video link soon.
Sprint-3: June 24th 2015
Login Page and notifications:
Sprint-2: June 17th 2015
Video Walkthrough from Sprint-2 can be found here.
Sprint-1: June 10th 2015
Video Walkthrough from Sprint-1 can be found here.
- Picasso - Image loading and caching library for Android
- All libraries used to be added here
Copyright [2015] [Srivats Jayaram, Esra Kucukoguz, Richard Pon]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.