YORP HUB WEBSITE APPLICATION
USER MANUAL
(For Organization Member)
Agency:
National Youth Commission, West Ave., Quezon City
Division:
Social Marketing Division (SMD)
Developed by:
IT-Unit, Office of the Executive Director
Web Developer:
Jonathan Costillas
Reviewed and Approved by:
Mario L. Rance
Date
07 March 2022
System Revision
2nd Revision © 2022
USER MANUAL
Table of Contents
Revision History ......................................................................................................................................................3
2. Getting Started……………………………………………………………..……………………………………………………………………………….…3
2.1 Login Page………………………………………………………………………………………………………………………………………….4
2.2 Forgot Password…………………………………………………………………………………………………………………………………5
2.3 Dashboard………………………………………………………………………………………………………………………………………….7
2.4 Person Icon……………………………………………………………………………………………………………………………………….8
2.5 Profile Information…………………………………………………………………………………………………………………………….9
My Organization Post Page ................................................................................................................................. 10
3.1 Create New Post………………………………………………………………………………………………………………………………11
3.2 Update Post……………………………………………………………………………………………………………………………………..12
3.3 View Post…………………………………………………………………………………………………………………………………………13
Message................................................................................................................................................................ 14
4.1 Start New Conversation……………………………………………………………………………………………………………………15
Organization List .................................................................................................................................................. 16
5.1 View Organization Details………………………………………………………………………………………………………………..17
YORP Announcement .......................................................................................................................................... 18
................................................................................................................................................................... 19
YORP HUB WEBSITE APPLICATION
2
USER MANUAL
Revision History
Revision #
1.0
Date
March 09, 2016
Authors
Manual viewable at
Emerson
Paguia, https://drive.google.com/drive/folders/1AmhLHbE1p
Renmar Basco
c9I5nK8MqFrqud-ayST1RFV?usp=sharing
Getting Started
The website page is: https://yorpnyc.org.ph/
Description:
1. Click as Organization to Redirect to the YORP HUB Page.
YORP HUB WEBSITE APPLICATION
3
USER MANUAL
2.1. Login Page
This is the Login page of YORP HUB Web application.
1
2
3
4
5
Description:
1. Enter Username
2. Enter Password
3. Click “Login” Button to proceed
4. Click “Forgot Password” link to redirect on Forgot Password Page
5. Click “Website” Button to redirect on Official YORP Website
YORP HUB WEBSITE APPLICATION
4
USER MANUAL
2.2. Forgot Password Page
This is the Forgot Password page of YORP HUB Web application.
Step 1:
1
2
3
Description:
1. Enter YORP ID or Unique Registration Number (URN)
2. Enter Organization Email Address
3. Click “Submit” Button to proceed
YORP HUB WEBSITE APPLICATION
5
USER MANUAL
Step 2:
Correct YORP ID and Organization Email you will redirect on this page
This is the Set New Password page of YORP HUB Web application.
1
2
3
Description:
1. Enter New Password
2. Enter Confirm New Password
3. Click “Submit” Button to proceed
YORP HUB WEBSITE APPLICATION
6
USER MANUAL
2.3. Dashboard Page
This is the Dashboard page of YORP HUB Web application.
1
2
3
4
5
Description:
1. Menu Pages Link Enter
2. Post Status and total counts
3. Bell Icon – Notification of your post status
4. Person Icon – For Profile Information
5. YORP Secretariat Announcements
YORP HUB WEBSITE APPLICATION
7
USER MANUAL
2.4. Person Icon
This is the Dashboard page for Person Icon of YORP HUB Web application.
1
2
3
4
Description:
1. Click “My Profile” to redirect on Profile Information Page
2. Click “Dark Mode” to make the theme Dark
3. Click “Help’ to see more system information
4. Click “Logout” to End your account session
YORP HUB WEBSITE APPLICATION
8
USER MANUAL
2.5. Profile Information Page
This is the Profile Information page of YORP HUB Web application.
1
2
3
4
5
Description:
1. Click the “Camera Icon” to update your Profile Photo
2. Click the “Camera Icon” to update your Cover Photo
3. Click “Profile Information” to see your Organization information details
4. Click “Update Profile” to edit your Organization details
5. Click “Change Password” to change new password
YORP HUB WEBSITE APPLICATION
9
USER MANUAL
My Organization Posts Page
This is the My Org. Posts page of YORP HUB Web application.
1
3
2
4
5
7
6
Description:
1. Click the “Add New Post” to Create New Post
2. Enter “Post Title” to search
3. Click “View Post” to View the Post Details
4. Click “Edit Post” to Edit or Update Org. Post
5. Status of your post if the Secretariat Approved your Post
6. Enter Comment Here
7. Click “delete Icon” to Delete the Post
YORP HUB WEBSITE APPLICATION
10
USER MANUAL
3.1. Create New Post Page
This is the Create New Post page of YORP HUB Web application.
1
3
4
2
Description:
1. Enter Title of the Post
2. Enter Content of the Post
3. Click “Upload Photo” to upload Image
4. Click “Create Post” to proceed
YORP HUB WEBSITE APPLICATION
11
USER MANUAL
3.2. Update Post Page
This is the Update My Post page of YORP HUB Web application.
1
3
4
2
Description:
1. Enter Updated Title of the Post
2. Enter Updated Content of the Post
3. Click “Upload Photo” to upload new Image
4. Click “Update Post” to proceed
YORP HUB WEBSITE APPLICATION
12
USER MANUAL
3.3. View Post Page
This is the View Post page of YORP HUB Web application.
1
2
3
4
Description:
1. Click “Like Icon” to like the Organization Post
2. Social Media links (FB, Twitter & Instagram)
3. Enter A Post Comment
4. Click “Send Icon” to proceed
YORP HUB WEBSITE APPLICATION
13
USER MANUAL
Message Page
This is the Message page of YORP HUB Web application.
3
1
2
Description:
1. Enter Organization Name and click “Search Icon” to proceed
2. Click to View Organization Conversation
3. Click “Start New Message
YORP HUB WEBSITE APPLICATION
14
USER MANUAL
4.1. Start New Conversation
This is the Start New Conversation modal of YORP HUB Web application.
1
2
3
4
Description:
1. Select Organization Name
2. Enter Message Content
3. Organization name Sender
4. Click “Send” Button to proceed
YORP HUB WEBSITE APPLICATION
15
USER MANUAL
Organization List Page
This is the Organization List Page of YORP HUB Web application.
2
1
3
4
5
Description:
1. Organization name
2. Organization Social Media Links
3. Enter Organization Name
4. Click “Message” Button to redirect to Message page
5. Click “Visit Us” Button to View the Organization Details
YORP HUB WEBSITE APPLICATION
16
USER MANUAL
5.1. View Organization Details
This is the Organization Details of YORP HUB Web application.
2
1
3
4
Description:
1. Organization name
2. Organization Type Details
3. Organization Social Media Details
4. Organization Information details
YORP HUB WEBSITE APPLICATION
17
USER MANUAL
YORP Announcement Page
This is the YORP Announcement of YORP HUB Web application.
1
2
Description:
1. Announcement Details from Secretariat
2. Click here to visit us on our Facebook page
YORP HUB WEBSITE APPLICATION
18
USER MANUAL
National Youth Commission
3/F West Insula Building, West Avenue, Quezon City
Trunk Lines: 426-8479, 371-4603
info@nyc.gov.ph, it@nyc.gov.ph
YORP HUB WEBSITE APPLICATION
19