- JaysonPan
- faye-yang
- mengdishi
- mephistoshadow
- smilegu1995
- abikula
- krizhan
We are building an social platform supports both web and android for all members in Action Against Hunger community to share knowledge, perform activities.
- It is not a new project. The previous team developed an android app with basic functions like login, view/edit posts etc. However from our partner’s feedback, They did not use the app because the user’s signup function does not meet their security requirements. Another reason prevent them from using is the posting experiences. As we can imagine, making a long posting on phone is such painful, let alone a good layout. Based on this, we come up with a idea to create a web version for it. The web version could be accessed from computers, which makes long typing pretty easy with a real keyboard. In addition, It can improve the efficiency for admin to manage all the users, posts and stuff on a big screen with the help of mouse and keyboard rather than typing on phone. Besides, by applying responsive design, our product could provide fairly good user experiences for all devices.
- For security reasons, it suppose to be a closed community, which means no unverified people could get in. We will not have sign up option on the webpage, but a login entrance. Every account should be created by administration. Besides, for anonymous purpose for students, we also provide some “one step” method for teacher to create a pool of accounts without students’ personal information.
- For facilitating more communications between different schools at different locations, instead of just having a one-way post, we would like to add more interactive features to it, for example like or dislike some posts, add it to favourite, notification for comment etc. We also have Q&A section where students could ask questions, teachers and professionals could make answers.
- To increase student interest and retention, we have a feature called activity. Teachers could create an activity and invite all students or other schools to participate. For example, when the activity is about growing some plant in their own school, students from different schools could post regular pictures to track progress and make discussions.
School-aged French/English speaking students (6-19 years old) who are participating in Generation Nutrition program from 30 schools across Canada. They are eager to learn, share nutritious food knowledge, experience and want interactive learning with professionals.
And their teachers who want to have a trustworthy and secure social media to help students interact with people in different places and use the app to assist their teaching on food education.
Professionals, selected by the organization, from different food sectors (dietitians, cooks, gardeners, farmers, nurses, etc.) who could answer questions and write posts to share their knowledge in their professional areas to the young people from every places across the Country or even the world and make a contribution to food education.
*User accounts:
- We have four user types - student, teacher, guest and admin.
- Admin can send an invitation email to teacher or guest which contains a link pointing to the signup page.
- Uninvited users are not able to sign up
- Teachers could create a pool of student accounts by providing a pool of nicknames and a default password. Our app will automatically generated a pool of accounts with unique usernames consisting of school names and an ID.
- Teacher can always check the current students list containing the pair of student’s nickname and username, so that they can recognize students’ identity.
*Posts:
- User can view the all the global posts after they log in to webapp.
- User can view the school's posts by clicking the private button on the mainpage.
- On the individual post page, user can post comment under that post.
- User can also make their own post, they can choose to post to gloal page or the private page. For the global posts, anyone can view that, the the private posts, only user in that school can view.
- Notification: Receiving notification when users are tagged from the post so that the user can easily follow the ongoing communication. For example, students attend activities for growing tomatoes, post their tomatoes’ photos, and receive feedback and comment from their peers.
- Access: The application has already deployed on Heroku with the following url https://action-against-hunger-backend.herokuapp.com
Account: -create teacher account. -create student account. As admin: you can invite teacher and guest Steps:
- Enter admin username and password: admin / admin123
- Click SignIn button
- Enter a valid email of the person you want to invite e.g: helloteacher@mailinator.com
- Choose what type of user that person will be by click on the radio button between teacher and guess
- Click send invitation button (if success click on the “ok” button)
- Click the logout button on the right top to logout
As New teacher: sign up an account Steps:
- Go to your personal email to check received email from action against hunger e.g: go to https://www.mailinator.com/, type "helloteacher"
- Click the sign up link in the email
- Enter the same email where you received that link.
- Enter your nickname e.g: newteacher
- Enter a password e.g: 123456
- Enter the school where you teach e.g: uoft
- Click "Create my unique username" to generate an username, it should be "newteacher_uoft"
- Enter your username(newteacher_uoft) and password(123456) and click sign in
As a teacher: create pool of students account Steps:
- sign in with Teacher account: t1_uoft / password:123456
- Click the profile button at the navigation bar in the home page
- Click (New Students) button
- Click add or delete one more student button to adjust suitable number of rows
- Enter the nickname for new students like “mengdi, jayson, jerry ,faye”
- Set a default password like “123456”
- Click create all students accounts
- Click the success button in alert window
- Click Public and then click profile again on the navigation bar
- You can now review the just added students list in table on left side
As a teacher: View post and create post Create the post:
- sign in with Teacher account: User: t1_uoft / Password:123456
- on home page click the new post button, the page will redirect to the page for create post.
- In the create post page, user can type the title, type(either public or private) and content for the post.
- Click the post button and the page will redirect to public posts page where you can find the new posts
View post: Steps:
- sign in with Teacher account: User: t1_uoft / Password:123456
- On homepage they can click the public button to view the public posts, they can click the title of each post to go into details of each posts.
- On homepage they can click the private the button to view the posts for their school's posts, they can click the title of each post to go into details of each posts.
- to view the post detail, just click each post's title
Make comments: Steps:
- sign in with Teacher account: t1_uoft / password:123456
- click one of the listed post's title to check the post detail
- You can make your comment at the bottom and click post
- redo step 2 to see your new comment
Get and Send Notification: Steps:
- Sign in with student account: uoft_student_0 / password:123456
- click one of the post whose author are t1_uoft
- Make a comment for the post
- Logout by clicking the logout button on the navigation bar
- sign in with teacher account: t1_uoft / password: 123456
- Go to profile page by clicking profile button on navigation bar
- Click my message and you will see the notification of comment made in step 3
- click the "view it" will redirect the page to the corresponding post detail
As a student: write and like stories: Steps:
- Sign in with student account: uoft_student_0 / password:123456
- Click Story on the navigation bar
- Stories from different students are listed their
- Click the Like button to like a story and you can see the likes change immediately
- In future, the likes could be integrated into gamify functions
Every user: update password Steps:
- sign in with any user except admin
- click the profile button at the navigation bar, the page will redirect to profile page
- Click (Reset Password) button
- enter a password and click submit
- Click the success alert, it will redirect to profile page
- logout and try login with new password to see the password change