Jump to: navigation, search

Difference between revisions of "Volunteer Process"

(Created page with " '''<code>...")
 
 
(10 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
  
* Keisha enters email address and password and clicks on Login button.
+
* Jim needs to enter the URL in the chrome browser and it takes him to the Landing Screen. For creating an account he needs to click Sign-up button.
  
 
+
[[File:V-1.png]]
[[File:Spng]]
+
 
----
 
----
  
  
* To update profile Keisha has to click on the Profile in the header.
+
* On clicking sign-up button, Jim is redirected to the sign-up screen.
 +
* In sign-up screen he enters all mandatory information and clicks on sign-up button.  
  
  
[[File:S-2.png]]
+
[[File:V-2.png]]
 
----
 
----
  
  
* On clicking the Profile application, screen displays the overlay.
+
* After clicking on sign-up button, screen displays the message for successful sign-up process & the registration process will be kept as pending for Administrator approval.
  
  
[[File:S-3.png]]
+
[[File:V-3.png]]
 
----
 
----
  
  
* To create a page Keisha has to click on Main menu.
+
* After that the Jim will receive a confirmation mail for sign-up in Good Grid in the registered email.  
  
  
[[File:S-4.png]]
+
[[File:V-4_a.PNG]]
 
----
 
----
  
  
* From that she has to click on Pages option.
+
* Once the Administrator approves the user, Jim will receive the Account Activation mail in the registered mail address.
  
  
[[File:S-5.png]]
+
[[File:V-5_a.PNG]]
 
----
 
----
  
  
* On clicking Pages option, application navigates to the Pages screen.
+
* Jim needs to click on the received link in activation mail & application will take him to the “Create New Password” screen where he can set the password for his account.
 +
* Here Jim enters the Password and Confirm Password & clicks on “Update” button.
  
* To create a Page for Organization Keisha has to click on  “Create a Page button.
+
[[File:V-6_a.PNG]]
 +
----
  
  
[[File:S-6.png]]
+
*  After clicking on “Update” button, landing screen will be displayed.  
----
+
* Here Jim needs to provide valid Email and Password & click on Login button.
  
  
*  On clicking create a page button, application takes her to the create wizard.
+
[[File:V-7.png]]
 +
----
  
* To create a page for organization Keisha has to click on the Organization badge.
 
  
 +
* After that application will take him to the First Run wizard.
 +
* To follow any cause, Jim needs to click on “Follow” link.
  
[[File:S-7.png]]
+
[[File:V-8.png]]
 
----
 
----
  
  
* On clicking the organization badge, it takes her to the organization create screen.
+
* Once he will click the Follow link, the “Follow” will change to “Un-follow”.
 
+
* Jim can also skip the first run wizard and he can directly go to his home page by clicking the link in the top banner.
* After entering all mandatory information click on “Continue” button.
+
  
  
[[File:S-8.png]]
+
[[File:V-9-a.png]]
 
----
 
----
  
  
* On Clicking continue button, application takes her to Basic Information screen.
+
* After following the Causes, to move to next section Jim needs to click on Next button as shown in the screen.
  
* After entering the above information click on “Save and Continue” button.
+
[[File:V-10.png]]
 +
----
  
  
[[File:S-9.png]]
+
* On clicking Next button he is redirected to the “Add connections” section.
 +
* After adding the connections again he needs to click on Next button to move to the next section.
 +
 
 +
 
 +
[[File:V-11.png]]
 
----
 
----
  
  
* Application takes her to “About” screen.
+
* On clicking Next button he is redirected to the “Join Groups” section.
 +
* To join any Group, Jim needs to click on “Join” link.
  
[[File:S-10.png]]
+
 
 +
[[File:V-12.png]]
 
----
 
----
  
  
* Similarly for the other two steps.
+
* Once he will click the Join link, the “Join” will get change to “Pending Approval”or sometimes he can directly join the Group as per the settings of an Organization.
 +
* After that he needs to click on Next button to move to the next section.
 +
 
 +
[[File:V-13.png]]
 +
----
 +
 
  
* In Contact person screen after adding the contacts, click “Save and Continue” button.
+
* On clicking Next button he should be redirected to the “Follow Influencers” section.
 +
* To follow any Influencer, Jim needs to click on “Follow” link.
  
  
[[File:S-11.png]]
+
[[File:V-14.png]]
 
----
 
----
  
  
*Application takes her to the Organization Profile.
+
* Once he will click the Follow link, the “Follow” will get change to “Un-follow” & simultaneously the screen will display a notice as “You are now following this Influencer”.
  
  
[[File:S-12.png]]
+
[[File:V-15.png]]
 
----
 
----
  
  
* To create Volunteer Opportunities Keisha has to click on Main Menu.
+
* After that he needs to click on Next button to move to the next section.
  
  
[[File:S-13.png]]
+
[[File:VV-16.png]]
 
----
 
----
  
  
* From the main menu select the option called “Pages”.
+
* On clicking Next button he is redirected to the “Follow Organizations” section.
 +
* To follow any Organization, Jim needs to click on “Follow” link.
 +
 
 +
[[File:V-17.png]]
 +
----
 +
 
 +
 
 +
* Once he will click the Follow link, the “Follow” will get change to “Un-follow” & simultaneously the screen will display a notice as “You are following this Organization”.
  
  
[[File:S-14.png]]
+
[[File:V-18-a.png]]
 
----
 
----
  
  
* In Pages screen she needs to click on the organization which she has created.
+
* After that he needs to click on Next button to move to the Home Page.
  
  
[[File:S-15.png]]
+
[[File:V-19-a.png]]
 
----
 
----
  
  
* Applications takes her to the organization profile page. From there she needs to click on the plug-in “Add a Job Board”.
+
* Now the Jim will be redirected to his Home Page, highlighting the Activity Feed tab.
  
  
[[File:S-16.png]]
+
[[File:VV-20.png]]
 
----
 
----
  
  
* On clicking “Add a Job Board” it takes her to Job Posting module.
+
* To search an Organization Jim needs to click on Main Menu.
  
[[File:S-17.png]]
+
 
 +
[[File:VV-21.png]]
 
----
 
----
  
  
* To create an opportunity Keisha has to click on the Create New Job.
+
* On clicking Main Menu, list of options will be displayed from where Jim needs to select “Pages” option.
  
  
[[File:S-18.png]]
+
[[File:V-22.png]]
 
----
 
----
  
  
* On clicking “Create New Job” application displays a pop-up.
+
* On selecting Pages from the main menu, he is redirected to the Pages screen.
  
  
[[File:S-19.png]]
+
[[File:V-23.png]]
 
----
 
----
  
  
* To create Volunteering Opportunity Keisha has to click on the Volunteering Opportunity widget.
+
* Jim wants to search an Organization “Hope Homeless Shelter”. For that he needs to enter desired Organization name in the Search bar and press Enter or click on Search Magnifier icon.
  
  
[[File:S-20.png]]
+
[[File:V-24.png]]
 
----
 
----
  
  
* On clicking the volunteering opportunity widget application takes her to the create screen.
+
* After clicking on Search icon he finds an Organization.
  
* After entering the necessary information and on clicking “Update” button application takes her to Details screen.
+
[[File:V-25.png]]
 +
----
 +
 
 +
 +
* On clicking the Organization Jim is redirected to that particular Organization’s Profile.
  
  
[[File:S-31.png]]
+
[[File:V-26.png]]
 
----
 
----
  
  
* Application takes her to Details screen.
+
* Now Jim wants to search an Event. For that he again needs to click on Main Menu.
* Entering the information in the above fields and click on “Publish” button.
+
  
  
[[File:S-22.png]]
+
[[File:V-27.png]]
 
----
 
----
  
  
* After clicking on “Publish” button the opportunity will get published.
+
* From the Main Menu list he needs to select “Events” option.  
  
  
[[File:S-23.png]]
+
[[File:V-28.png]]
 
----
 
----
  
  
* Once Keisha created the Organization in her TMS profile Workspace will get created in the organization name.
+
* On selecting Events from the main menu, he is redirected to the Events screen.
  
  
[[File:S-24.png]]
+
[[File:V-29.png]]
 
----
 
----
  
* After Creating the Opportunity in TMS, automatically a Folder will be created in the name of “Volunteering Opportunities”.
 
  
[[File:S-25.png]]
+
* Jim wants to search an Event “Volunteers Meetup at XYZ Park”. For that he needs to enter desired Event name in the Search bar and press Enter or click on Search Magnifier icon.
 +
 
 +
 
 +
[[File:V-30.png]]
 
----
 
----
  
+
 
* After creating an Opportunity in TMS, application automatically will create a sub-folder under volunteering opportunities folder.
+
* After clicking on Search icon he finds an Event.
 +
* Now on clicking the Event, Jim is redirect to that particular Event’s view page.
  
  
[[File:S-26.png]]
+
[[File:V-31.png]]
 
----
 
----
  
  
* To add events Keisha has to click on the Main Menu.
+
* Jim views the Event and on clicking the Radio button he updates the RSVP for that event.
  
  
[[File:S-27.png]]
+
[[File:V-32.png]]
 
----
 
----
  
  
* From the main menu she needs to select the option "Pages".
+
* This generates a web mail to Keisha from Jim.
 +
* Keisha logins to her account and there she will get message from the Jim.
  
  
[[File:S-28.png]]
+
[[File:V-33.png]]
 
----
 
----
  
  
* In Pages screen she needs to click on the organization which she has created.
+
* On clicking that it takes Keisha to her web mail..
  
  
[[File:S-29.png]]
+
[[File:V-34.png]]
 
----
 
----
  
  
* Applications takes her to the organization profile page. From there she needs to click on the plug-in “Add Event”.
+
* Now Jim wants to search Volunteering Opportunities. For that he again needs to click on Main Menu.
  
[[File:S-30.png]]
+
 
 +
[[File:V-35.png]]
 
----
 
----
  
  
* On clicking “Add Event” it takes her to Events Create Wizard.
+
* From the Main Menu list he needs to select “Jobs” option.
  
* To create events Keisha needs to enter all the required fields and needs to click on the “Update” button.
 
  
 +
[[File:V-36.png]]
 +
----
  
[[File:S-31.png]]
+
* On selecting Jobs from the main menu, Jim is redirected to the Jobs screen.
 +
 
 +
 
 +
[[File:V-37.png]]
 
----
 
----
  
  
* On clicking “Update” button application takes her to the Gallery screen here she can click "View This Event" button.
+
* Now Jim needs to select Volunteer Opportunity from the left pane of the screen.
 +
 
 +
 
 +
[[File:V-38.png]]
 +
----
 +
 
  
 +
* Jim wants to search Volunteer opportunity “Calling Volunteers for Health Camp”. For that he needs to enter desired Opportunity name in the Search bar and press Enter or click on Search Magnifier icon.
  
[[File:S-32.png]]
+
[[File:V-39.png]]
 
----
 
----
  
  
* Keisha can view the event created.
+
* After clicking on Search icon he finds an Opportunity.
 +
* Now on clicking the opportunity, it will redirect to that particular Opportunity’s view page.
  
  
[[File:S-33.png]]
+
[[File:V-40.png]]
 
----
 
----
  
  
* Once Keisha created the Organization in her TMS profile Workspace will get created in the organization name.
+
* Jim views the Volunteer opportunity and to apply that he needs to click on Apply button.  
  
  
[[File:S-34.png]]
+
[[File:V-41.png]]
 
----
 
----
  
  
* After Creating the Events in TMS, automatically a Folder will be created in the name of “Events”.
+
* This generates a web mail to Keisha from Jim.
  
  
[[File:S-35.png]]
+
[[File:V-42.png]]
 
----
 
----
  
  
* After creating an Event in TMS application, automatically a sub-folder will be created under volunteering opportunities folder.
+
* On clicking the received message it takes Keisha to her web mail.
  
  
[[File:S-36.png]]
+
[[File:V-43.png]]
 
----
 
----

Latest revision as of 00:15, 31 December 2014

                                                                                                                                                                                        Back to main menu

Applications Screen Flow

  • Jim needs to enter the URL in the chrome browser and it takes him to the Landing Screen. For creating an account he needs to click Sign-up button.

V-1.png



  • On clicking sign-up button, Jim is redirected to the sign-up screen.
  • In sign-up screen he enters all mandatory information and clicks on sign-up button.


V-2.png



  • After clicking on sign-up button, screen displays the message for successful sign-up process & the registration process will be kept as pending for Administrator approval.


V-3.png



  • After that the Jim will receive a confirmation mail for sign-up in Good Grid in the registered email.


V-4 a.PNG



  • Once the Administrator approves the user, Jim will receive the Account Activation mail in the registered mail address.


V-5 a.PNG



  • Jim needs to click on the received link in activation mail & application will take him to the “Create New Password” screen where he can set the password for his account.
  • Here Jim enters the Password and Confirm Password & clicks on “Update” button.

V-6 a.PNG



  • After clicking on “Update” button, landing screen will be displayed.
  • Here Jim needs to provide valid Email and Password & click on Login button.


V-7.png



  • After that application will take him to the First Run wizard.
  • To follow any cause, Jim needs to click on “Follow” link.

V-8.png



  • Once he will click the Follow link, the “Follow” will change to “Un-follow”.
  • Jim can also skip the first run wizard and he can directly go to his home page by clicking the link in the top banner.


V-9-a.png



  • After following the Causes, to move to next section Jim needs to click on Next button as shown in the screen.

V-10.png



  • On clicking Next button he is redirected to the “Add connections” section.
  • After adding the connections again he needs to click on Next button to move to the next section.


V-11.png



  • On clicking Next button he is redirected to the “Join Groups” section.
  • To join any Group, Jim needs to click on “Join” link.


V-12.png



  • Once he will click the Join link, the “Join” will get change to “Pending Approval”or sometimes he can directly join the Group as per the settings of an Organization.
  • After that he needs to click on Next button to move to the next section.

V-13.png



  • On clicking Next button he should be redirected to the “Follow Influencers” section.
  • To follow any Influencer, Jim needs to click on “Follow” link.


V-14.png



  • Once he will click the Follow link, the “Follow” will get change to “Un-follow” & simultaneously the screen will display a notice as “You are now following this Influencer”.


V-15.png



  • After that he needs to click on Next button to move to the next section.


VV-16.png



  • On clicking Next button he is redirected to the “Follow Organizations” section.
  • To follow any Organization, Jim needs to click on “Follow” link.

V-17.png



  • Once he will click the Follow link, the “Follow” will get change to “Un-follow” & simultaneously the screen will display a notice as “You are following this Organization”.


V-18-a.png



  • After that he needs to click on Next button to move to the Home Page.


V-19-a.png



  • Now the Jim will be redirected to his Home Page, highlighting the Activity Feed tab.


VV-20.png



  • To search an Organization Jim needs to click on Main Menu.


VV-21.png



  • On clicking Main Menu, list of options will be displayed from where Jim needs to select “Pages” option.


V-22.png



  • On selecting Pages from the main menu, he is redirected to the Pages screen.


V-23.png



  • Jim wants to search an Organization “Hope Homeless Shelter”. For that he needs to enter desired Organization name in the Search bar and press Enter or click on Search Magnifier icon.


V-24.png



  • After clicking on Search icon he finds an Organization.

V-25.png



  • On clicking the Organization Jim is redirected to that particular Organization’s Profile.


V-26.png



  • Now Jim wants to search an Event. For that he again needs to click on Main Menu.


V-27.png



  • From the Main Menu list he needs to select “Events” option.


V-28.png



  • On selecting Events from the main menu, he is redirected to the Events screen.


V-29.png



  • Jim wants to search an Event “Volunteers Meetup at XYZ Park”. For that he needs to enter desired Event name in the Search bar and press Enter or click on Search Magnifier icon.


V-30.png



  • After clicking on Search icon he finds an Event.
  • Now on clicking the Event, Jim is redirect to that particular Event’s view page.


V-31.png



  • Jim views the Event and on clicking the Radio button he updates the RSVP for that event.


V-32.png



  • This generates a web mail to Keisha from Jim.
  • Keisha logins to her account and there she will get message from the Jim.


V-33.png



  • On clicking that it takes Keisha to her web mail..


V-34.png



  • Now Jim wants to search Volunteering Opportunities. For that he again needs to click on Main Menu.


V-35.png



  • From the Main Menu list he needs to select “Jobs” option.


V-36.png


  • On selecting Jobs from the main menu, Jim is redirected to the Jobs screen.


V-37.png



  • Now Jim needs to select Volunteer Opportunity from the left pane of the screen.


V-38.png



  • Jim wants to search Volunteer opportunity “Calling Volunteers for Health Camp”. For that he needs to enter desired Opportunity name in the Search bar and press Enter or click on Search Magnifier icon.

V-39.png



  • After clicking on Search icon he finds an Opportunity.
  • Now on clicking the opportunity, it will redirect to that particular Opportunity’s view page.


V-40.png



  • Jim views the Volunteer opportunity and to apply that he needs to click on Apply button.


V-41.png



  • This generates a web mail to Keisha from Jim.


V-42.png



  • On clicking the received message it takes Keisha to her web mail.


V-43.png