Git Product home page Git Product logo

simple-journal's Introduction

Simple-Journal for KIT305 Assignment 2

Recording and Tracking journals and moods

YINZI XIE / WEIBO CHEN

ATTENTION:

Open the project through "Simplejournal.xcworkspace"

Swiping the table cell can show more operations such as "delete" and "edit"

Except the assignment requirements, this app still has some functionalities hasn't finished yet: "the label of sharing number won't update", "you can add your custom mood but you can't delete it".

CREDIT:

ZFJWaveView.Swift was learned through ZFJ's article : https://blog.csdn.net/u014220518/article/details/54174779

MapScreen.swift was followed through youtube tutorial: https://www.youtube.com/watch?v=WPpaAy73nJc by Sean Allen

All icons are made by Freepik from www.flaticon.com

Introduction:

Aplogizing for my poor english first.

Main Page First of all, main page is initial page after user accesses to the application. The page shows the image user set before; the setting button also displayed on the top right of the page. On the top half of the main page, user can track how many journals created at the same day, how many journals created since the application be installed and how many journals already shared with others. Under the statistics section is the journal section, the user can track the journals created before and read, share the existing journals by scrolling the journals from this section. User can also swipe the journal to delete the journal.

Main menu On the button of the application is the main menu of the application. it shows the five main function of the application. From the left side of the menu is a calendar function which can track the dates user created journals and allows user to search journals on a special date. The second left button of the menu is called graph tracking, it indicates the user’s mood tracking into a circle graph. User can track their mood changing easily. In the middle is a “plus” icon which is used to create the journal entry. The button next to the “plus” icon is the journal-list icon, it allows user to view the journals created before in a list. The right side of the button is to show the main page which is the first page shown to user.

Calendar page On the left of the main menu is the calendar button, once user press this button will shows to user the calendar page. On the top of the page has a search gape, the search function provides to user a quick access a journal by input a key word in the column. Under the search function is the calendar main page, it shows a calendar with the current date of the phone. additionally, user can select date to sort journals. The journals sorted by key words or date will display under the calendar. User can select the journal to open or delete it or share to others.

Mood tracking page The mood tracking page is for user to track their emotion fluctuation by sort the journal emotion bank category. Once the user set a characteristic emotion from journal emotion part, it will save as a category for the journal. The data will be reflected on the circle graph for mood track. Once the user wants to watch their mood transformation, the graph will demonstrate it clearly. This page includes date track function, user can select a time period to tack a time quantum mood change.

Create journal page When user clicks the “Plus” button, the new journal page will pop up. In this page, user can input a title for a journal, customise the local and select an emotion image for the journal. User can select the weather for the day. Under the emotion section is the main journal edit section, user can type their journal in the text area. On the button of the journal page is the features menu which user can add image from phone database or take a photo by using camera. After finish editing the journal, user can press the top button “Save” to save a journal or press” Back” to cancel the function.

Journal list page The Mange journal page displays all the journals the users created before. Through this page, user can easily search the journals by the top search bar. Moreover, the user can edit the journal, share the journal or delete the journal. Through this page, user can check the thumbnail of the image, content in journal.

Comparing to the prototype, we discard the search model, and combined them in one search type which means you can directly search mood, content text, weather in the search bar without selecting searching model.

Edit a Journal User can access the previous journals and change the contents which they created before.

Setting page The user can customise the language display to justify users from different countries. The setting page allows user to change the personal profit. it shows the setting logo on the top right of the page and allow user to create a profit like on Facebook to customize it as exclusive app for the user from the setting page of the application. The user also can customise different emotions by “Add default mood” or “Delete default mood” function. The user can switch on/off the “GPS Location” to protect user’s privacy.

Due to the time limitation, we just let users to change their head photo, username and signature in setting page. Design principle The design of the application is followed the design principal. It uses low fidelity as a chief source, added some improvement due to the suggestion from other users to make the application meet the useability for users (Tohidi et al. 2006). The main colour is white with different colour of the main menu action.

simple-journal's People

Contributors

jgxz avatar yinzixie avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.