Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
User Manual
GC Dev2Dev: A Progressive Web Application
for Student Developers in College of Computer
Studies
1
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
Table of Contents
General Information …………………………………………………….…3
1.1 System Overview ……………………………………………………………3
1.2 Authorized Use Permission ………………………………………………….3
2.0 System Features ………………………………………………………….....4
Login ………………………………………………………………………4
Successful Login …………………………………………………………..5
Home Page ………………………………………………………………...5
Ask a Question …………………………………………………………….6
Post…………………………………………………………………………7
View Post ………………………………………………………………….8
Comments/Answers ……………………………………………………….9
Back to Home Page ………………………………………………………10
Profile Page ……………………………………………………………….11
Questions Page ……………………………………………………………11
My Questions Page ……………………………………………………….12
Bookmarks Page …………………………………….................................13
2
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
GENERAL INFORMATION
1.0
System Overview
GC Dev2Dev is a web application that provides a platform for student developers to engage in programming
discussions and problem-solving. Users can post programming questions and use tags with relevant topics. They can
also monitor their own posts and check if they are already answered. Additionally, users have the ability to bookmark
posts of interest for future reference. The application supports upvoting and downvoting of posts to highlight the
most helpful answers. Users can actively participate by providing answers to other users' programming questions,
fostering a collaborative and knowledge-sharing community.
1.1
Authorized Use Permission
The GC Dev2Dev is available to the students that is currently enrolled in CCS Department. The web
application would be monitored by faculty representative.
3
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
2.0
SYSTEM FEATURES
Login
By logging in you will be able to access the home page of the web application.
Open your internet browser and access the web address below
https://gordoncollegeweb.com/gc2dev/#/login
1. Type the domain email and password.
a. Username and password should be provided by school
2. Click Login button
4
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
Successful Login
The home page would be displayed
3
4
2
1
5
6
Home Page
In the home page, you would be able to see all the posts that has been posted by the students and
also you can click the 4. Ask a Question button on the upper right corner of the web application
to ask a question.
1. Side Nav
a. The side nav includes the Home, Profile, Questions, My Questions and
Bookmarks
2. Posts
a. This is where you can see all the posts that has been made by all the students.
The posts on the Home page where sorted based on the number of Upvotes.
3. Search Bar
a. You can search about specific posts using the search bar. Type the type of
posts that you wanted to find and the Posts would be sorted.
4. Ask a Question Button
a. To ask or post a question, click the Ask a Question button and a modal form
would pop up.
5. Tags
a. In this part, you could see all the popular tags that has been added in the web
application.
5
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
6. Sign Out button
a. Press the sign out button to log out from the web application
Ask a Question
To ask a question, complete the required fields and provide the necessary information and
details about your question.
1. Title
a. Provide the title of your question. It should be specific and straight to the point
2. Description
a. Provide the description for your question. You can include snippets of codes
using the text editor
3. Upload an image
a. You can upload an example image of the error or problem that you are
encountering.
4. Tags
a. Put tags for your question so that the other students could easily understand what
you are asking about.
6
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
After you put all the necessary details, press the Post button and your question would be posted.
Post
To easily understand the contents of the post, here are the breakdown of the post itself. The
following are the details.
4
1
5
2
3
6
7
1. Upvote and Downvote button
a. You can press the upvote button if you find the post is relevant. You can press
the downvote button if you find it not relevant.
2. Name and Credit Score
a. This will display the name of the student who made the post and also the number
of the credit score.
3. Title and Description
a. You can see here the title of the post and the description of the post.
4. Check Mark
a. To easily determine if the post is already answered or not.
5. Drop Button
a. If you press this button, you can see a drop select that lets you Save a post or
Report a post.
7
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
6. Tags
a. You can see here all the tags that has been included for the question.
7. Comments
a. You can see the number of comments made for the post.
View Post
To view a post, click the Read Post button. Then you would be able to see the content of the
post or the question.
8
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
a. At the lower bottom, you could see the comment sections where you could provide
answer on the question that is being asked.
b. Also, you could see another text editor. You could use it to type your answer and also
you could add code snippets using the text editor.
c. Press the Comment button to post your comment.
Comments/Answers
9
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
1. View Replies
a. To view replies, you could press the View Replies button. You could also see
the number of replies that has been made for the comment.
2. Create a reply
a. To create your reply, there is a reply form that you can use to type your reply.
Press the Submit button to submit your reply.
Back to Home Page
To go back to home page, press the Back button on the upper left of the view post page.
10
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
Profile Page
You can see you details and information on the Profile page. It includes your 1. Name, Domain
Email, and your Department/Program. Also, you can see your 2. Total Credits that you can
achieve by getting upvote from your posts. You can also get 3. Badges that you can achieve by
hitting the required Credit Score.
1
2
3
Questions Page
On the questions page, all the elements visible on the Home page are also present on the
Questions page. The difference lies in how the posts are sorted. While the questions on the Home
page are sorted based on upvotes, the questions on the Questions page are sorted based on the
time they were posted. This means that newer posts appear at the top, while older posts are
displayed below.
11
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
My Questions Page
In this page you can see all the posts that you have made. This made the posting and monitoring
your posts easier.
A. In this page, you can View, Edit or Delete your post. By clicking the dots on the upper
left corner of the Post card, a dropdown selection would be visible.
12
Republic of the
Philippines City of
Olongapo GORDON
COLLEGE
Olongapo City Sports Complex, Donor St., East Tapinac, Olongapo
City www.gordoncollege.edu.ph
Bookmarks Page
In this page, you can view your saved post. You can also View or Remove the bookmark that
you saved.
13