Career Guide

Government College University Faisalabad
Career Guider

DECLARATION
The work reported in this project was carried out by us under the supervision of
(
) College of Computer Science & Information Studies GC
University, Faisalabad, Pakistan.
We hereby declare that the Career Guider and the contents of project is the product of
our own research. We further declare that this work has not been submitted for award
of any other degree / diploma. The University may take action if the information
provided is found inaccurate at any stage.
Signature of the Student:

Registration No.: 2010-GCUF-5508-526
Signature of the Student:
Registration No.: 2010-GCUF-5518-526

CERTIFICATE BY THE PROJECT SUPERVISOR
This is to certify that Muhammad Ahmed Roll No. 1420 and Ihsan Ellahi Roll No. 1413
have successfully completed the final project named as: Career Guider, at the
Department of Computer Science, GC University, Faisalabad, to fulfill the partial
requirement of the degree of BS (CS).
Internal Examiner
Name:
Signature: ___________
External Examiner
Name: ______________________
Signature: ____________________
Principal
College of Computer Science
& Information Studies
G.C. University Faisalabad
Coordinator Projects:

STATEMENT OF SUBMISSION
This is to certify that Muhammad Ahmed Roll No. 1420 and Ihsan Ellahi Roll No. 1413
have successfully completed the final project named as: Career Guider , at the
College of Computer Science & Information Studies, GC University, and Faisalabad,
to fulfill the partial requirement of the degree of BS (CS).
_____________________________
Project Supervisor
Designation
________________________
Project Examiner
Designation
College of Computer Science & Information Studies

GC University, Faisalabad

Table of contents
1. Introduction....06
1.1 Project/Product Feasibility Report...06
1.1.1 Technical Feasibility.....06
1.1.2 Operational Feasibility.................06
1.1.3 Economic Feasibility........07
1.1.4 Schedule Feasibility.....07
1.1.5 Specification Feasibility......07
1.1.6 Information Feasibility........07
1.1.7 Motivational Feasibility...07
1.1.8 Legal & Ethical Feasibility..07
1.2 Project/Product Scope....08
1.3 CPM - Critical Path Method...08
1.4 Tools and Technology with reasoning..10
1.5 Vision Document...........11
1.6 Risk List......13
2.Requirements engineering..14
2.1 Systems Specifications..14
2.2 Identifying External Entities....15
2.3 Context Level Data Flow Diagram..16
2.4 Capture "shall" Statements..17
2.5 Allocate Requirements.18
2.6 Prioritize Requirements...19
2.7 Requirements Trace-ability Matrix.20
5

2.8 High Level Use case Diagram.....21
3. Artifacts......22
3.1 Use case Description....22
3.2 Domain Model Diagram..29
3.3 Usecase Diagram (refined and updated)..31
3.4 Sequence Diagram.......32
3.5 Collaboration Diagram32
3.6 Operation Contracts.36
3.7 Design Class Diagram.39
3.8 Data Model..40
4. Coding41
5. Screen Shots...85

1. Introduction
It is basically a web-based project to help the students gather information regarding
different events in different universities. Although we are targeting different types of
events, in particular, we are focusing on admission information. The idea behind this
project is to guide the students for their admissions. This project basically provides
students a clear road map according to the merit. We will design a crawler which
automatically collects the data from the educational websites. A student simply enters his
marks, interested area etc. then he/she will get the list of all possible institutes and merit
criteria. Our website will also help the students for understanding the admission process.
Website will automatically update when something new posted on educational websites
through crawler. We want to give benefits to all students who do not know about
admissions and about other possible opportunities. Every member/user of the website is
considered as student.
1.1 Project/Product Feasibility Report

1.1.1 Technical Feasibility
1. Career Guider Work

Our project is a website. A student can simply access this through internet.
He/she simply selects the criteria of search, after that he/she will enter his/her
marks, city, province and area of interest. Our website will show the last year
merit, number of seats and complete admission criteria so that a student can easily
decide where to get admission and what is the criteria and merit required for
admission.
2. Development technologies
No special technology is needed apart from general development kits offered
by .NET Framework. Microsoft Office, Rational Rose and SQL are required for
documentation, project scheduling and costing, analysis and design diagrams and
database management. All these software are available to us.
3. Internet
So Internet is required to access the website.
1.1.2 Operational Feasibility

This is social website for students and not for economical purpose thats why it will
be managed by us. We build a crawler that will manage the website for automatic
updating the information. Other problems will be managed by our group manually.

1.1.3 Economic Feasibility
Career Guider requires no special technology that has some extra cost associated
with it. Economically, the system can be categorized as follows:
Benefit estimates
Awareness about all possible opportunities for students.
More Accurate and Accessible results.
Beneficial for those students who have no idea of admission
The account holder of our site can also receive the alerts if any updates are
done in website.
1.1.4 Schedule Feasibility

The total time to complete the project is roughly six months. We have divided it into two
segments. The connectivity of different modules is scheduled so the project is also
feasible with respect to schedule.
1.1.5 Specification Feasibility

The application is designed for students. They will use it free of cost. Required
specifications of hardware and software for the completion of this project are feasible.
Any operating system along with an internet connection and browser are sufficient to
interact with our system.
Some Non- functional requirements are also considered important which are as follows:
Security
Performance
GUI
Scalability
1.1.6 Information Feasibility

For this Career Guider application we build a crawler that will gather information
from required websites .Other information about whole project and its requirements will
be gathered by our team.
1.1.7 Motivational Feasibility

This website will motivate our users in deciding their future and further admissions in
universities.

1.1.8 Legal & Ethical Feasibility
This project supports legally and ethically to all users .We provides our disclaimer
and our privacy policy to users. This warranty gives them specific legal rights and they
may also have other legal rights for this application.
1.2 Project/Product Scope

There are three main parts of project scope; time, money and people. There may be very
difficulties in our project but we are two group members, so we will divide our work and
we will do our responsibilities on time and make our project very well. There is no
additional expenses in our project expect field work.
1.3 CPM - Critical Path Method

List of Main Activities with duration:
Activity
A
B
C
D
E
F
G
H
I
J
K
L
Activity Name
Planning
Project Feasibility
Project Costing
Vision document
Risk Identification
Requirement Engineering
Detail Analysis
Database Design
Implementation
Testing
Approval
Deployment
Predecessor
None
A
B
B
B
C,D,E
F
G
H
I
J
J
Duration
4
2
2
2
2
10
25
20
80
25
5
4

Network Diagram:
Start
Endd
K
10

1.4 Tools and Technology with reasoning
The application tools, which are to be used on front and back end of the system to
be developed, are listed below.
1.4.1 Adobe Photoshop

It will used for logo design and basic web designing.
1.4.2 Adobe Dreamweaver

It will used for advanced web designing and development.
1.4.3 Microsoft Word

Microsoft word is the word processor and would be used for documentation
purposes throughout the whole project.
1.4.4Microsoft Excel
Microsoft excel is spreadsheet and would be used for data analysis throughout
the whole project.
1.4.5 Microsoft Project

Microsoft Projects provides extensive features on project management with a
prominent feature of project scheduling. Gantt charts, resource allocations, Critical path
can all be managed through this tool. This would be used as a project management tool
throughout the whole project.
1.4.6 Microsoft visual studio

Microsoft visual studio is the free development software which supports
desktop/web development in a friendly environment .This tool would be used in the
coding phase of proposed project.
1.4.7 Smart Draw

Smart Draw a tool for modeling different diagrams which would be addressed
during analysis and design phases of the project.
1.4.8 Project Modeling

Rational Rose and Microsoft Visio are to be used to draw use cases with different
perspectives as they support the language of Rational Unified Process (RUP). Use case
diagram, Data Flow Diagram (DFD), domain model and all other OOAD analysis and
design diagrams are supported.
11

1.5 Vision Document
This section highlights the vision for Project Career Guider being developed
1.5.1 Problems
Student does not know all the possible opportunities and criterias for admission
on time
All information are not available on one platform
It is overhead to update on the time and inform

disconnectivity of internet
1.5.2 Successful Solution

Following solution is proposed to solve the problems mentioned above:
Survey should be conducted from the student to understand the requirement
We will provide all desired information on one platform
Student can give suggestion after the deployment of project in order to improve
User friendly interface to motivate the user.
12

1.5.3 Project Features
Following are Project Features .
Search Format
User can search using different format like search on the basis of area, region
or field and according to its merit
Merit calculation
User will get his appropriate merit to understand whether he can get admission or
not in desired field and university according to his marks and ranking of that
institute also
Update the site
Crawler will be responsible to update the site on time and according to format.
1.5.4 Assumptions and dependencies

Project Career Guider service has the following assumptions and dependencies:
The system is dependent upon web network.
Alerts generation through email.
1.5.5 User Environment

The user will be given a Graphical User Interface (GUI) through which all the
features mentioned above can be toggled on/off and every processes can be
handled.
13

1.6 Risk List
The risk factors that are involved with this project are as follows.
As Project Career Guider is social website so security is very important in risk list
so that one user cannot see data of other.
Our required data collection is from university website so the risk is that we get
our required data with the help crawler or not.
Whenever any university does not give data through website then we collect data
manually so the issue is these universities give us data or not.
Our website has limit of students to search their required data if in future it will
increases then its again a risk
Lack of coordination between team members also can cause the project out of
mentioned schedule.
Unavailability of any user Career Guider
Unavailability of internet.
Permanent failure of source servers
14

2.
REQUIREMENTS ENGINEERING
2.1 Systems Specifications

The following are the clauses that must be included while describing the system
specifications.
Introduction
This website helps the students to find out the future planning about studies. If he/she
wants to choose any interested area in studies then our requirements are:
(i)
Grade in Matric, F.Sc etc.
(ii)
Interested area (IT, Chemical Engineering, BBA etc.)
So after that our website told that the suitable option for their further studies. It will also
describe whole data in summarize form and just related data only.
Existing System
In our website the main business areas are:
Merit lists
Guidelines (according to the interested area).

Merit calculation
Information about universities.
Scope of the System

In Project website we will use the browsers like (goggle chrome, Mozilla Firefox,
internet explorer etc...).
Summary of Requirements (Initial Requirements)
The initial requirements that are need to use our website are:
An internet connection
Any web browser to visit the website.

A small information to use our website.
15

2.2 Identifying External Entities
The identification of the external entities will be based on the information
contained in your Abstract.
a. Over Specify Entities from Abstract
Google chrome
Internet explorer
Web server
b. Perform Refinement
User
System
Admin
16

2.3 Context Level Data Flow Diagram
17

2.4 Capture "shall" Statements
Para
#
1.0
External
Entity
Admin
Initial Requirements
1.0
1.0
2.0
Admin
Admin
User
A admin shall insert uniData

Admin shall delete specific user
2.0
User
Admin shall signup

User shall login
2.0
2.0
2.0
2.0
2.0
2.0
User
User
User
User
User
User
User shall change information

User shall insert queries
User shall comments
User shell get query result
User shell get corresponding programs
User shell get calculated Merit
Admin shall login
18

2.5 Allocate Requirements
Para #
Use Case Name
1.0
Admin shall login
1.0
A admin shall insert uniData
InsertUniData
1.0
Admin shall delete specific user
deleteUser
2.0
User shall sign in
2.0
User shall sign up
2.0
User shall change information
changeInfo
2.0
insertQuery
2.0
User shall comments
comments
2.0
User shell get query result
queryResult
2.0
User shell get corresponding

programs
User shell get calculated Merit
2.0
AdminLogin
UserSignIn
UserSignUp
showPrograms
showMerit
19

2.6 Prioritize Requirements
Para #
Rank
1.0
Highest
Use
case
ID
UC_1
Highest
1.0
1.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
Use Case Name
Admin shall login
AdminLogin
UC_2
A admin shall insert

uniData
InsertUniData
Lowest
UC_3
Admin shall delete

specific user
deleteUser
Medium
Medium
UC_4
UC_5
Lowest
UC_6
Highest
UC_7
Medium
Highest
UC_8
Highest
UC_10
Highest
UC_9
User shall sign in

User shall sign up
User shall change
information
UserSignIn
UserSignUp
changeInfo
insertQuery
User shall comments

User shell get query
result
comments
User shell get

corresponding programs
User shell get calculated
UC_11
Merit
queryResult
showPrograms
showMerit
20

2.7 Requirements Trace-ability Matrix
The requirements trace-ability matrix is a table used to trace project life cycle activities
and work products to the project requirements. The matrix establishes a thread that traces
requirements from identification through implementation.
Sr #
Par
a#
1.0
1.0
1.0
2.0
2.0
2.0
2.0
2.0
2.0
10
2.0
11
2.0
System
Specification
Text
Admin
shall login
Build
A admin
shall insert
uniData
Admin shall
delete specific
user
User shall
sign in
User shall
sign up
User shall
change
information
User shall
insert queries
B1
InsertUniData
Business
B1
deleteUser
Business
User shall
comments
User shell
get query result
User shell
get
corresponding
programs
User shell
get calculated
Merit
B1
B1
B1
B1
Use Case Name
AdminLogin
UserSignIn
UserSignUp
Category
Business
Business
Business
B1
changeInfo
Business
B1
insertQuery
Business
B1
comments
queryResult
B1
Business
Business
Business
showPrograms
B1
Business
showMerit
21

2.9 High Level Use case Diagram
22

3. Artifacts
1.
2.
3.
4.
5.
6.
7.
8.
Use case description

Domain Model
Use case diagram refined
Sequence Diagram
Collaboration Diagram
Operation Contracts
Design Class Diagram
Data Model
Now we discuss these artifacts one by one as follows:
3.1 Use case Description

Use Case Name:
Startup
Primary Actor:
Admin
Preconditions:
The Website code must present at server.

Website must be registered with some domain.
Post conditions:
Home Screen will be displayed.
Main Success Scenario:

1. Admin will login on to the site he registered his website.
2. After that it will start the webserver.
Alternative Scenario:
2.1 Unable to open to Website either Server is down or unavailability of internet.
Use Case Name:

Login
Primary Actor:
Admin
Preconditions:
Website should be opened.

Admin must enter username and password to login.
Post conditions:
Admin will be login.
23

1.
2.
3.
4.
5.
Admin click on sign in button.

Admin shall enter his username and password.
Admin shall click on login button.
Database will check for the validity of account.
On successful validation user will be logged in and home screen shall be shown.
4.1 Not an Admin error message of user doesnt exist will be displayed.
Use Case Name:

Block User
Primary Actor:
Admin
Preconditions:

Admin will login first.
User violates the defined rules.
User use abusive language in comments.
Post conditions:
User will be blocked.

1. Admin will login first.
2. After login admin click on list of the users that violates the rules.
3. After that he blocks the user.
2.1 There is no user in list to be blocked.
24

Use Case Name:
Insert Data
Primary Actor:
Admin
Preconditions:

Have the data that should be inserted.
Post conditions:
Data is successfully inserted into the database.

1.
2.
3.
4.
5.

After that it will clicks on the insert data.
After that he will select the category in which he wants to insert data.
After that he will enter the required Information.
After that he will click submit button.
Nothing
Use Case Name:

Sign up
Primary Actor:
User
Preconditions:

User must open the sign up page.
Post conditions:
User will be signed up.

1.
2.
3.
4.
5.
User click on sign up button form will be displayed to user.

User shall fill all the details.
User shall click on signup button.
Database will verify all information entered.
3.1 Not all necessary information is filled.
3.2 Too short password.
25

3.3 Invalid email entered.
4.1 User name already exist.
Use Case Name:

Sign In
Primary Actor:
User
Preconditions:

User must enter username and password to Sign in.
Post conditions:
User will be Sign in.

1.
2.
3.
4.
5.
User click on sign in button.

User shall enter his username and password.
User shall click on login button.
Database will check for the validity of account.
4.1 The user is not registered in the database.
Appropriate error message will be shown to the user to register first.
Use Case Name:

Change info
Primary Actor:
User
Preconditions:

User must be login.
Post conditions:
Information updated successfully.

1.
2.
3.
4.
5.
User will login first.

After that it will clicks on the change info.
After that he selects which type of Information he wants to update.
Fill the required Information.
After that he will click submit button.
26

6. After that verify all the information in database.
5.1 Too short password.
5.2 Invalid Email entered.
5.3 User name already exist.
Use Case Name:

Insert Query
Primary Actor:
User
Preconditions:

User enters the query.
Post conditions:
User gets the desired result.

1. User enters query in query bar.
2. Then clicks on submit button.
1.1 Invalid query Enter.
27

Use Case Name:
Comment
Primary Actor:
User
Preconditions:

User must be login.
Post conditions:
User posted the comment successfully..

1.
2.
3.
4.
User will login first.

After that it selects the type of comment.
Enter the text.
After that click on post.
Nothing.
Use Case Name:

Show programs
Primary Actor:
User
Preconditions:
Post conditions:
Details of selected program Shown to user.

1.
User selects the type of program.

2. After that click on search button.
Nothing.
Use Case Name:

Search
Primary Actor:
User
Preconditions:

28
User must enter some query in search bar.
Post conditions:
Results against query entered will be displayed.

1. User enters his query in search bar.
2. After that he clicks on search button.
2.1. Data against the query entered not found.
Use Case Name:

Getmerit
Primary Actor:
User
Preconditions:
User must select the department for which he wants to get merit.
Post conditions:
Merit will be returned and displayed to the user.

1. User selects the department for which he wants to get merit.
2. After that he clicks on ok button.
Nothing.
29
3.2 Domain Model Diagram:-
30

3.3 Usecase Diagram (refined and updated)
31
32

3.4 Sequence Diagram
SignUp:
3.5 Collaboration Diagram

getMerit
getNews
33

insertProgram
34

insertUniversityRanking
insertNewUniversityData
35

Search
blockUser
36

3.6 Operation Contracts
Operation name:
Startup ()
Responsibilities of function:
This function will start the webserver.
Cross References:
Startup
Exceptions:
Server too busy could not be started.
Preconditions:
The Code of website must be present at webserver.
Post conditions:
Server is started.
Operation name:
Login (string username, string password)
This function will display take username and password and logged in the user.
Cross References:
Login
Exceptions:
Database stop responding.
Preconditions:

Login screen is displayed to the user.
Post conditions:
User will logged in
Operation name:
Insert Data (string university, string departments, string program, string
merit, string ranking)
This function will insert the data of new university into the database.
Cross References:
Login
37

Exceptions:
Database stops responding.
Preconditions:

Admin should be logged in.
Post conditions:
Data Inserted Successfully.
Operation name:
Signup (string name, string password, long cell No, string email ID, string
country)
Take info from user and register him on website with the help of database.
Cross References:
Register
Preconditions:
Post conditions:
User is registered onto our website.
Operation name:
Showuniversitydetail (string uniname)
This function will show all the details of university.
Cross References:
Nil.
Exceptions:
Database stops responding.
Preconditions:
Post conditions:
Details Shown to user.
Operation name:
Post comment (string text, string type)
This function will post comment on our website and insert the comment posted
into database according to the category selected by user.
Cross References:
Comment
Exceptions:
Database is not responding.
38

Preconditions:

User should be logged in.
Post conditions:
Comment will be posted.
Operation name:
Query (string query)
This function will take query from user and return the result regarding this query.
Cross References:
Insert query
Exceptions:
none
Preconditions:
Post conditions:
Results regarding query will be returned.
Operation name:
News ()
This function will display the news and update the news on our website.
Cross References:
none
Exceptions:
none
Preconditions:
Post conditions:
News will be shown to user.
39

3.7 Design Class Diagram
40

3.8 Data Model
41

Coding
Home Screen:
@{
ViewBag.Title = "Index";
}
<div class="wrapper row3">
<div id="featured_slide">
<ol>
<li>
<h2><span>Career</span></h2>
<div><img style="width:720px;height:360px" src="~/Images/3.jpg" alt="" /></div>
</li>
<li>
<h2><span>Future</span></h2>
</li>
<li>
<h2><span>Exellence</span></h2>
</li>
<li>
<h2><span>Guidenence</span></h2>
</li>
<li>
<h2><span>Innovation</span></h2>
</li>
</ol>
<!-########################################################################
############################### -->
</div>
</div>
<!-########################################################################
############################### -->
<div id="container" class="clear">
<!-########################################################################
############################### -->
<div id="homepage" class="clear">
42

<div class="fl_left">
<h2 class="title">Quick Links</h2>
<div id="hpage_quicklinks">
<ul class="clear">
@* @foreach (var item in ViewBag.a)
{
<a href="@item.Link"> <li> @item.value</li></a>
}*@
<li><a href="http://gcuf.edu.pk">GCUF</a></li>
<li><a href="http://gcuf.edu.pk/admission">Admissions</a></li>
<li><a href="http://gcuf.edu.pk/scholarships">Scholarships</a></li>
<li><a href="http://gcuf.edu.pk/academic">Academics</a></li>
<li><a href="http://www.nts.org.pk/">NTS</a></li>
<li><a href="http://www.pieas.edu.pk/">PIEAS</a></li>
<li><a href="http://www.pucit.edu.pk/">PUCIT</a></li>
<li><a href="http://www.uet.edu.pk">UET</a></li>
</ul>
</div>
<h2 class="title" style="margin-top:45px">Latest Gallery Images</h2>
<div id="hpage_gallery">
<ul class="clear">
<li><a href="~/viewer/img/12.jpg" rel="gallery" class="pirobox_gall" title="DR.
Muhammad Ali"><img style="height:130px;width:175px" src="~/viewer/img/12.jpg"
/></a></li>
<li class="last"><a href="~/viewer/img/lib.jpg" rel="gallery"
class="pirobox_gall" title="Library"><img style="height:130px;width:175px"
src="~/viewer/img/lib.jpg" /></a></li>
<li><a href="~/viewer/img/11.jpg" rel="gallery" class="pirobox_gall" title="Bus
Service"><img style="height:130px;width:175px" src="~/viewer/img/11.jpg"
/></a></li>
<li class="last"><a href="~/viewer/img/new.jpg" rel="gallery"
class="pirobox_gall" title="NEW Campus"><img style="height:130px;width:175px"
src="~/viewer/img/new.jpg" /></a></li>
</ul>
</div>
<h2 class="title">Keep Up With What's Happening</h2>
<div id="hpage_socialize">
<ul>
<li><span>Facebook:</span> <a
href="#">www.facebook.com/CareerGuider</a></li>
<li><span>Twitter:</span> <a
href="#">www.twitter.com/CareerGuider</a></li>
<li class="last"><span>LinkedIn:</span> <a
href="#">www.linkedin.com/CareerGuider</a></li>
</ul>
@*<p><strong>Subscribe To Our Newsletter</strong></p>*@
43

<p></p>
</div>
</div>

<div class="fl_right">
<h2 class="title">Latest News</h2>
<div>
@*<h2>Merits</h2>
<ul id="ticker_01" class="ticker">
<li>
<a href="#">Hi</a> National Teachers Database (NTD 2014l)</a>
</li>
<li>
<a href="#">PPL Recruitment Test (For The Position of Management
Trainee) </a>
</li>
<li>
<a href="#"> Government of Pakistan, Ministry of Defence
(Recruitment Test)
</li>
<li>
<a href="#"> University of Engineering & Technology, Peshawar,
Special GAT-General Test (M.Sc Engineering and MS Mathematics, Computer Science)
</li>
</ul>*@
@* <div class="rightdiv1">
<ul id="ticker_011" class="ticker" style="height: 200px;width:00px";>
@foreach (var item in ViewBag.ab)
{
<a href="#"> <li> @item.detail</li>
}
</ul>
</div>*@
</a>
<h2>Scholarship</h2>
44

{
<a href="#"> <li> @item.detail</li> </a>
}
</ul>
<h2>News</h2>
@foreach (var item in ViewBag.a)
{
<a href="@item.Link"> <li> @item.value</li></a>
}
</ul>
<h2>Results</h2>
<li>
<a
href="http://nts.org.pk/Test&Products/Results/062015/PESCO_12to15_062015_Result/m
arks.php"> Peshawar Electric Supply Company (PESCO) (Recruitment Test)
</li>
<li>
<a
href="http://nts.org.pk/Test&Products/Results/062015/Fesco_1415_062015_Result/mark
s.php"> faisalabad electric supply company (fesco) (recruitment test)
</li>
<li>
<a
href="http://nts.org.pk/Test&Products/Results/062015/Rescue112_12042015_PhyResult/
Search.php">Punjab Emergency Service Rescue 1122 (Recruitment Test)
</li>
<li>
<a
href="http://nts.org.pk/Test&Products/Results/062015/GeologySur_14062015_Result/Ge
ologySur_140615_Res.php"> Geological Survey of Pakistan, Ministry of Petroleum and
Natural Resources (Recruitment Test)
</li>
</ul>
<span id="example_4">
45

<h2> Government of Pakistan, Ministry of Defence (Recruitment Test)
</h2>
</ul>
</span>
</div>
<div id="hpage_specials" class="clear" style="margin-top:20px">
<ul>
<li>
<h2 class="title">Virtual Tour</h2>
<div class="box">
<p><strong>August 14:</strong> <a href="#">Tour</a></p>
<div class="imgholder"><img style="height:160px;width:160px"
src="~/viewer/img/3.jpg" alt="" /></div>
<p>There is a tour arange to Wahga Border for students. this is a 2 days tour
and going on 14 August 2015. Every student is invited.</p>
</div>
</li>
<li>
<h2 class="title">Sporting Activities</h2>
<div class="box">
<p><strong>Sep 01:</strong> <a href="#">Football</a></p>
src="~/viewer/img/1.gif" alt="" /></div>
<p>GCUF invited NTU to play footbal on sep 01...</p>
</div>
<div class="box">
<p><strong>May 23:</strong> <a href="#">Hocky</a></p>
src="~/viewer/img/2.jpg" alt="" /></div>
<p>GCUF beat the Agriculture university faisalabad on may 23</p>
</div>
</li>
<li class="last">
<h2 class="title">Upcoming Events</h2>
<div class="box">
<p><a href="#">Pindal</a></p>
<p>14 August</p>
<p>In this event thare are many Dramas and speeches are presented and chose
one best for anounced first ang awarded prizes to the students.</p>
</div>
<div class="box">
<p><a href="#">Soft Expo</a></p>
46

<p>01 August</p>
<p>In this event there are many final projects are presented and it is a
compitition and three positions are given to the students and also prizes are given to the
wining students. </p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-########################################################################
############################### -->
</div>
</div>
47

Merit Lists:
@{
ViewBag.Title = "merit";
}
@Scripts.Render("~/bundles/jquery")
<meta name="viewport" content="width=device-width" />
@* <script type="text/javascript">
function checkmarks() {
var gmarks = $('#matric').val();
//alert('User Name ='+ userName);
$.getJSON("/Home/checkmarks?marks=" + gmarks, function (data) {
if (data) {
$('#mresult').text("Please Enter marks in range");
$('#mresult').val("");
return false;
}
else {
$('#mresult').text("marks in range");
return true;;
}
});
}
</script>*@
<div style="background-color:white">
<div class="container" style="height:500px;">
<a href="http://gcuf.edu.pk/data/admission2014/distance_learning/1st%20Merit
%20List%20M.Phil%20English.pdf" download>Merit one</a>
</div>
</div>
Check Merit:
48

@{
ViewBag.Title = "checkMerit";
}
<div class="container">
<h2>@ViewBag.ab</h2>
</div>
</div>
Colleges:
@{
ViewBag.Title = "college";
}
<script>
function chuk() {
//$("#uni").change(function ()
//{
// alert("hi");
var uniid = $("#uni").val();
// alert(uniid);
//$("#dept").clear();
$("#dept option").remove();
//$("#program option").remove();
$.getJSON("/Home/getColleges?ab=" + uniid, function (data) {
$("#dept").append(' <option>-Select Department-</option>');
$.each(data, function (i, item) {
//alert('Id = ' + item.depid + " Name = " + item.dname);
$("#dept").append('<option value=' + item.Id + '>' + item.name + '</option>');
});
});
// });
}
////////////////////////////////////////////show program////////////////////////////////////////////////
function showReqProgram() {
// alert("hi");
var pro = $("#dept").val();
49

// $("#table1").remove();
// alert(pro);
$.getJSON("/home/showReqProgram123?id=" + pro, function (data) {
// alert(item.email);
$("#qu").append("<tr><td>" + item.uname + "</td><td>" + item.headtitle +
"</td><td>" + item.head + "</td><td>" + item.phone + "</td><td>" + item.email +
"</td><td>" + item.website + "</td><td>" + item.address + "</td><td>" +
item.recognized + "</td></tr>");
//alert('Id = ' + item.Id + " Name = " + item.Name);
});
});
}
////////////////////////////////////////////end////////////////////////////////////////////////////////
</script>
<br />
<div class="row">
<div class="page-header">
<h1>Colleges</h1>
</div>
<form class="form-horizontal" method="post" action="" id="viewprofile"
role="form">
<div class="form-group">
@* <label for="select" class=" control-label"><h3>Select
Category</h3></label>*@
</div>
<div class="container" style="margin-left: 60pt">
<div class="row">
<div class="col-sm-4">
<select name="college" id="uni" class="form-control required multiselect
multiselect-icon" onchange="chuk();">
<option id="pucit">-Select city-</option>
{
<option value="@item.Id">@item.city1</option>
}
</select>
50

</div>
<select name="college" id="dept" class="form-control required
multiselect multiselect-icon" onchange="showReqProgram();">
<option id="abc">-Select college-</option>
@*
{
<option value="@item.depid">@item.dname</option>
}*@
</select>
</div>
</div>
</div>
</form>
<br />
<br />
<div class="CSSTableGenerator">
<table id="qu">
<tr>
<td>
Name
</td>
<td>
HeadTital
</td>
<td>
Head
</td>
<td>
Phone
</td>
<td>
Email
</td>
<td>
Website
</td>
<td>
Address
</td>
<td>
Recognized
</td>
51

</tr>
@*@foreach (var item in ViewBag.b)
{
<tr>
</tr>
}
*@
</table>
</div>
<br />
<br />
<br />
</div>
</div>
</div>
News:
@{
ViewBag.Title = "new";
}
<br />
<br />
<h1>Latest News</h1>
</div>
{
@*<div class="jumbotron">*@
<div class="panel panel-primary" style="width:500px;" >
<div class="panel-heading" >
<h3 class="panel-title">@item.value </h3>
</div>
<div class="panel-body">
<a href="@item.Link"><b>Please click to view the Details</b></a>
52

</div>
</div>
@*</div>*@
@* <div class="jumbotron">*@
@* <div class ="well">
<p class="lead bg-info" ></p> *@
@*</div>*@
</div>
}
</div>
</div>
Ranking:
53

@{
ViewBag.Title = "ranking";
}
<br />
<div class="row">
<h1>Rankings</h1>
</div>
<table>
<tr>
<td>
Rank
</td>
<td>
University Name
</td>
<td>
City
</td>
</tr>
{
<tr>
<td>
@item.Id
</td>
<td>
@item.uniname
</td>
<td>
@item.location
</td>
</tr>
}
</table>
</div>
<br />
<br />
<br />
54

</div>
</div>
</div>
Universties:
@{
ViewBag.Title = "universites";
}
<script type="text/javascript">
//$(document).ready(function () {
function chuk() {
//{
// alert("hi");
// alert(uniid);
$.getJSON("/Home/getdepartments?ab=" + uniid, function (data) {
$("#dept").append('<option value=' + item.depid + '>' + item.dname +
'</option>');
});
});
// });
}
////});
</script>
function getprogram() {
// alert("hi");
55

var programid = $("#dept").val();
$("#program option").remove();
// alert(programid);
$.getJSON("/home/getprogram?id=" + programid, function (data) {
$("#program").append('<option>-Select program-</option>');
$("#program").append('<option value=' + item.pid + '>' + item.pname +
'</option>');
});
});
}
// alert("hi");
var pro = $("#program").val();
// alert(pro);
$.getJSON("/home/showReqProgram?id=" + pro, function (data) {
// alert(item.pname);
$("#table1").append("<tr><td>" + item.pname + "</td><td>" + item.duration +
"</td><td>" + item.fees + "</td><td>" + item.shift + "</td><td>" + item.merit +
"</td><td>" + item.applydate + "</td></tr>");
});
});
}
</script>
<div>
</div>
<div style="background-color: white">
<div>
56

</div>
role="form">
</div>
<div class="row">
<select name="Universities" id="uni" class="form-control required
multiselect multiselect-icon" onchange="chuk();">
<option id="pucit">-Select Universitey-</option>
{
<option value="@item.uniId">@item.uname</option>
}
</select>
</div>
<select name="Departments" id="dept" class="form-control required
multiselect multiselect-icon" onchange="getprogram();">
<option id="abc">-Select Department-</option>
@*
{
}*@
</select>
</div>
<select name="Programs" id="program" class="form-control required
multiselect multiselect-icon" onchange="showReqProgram();"
()>
<option>-Select Program-</option>
@* <option>cs</option>
<option>it</option>
<option>se</option>*@
@* @foreach (var item in ViewBag.a)
{
<option value="@item.uname">@item.uname</option>
}
*@
</select>
</div>
57

</div>
</div>
</form>
<br />
<br />
<div class="CSSTableGenerator" ">
<table id="table1">
<tr>
<td>
Program Name
</td>
<td>
Duration
</td>
<td>
Fees
</td>
<td>
Shift
</td>
<td>
Merit
</td>
<td>
Apply Date
</td>
</tr>
</table>
</div>
</div>
<br />
<br />
<br />
</div>
Colleges:
58

@{
ViewBag.Title = "college";
}
<script>
function chuk() {
//{
// alert("hi");
// alert(uniid);
$.getJSON("/Home/getColleges?ab=" + uniid, function (data) {
$("#dept").append('<option value=' + item.Id + '>' + item.name + '</option>');
});
});
// });
}
////////////////////////////////////////////show program////////////////////////////////////////////////
// alert("hi");
var pro = $("#dept").val();
// alert(pro);
$.getJSON("/home/showReqProgram123?id=" + pro, function (data) {
// alert(item.email);
$("#qu").append("<tr><td>" + item.uname + "</td><td>" + item.headtitle +
"</td><td>" + item.head + "</td><td>" + item.phone + "</td><td>" + item.email +
59

"</td><td>" + item.website + "</td><td>" + item.address + "</td><td>" +
item.recognized + "</td></tr>");
});
});
}
////////////////////////////////////////////end////////////////////////////////////////////////////////
</script>
<br />
<div class="row">
<h1>Colleges</h1>
</div>
role="form">
</div>
<div class="row">
<select name="college" id="uni" class="form-control required multiselect
multiselect-icon" onchange="chuk();">
<option id="pucit">-Select city-</option>
{
<option value="@item.Id">@item.city1</option>
}
</select>
</div>
<select name="college" id="dept" class="form-control required
multiselect multiselect-icon" onchange="showReqProgram();">
<option id="abc">-Select college-</option>
@*
{
}*@
</select>
</div>
60

</div>
</div>
</form>
<br />
<br />
<table id="qu">
<tr>
<td>
Name
</td>
<td>
HeadTital
</td>
<td>
Head
</td>
<td>
Phone
</td>
<td>
Email
</td>
<td>
Website
</td>
<td>
Address
</td>
<td>
Recognized
</td>
</tr>
@*@foreach (var item in ViewBag.b)
{
<tr>
</tr>
}
*@
</table>
</div>
61

<br />
<br />
<br />
</div>
</div>
</div>
Fourm:
@{
ViewBag.Title = "fourm";
}
<meta name="viewport" content="width=100px" />
<script>
function submitPost()
{
//alert("bjb");
var a = @Session["id"];
var myObject = {
uid:a,
message: $('#ques').val(),
};
// alert(myObject.uid);
$.ajax({
data: myObject,
datatype: "application/json",
type: "POST",
url: "/Home/fourm",
cache: false,
error: function (ts)
{},
success: function (result)
{
var c= $("#abc").val();
if(c!=null)
{
//$("#abc").prepend("<div id='space' style='background:black'></div>")
//$("#space").append("<br/><br/>");
62

$("#abc").prepend("<br/>"+"<button class='btn btn-primary pull-right'
onclick='postComment("+result.Id+")'>Comment</button>");
$("#abc").prepend("<br/>"+" <input type='text' class='form-control counted'
name='message' id='"+result.Id+"ans' placeholder='comment' style='margin-bottom:
10px;' required />")
$("#abc").prepend("<div id='"+result.Id+"'></div>")
$("#"+result.Id+"").append("<br>");
$("#"+result.Id+"").append("<p class='lead' style='color:blue; text-transform:
uppercase;'>"+result.name+"<br/>"+" "+ result.message+" "+result.time+"</p>");
}
else
{
$("#abc").append("<div id='"+result.Id+"'></div>")
uppercase;'>"+result.name+"<br/>"+" "+ result.message+"</p>");
//$("#"+result.Id+"").append("<strong>"+result.time+"</strong>");
$("#abc").append("<br/>"+" <input type='text' class='form-control counted'
$("#abc").append("<br/>"+"<button class='btn btn-primary pull-right'
}
alert(result.Id)
//alert(result.Id);
}
});
}
</script>
<script>
////////////////comment//////////////////////////
function postComment(id)
{
var a = @Session["id"];
alert($("#"+id+"ans").val());
63

var myObject12 = {
uid:a,
Id:id,
message: $("#"+id+"ans").val(),
};
$.ajax({
data: myObject12,
type: "POST",
url: "/Home/postCommentH",
cache: false,
{},
{
// alert();
$("#"+result.Id+"").append("<strong><p style=' margin-left: 40px'>"+" "+"
"+result.name+"<br/>"+ result.message+" "+result.time+"</p></strong>");
//$("#"+result.Id+"").append(result.time);
//alert(result.Id);
}
});
}
</script>
<div style="background-color: white;">
<br />
<br />
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="well well-sm" id="post">
@* @Html.Hidden("uid", (int)Session["id"])*@
<textarea class="form-control counted" name="message" id="ques"
placeholder="Type in your message" rows="3" style="margin-bottom: 10px;"
required></textarea>
64

<button class="btn btn-info" type="submit" style="margin-left: 980px;"
id="butt" onclick="submitPost()">Post New Message</button>
</div>
</div>
<p @*class="well" *@id="abc"></p>
<div id="pss"@* class="bg-info"*@></div>
</div>
@* </div>
</div>*@
<p class="bg-warning" id="comment"></p>
</div>
@*<div class="col-sm-12 col-md-12">
<div class="well well-sm">*@
@* <form accept-charset="UTF-8" action="" method="POST">*@
@*<input type="text" class="form-control counted" name="message"
id="ans" placeholder="comment" style="margin-bottom: 10px;" />
<button class="btn btn-info" type="submit" style="margin-left: 980px;"
id="cmt">Post comment</button>*@
@*
</form>*@
@* </div>
</div>*@
</div>
</div>
</div>
<script>
$( document ).ready()
{
$.getJSON("/home/getPosts", function (data)
{
$.each(data, function (i,result)
{
if(i==0)
{
//$("#abc").append("<br/><br/>")
65

//$("#"+result.Id+"").append("<strong>"+result.time+"<strong>");
}
else
{
//$("#abc").append("<br/><br/>")
//{
// $("#abc").append("<div id='"+result.Id+"'></div>")
// $("#"+result.Id+"").append("<br>");
// $("#"+result.Id+"").append("<p class='lead' style='color:blue;texttransform: uppercase;'>"+result.name+"<br/>"+" "+ result.message+"
"+result.time+"</p>");
// //$("#"+result.Id+"").append("<strong>"+result.time+"</strong>");
// $("#abc").append("<br/> <input type='text' class='form-control counted'
// $("#abc").append("<br/>"+"<button class='btn btn-primary pull-right'
}
});
});
$.getJSON("/home/getComments", function (data)
{
$.each(data, function (i, result)
{
66

if(i==0)
{

//$("#"+result.Id+"").append("<br>"+result.time);
}
else
{
alert(result.Id)
$("#"+result.Id+"").append("<br>");
//$("#"+result.Id+"").append("<br>"+result.time);
}
});
});
}
// alert()
</script>
Check Merit:
@{
ViewBag.Title = "merit";
67

}
@* <script type="text/javascript">
function checkmarks() {
var gmarks = $('#matric').val();
$.getJSON("/Home/checkmarks?marks=" + gmarks, function (data) {
if (data) {
$('#mresult').text("Please Enter marks in range");
$('#mresult').val("");
return false;
}
else {
$('#mresult').text("marks in range");
return true;;
}
});
}
</script>*@
<div class="container" style="height:500px;">
<a href="http://gcuf.edu.pk/data/admission2014/distance_learning/1st%20Merit
%20List%20M.Phil%20English.pdf" download>Merit one</a>
</div>
</div>
Shared Layout:
<!DOCTYPE html>
<html>
<head>
68

<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
@*<link href="~/Content/jqueryui.css" rel="stylesheet" />
<script src="~/Scripts/jquery.js"></script>
<script src="~/Scripts/jquerymin.js"></script>*@
<meta http-equiv="imagetoolbar" content="no" />
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@*<link href="~/Content/bootstrap2.css" rel="stylesheet" />*@
<link href="~/Content/bootstrap-glyphicons.css" rel="stylesheet" />
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap-modal.css" rel="stylesheet" />
<link href="~/Content/bootstrap-modal-bs3patch.css" rel="stylesheet" />
@* <link href="~/Content/bootstrap-tables.css" rel="stylesheet" />
<link href="~/Content/bootstrap-responsive.css" rel="stylesheet" />
<link href="~/Content/bootstrap-responsive.min.css" rel="stylesheet" />*@
@* <script src="~/Scripts/bootstrap2.js"></script>*@
<script src="~/Scripts/bootstrap-modal.js"></script>
<script src="~/Scripts/bootstrap-modalmanager.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
@* <script src="~/Scripts/jquery-tablecloth.js"></script>
<script src="~/Scripts/jquery-tablesorter.js"></script>
<script src="~/Scripts/jquery-tablesorter.min.js"></script>*@
<script type="text/javascript" src="~/Scripts/jquery-ui-1.10.4.min.js"></script>
<title>Career Guider</title>
<script type="text/javascript" src="~/Scripts/jquery-2.1.0.min.js"></script>
<link href="~/Content/prettyPhoto.css" rel="stylesheet" />
<link href="~/Content/hamailcss.css" rel="stylesheet" />
<link href="~/Content/table.css" rel="stylesheet" />
@*
<script src="~/Scripts/SimplePaginationSpec.js"></script>
69

<script src="~/Scripts/SpecHelper.js"></script>*@
@* <script src="~/Scripts/smartpaginator.js"></script>
<link href="~/Content/smartpaginator.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.4.4.min.js"></script>*@
<script type="text/javascript" src="~/Scripts/jquery-prettyPhoto.js"></script>
<link href="~/Content/layout.css" rel="stylesheet" />
<link href="~/Content/3_column.css" rel="stylesheet" />
<link href="~/Content/liteaccordion.css" rel="stylesheet" />
<link href="~/Content/global.css" rel="stylesheet" />
<script type="text/javascript" src="~/Scripts/liteaccordion.jquery.min.js"></script>
<link href="~/Viewer/css_pirobox/style_1/style.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="~/Viewer/js/jquery-ui1.8.2.custom.min.js"></script>
<script type="text/javascript" src="~/Viewer/js/pirobox_extended.js"></script>
$(document).ready(function () {
$().piroBox_ext({
piro_speed: 700,
bg_alpha: 0.5,
piro_scroll: true // pirobox always positioned at the center of the page
});
});
</script>
function chk() {
var userName = $('#uname').val();
$.getJSON("/Home/chkValidity?uname=" + userName, function (data) {
if (data) {
$('#result').text("User Already Exist");
$('#uname').val("");
return false;
}
else {
$('#result').text("User Available");
return true;;
70

}
});
}
</script>
function chkemail() {
var uemail = $('#email').val();
$.getJSON("/Home/chkValidityemail?email=" + uemail, function (data) {
if (data) {
$('#result2').text("Email Already Registered");
$('#email').val("");
return false;
}
else {
$('#result2').text("Available");
return true;;
}
});
}
</script>
$(document).ready(function () {
$('#myModal').modal('show');
});
</script>
<script>
function fhide()
{
//$('#myModal').modal('hide');
//$('#myModal1').modal('show');
$('#myModal').hide();
$('#myModal1').show();
//alert("hi");
}
</script>
</head>
71

<body id="top">
<style>
#accordion {
list-style: none;
margin: 30px 0;
padding: 0;
height: 200px;
overflow: hidden;
background: #7d8d96;
}
#accordion li {
float: left;
border-left: display: block;
height: 170px;
width: 50px;
padding: 15px 0;
overflow: hidden;
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 1.5em;
border-left: 1px solid #fff;
}
#accordion li img {
border: none;
border-right: 1px solid #fff;
float: left;
margin: -15px 15px 0 0;
}
#accordion li.active {
width: 450px;
}
</style>
<div class="row">
<div id="custom-search-input">
<div class="input-group col-md-3 searchdiv">
<input type="text" class=" search-query form-control"
placeholder="Search" />
<span class="input-group-btn">
<button class="btn btn-primary" type="submit">Search</button>
72

@*<button type="submit" class="btn btn-default">Save
Changes</button>*@
@* <span class="glyphicon glyphicon-record"></span>*@
</span>
</div>
</div>
</div>
</div>
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="~/Home/index" style="text-decoration: none;">Career
Guider</a></h1>
</div>
</div>
</div>
</div>
@* <div>
<img src="~/Images/logo.jpg" />
</div>*@
@* sign in code*@
<div class="row signin">
@*<a class="btn btn-primary " data-toggle="modal"
href="#myModal">Login</a>*@
<div class="modal" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3>Login to CareerGuider.com</h3>
</div>
<div class="modal-body">
<form method="post" action='/Home/userlogin' name="login_form">
<label for="exampleInputEmail1">Username</label>
73

<input type="text" class="form-control" id="Email1"
name="uname"placeholder="Enter Username" required>
</div>
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="Password1" name="password"
placeholder="Password" required>
</div>
<p><button type="submit" class="btn btn-primary">Sign in</button>
</p>
</form>
</div>
@* <div class="modal-footer">
New To CareerGuider.com?
<a class="btn btn-primary" id="reg" data-toggle="modal" href="#myModal1"
onclick="fhide()">Register</a>
</div>*@
</div>
</div>
</div>
@* sign up code*@
<div class="row signup">
@*<a class="btn btn-primary" data-toggle="modal" href="#myModal1"
>signup</a>*@
<div class="modal" id="myModal1">
<h3>Signup to CareerGuider.com</h3>
</div>
<form method="post" action='/Home/usersignup' name="login_form">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" name="name"
placeholder="Name" required>
</div>
<label for="username">Username</label>
74

<input type="text" class="form-control" id="uname" name="uname"
placeholder="username" onchange="chk();" required>
<div id="result"></div>
</div>
@*<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" name="email"
placeholder="Enter email" onchange="chkemail();" required>
<div id="result2"></div>
</div>*@
<label for="password">Password</label>
<input type="password" class="form-control" id="password"
name="password" placeholder="Password" required>
</div>
<label for="phone">Phoneno</label>
<input type="tel" class="form-control" id="phone" name="moble"
placeholder="Enter Phone No (xxxx-xxxxxxx)" pattern="[0-9]{4}-[0-9]{7}" required>
</div>
<label for="cnic">CNIC NO</label>
<input type="text" class="form-control" id="cnic" name="cnic"
placeholder="Enter CNIC No (xxxxx-xxxxxxx-x)" pattern="[0-9]{5}-[0-9]{7}-[0-9]{1}"
required>
</div>
<p>
<button type="submit" class="btn btn-primary">Sign Up</button>
</p>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="modal" id="myModal2">
<h3>Rate CareerGuider.com</h3>
75

</div>
<form method="post" action='' name="rate">
<label class="radio-inline">
<input type="radio" id="inlineCheckbox1" value="option1"> Good
</label>
<input type="radio" id="inlineCheckbox2" value="option2"> Excellent
</label>
<input type="radio" id="inlineCheckbox3" value="option3"> No Comment
</label>
</form>
</div>
<div class="modal-footer">
<a class="btn btn-primary col-offset-3" data-toggle="modal" >Vote</a>
</div>
</div>
</div>
</div>
<!-########################################################################
############################### -->
<div id="topnav">
<ul>
<li><a href="~/Home/index">Home</a></li>
<li><a href="~/Home/scholarship/">Scholarships</a></li>
<li><a href="~/Home/Universites">Universites</a></li>
<li><a href="~/Home/merit">Merit List</a></li>
<li><a href="~/Home/ranking">Rankings</a></li>
<li><a href="~/Home/college">College</a></li>
<li><a href="#myModal2" data-toggle="modal">rate site</a>
@*<li><a href="#">Departments</a>
<ul>
76

<li><a href="#">Link 1</a></li>
</ul>
</li>*@
<li><a href="~/Home/contactus">Contact Us</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
@RenderBody()
@*
@RenderSection("scripts",required:false)*@
$(function () {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$("#tags").autocomplete({
source: availableTags
77

});
});
$("#featured_slide").liteAccordion({
theme: "os-tpl",
containerWidth: 960, // fixed (px)
containerHeight: 360, // fixed (px) - overall height of the slider
headerWidth: 48, // fixed (px) - slide spine title
firstSlide: 1, // displays slide (n) on page load
activateOn: "click", // click or mouseover
autoPlay: false, // automatically cycle through slides
pauseOnHover: true, // pause slides on hover
rounded: false, // square or rounded corners
enumerateSlides: true, // put numbers on slides
slideSpeed: 800, // slide animation speed
cycleSpeed: 6000, // time between slide cycles
});
//$(function () {
// $("li").click(function () {
//
// remove classes from all
//
$("li").removeClass("active");
//
// add class to the one we clicked
//
$(this).addClass("active");
// });
//});
function tick()
{
$('#ticker_01 li:first').slideUp(function () { $(this).appendTo($
('#ticker_01')).slideDown(); });
}
setInterval(function () { tick() }, 5000);
function tick2() {
}
setInterval(function () { tick2() }, 3000);
function tick3() {
$('#ticker_03 li:first').animate({ 'opacity': 0 }, 200, function () { $
(this).appendTo($('#ticker_03')).css('opacity', 1); });
}
78

setInterval(function () { tick3() }, 4000);
function tick4() {
}
</script>
<div id="footer" class="clear">
<!-########################################################################
############################### -->
<div class="foot_contact">
<h2 style="text-align: left">Career Guider</h2>
<address>
P.O. Box No. 00000. Faisalabad, Pakistan.<br />
P.O. Box No. 00001. Faisalabad, Pakistan.<br />
Faisalabad Pakistan<br />
38000
</address>
<ul>
<li><strong>Tel:</strong> 041-3472135</li>
<li><strong>Fax:</strong> 92-00-00000000 </li>
<li class="last"><strong>Email:</strong> <a
href="#">info@CareerGuider.com</a></li>
</ul>
</div>
<div class="footbox">
<h2 style="text-align: left">Administration</h2>
<ul>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Freedom of Information</a></li>
<li><a href="#">Website Privacy</a></li>
<li><a href="#">Press Release Information</a></li>
<li><a href="#">Annual Report</a></li>
<li><a href="#">Financial Statements</a></li>
<li><a href="#">Job Vacancies</a></li>
<li class="last"><a href="#">Semester Dates</a></li>
</ul>
</div>
<div class="footbox">
<h2 style="text-align: left">&nbsp</h2>
79

<ul>
<li><a href="#">Schools and Colleges</a></li>
<li><a href="#">Student Activities</a></li>
<li><a href="#">Student Affairs</a></li>
<li><a href="#">Student Development</a></li>
<li><a href="#">Student Financial Services</a></li>
<li><a href="#">Student Group Directory</a></li>
<li><a href="#">Student Life</a></li>
<li><a href="#">International Students</a></li>
<li class="last"><a href="#">Global Learning</a></li>
</ul>
</div>
<div class="footbox last">
<h2 style="text-align: left">&nbsp</h2>
<ul>
<li><a href="#">Academic Advisory</a></li>
<li><a href="#">Academic Assistance</a></li>
<li><a href="#">Academic Calendars</a></li>
<li><a href="#">Academics Office</a></li>
<li><a href="#">Administration</a></li>
<li><a href="#">Adult Learners</a></li>
<li><a href="#">Alumni Chapters</a></li>
<li><a href="#">Alumni Events</a></li>
<li class="last"><a href="#">Residential Colleges</a></li>
</ul>
</div>
<!-########################################################################
############################### -->
</div>
</div>
<!-########################################################################
############################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2015 - All Rights Reserved @Html.ActionLink("Career Guider", "index")</p>
<p class="fl_right">Career Guider</p>
</div>
</div>
@RenderSection("scripts", required: false)
</body>
80

</html>
81

Admin Menu:
@{
ViewBag.Title = "Manu";
Layout = "~/Views/Shared/adminview2.cshtml";
}
<div class="form_settings">
<button class=" submit" style ="margin-left:30%;margin-top:3%;width:500px;"
onclick="location.href='@Url.Action("showPrograms", "Admin")'" >programs
Management</button>
onclick="location.href='@Url.Action("showUniData", "Admin")'" >University
Management</button>
onclick="location.href='@Url.Action("showDeptData", "Admin")'" >Department
Management</button>
onclick="location.href='@Url.Action("showSchlData", "Admin")'" >Scholarship
Management</button>
onclick="location.href='@Url.Action("showNewsData", "Admin")'" >News
Management</button>
onclick="location.href='@Url.Action("showCommentData", "Admin")'" >Comment
Management</button>
onclick="location.href='@Url.Action("showCommentData", "Admin")'" > Admin
Management</button>
onclick="location.href='@Url.Action("crawler", "Admin")'" >Crawler
Management</button>
@* <button style="margin-left:10px;margin-top:3%"
onclick="location.href='@Url.Action("showUniMenu", "Admin")'" >Add
Admin</button>
<button style="margin-left:10px;margin-top:3%"
onclick="location.href='@Url.Action("showUniMenu", "Admin")'" >Insert
Data</button>*@
<div class="clear"></div>
</div>
82

Crawler:
@{
ViewBag.Title = "crawler";
Layout = "~/Views/Shared/adminview2.cshtml";
}
<Script>
function startNewscrawler()
{
var id = 2;
// alert("helllo");
$.ajax({
data:id,
type: "POST",
url: "/Admin/StartNewsCrawler123",
cache: false,
{
},
success: function (result) {
alert( "chal gia ha");
}
});
}
/////////////////////////////////////////////////////////////////////////////////////
function startProgramCrawler(id) {
//var id = 2;
//alert(id);
$.ajax({
data: id,
type: "POST",
url: "/Admin/StartProgramCrawler123",
cache: false,
error: function (ts) {
},
{
alert("success");
if (result.a < 600)
{
83

alert(result.a);
startProgramCrawler(result.a)
}
}
});
}
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
</script>
<script>
function startrankingcrawler(id) {
//var id = 2;
//alert(id);
$.ajax({
data: id,
type: "POST",
url: "/Admin/startrankingcrawler",
cache: false,
},
{
//alert("success");
//if (result.a < 600)
//{
// alert(result.a);
// startProgramCrawler(result.a)
//}
}
});
}
////////////////////////////////////////////////////////////////////////////////////
84

////////////////////////////////////////////////////////////////////////////////////
</script>
<script>
function startScholarshipcrawler(id) {
//var id = 2;
//alert(id);
$.ajax({
data: id,
type: "POST",
url: "/Admin/startscholarcrawler",
cache: false,
},
success: function (result) {
//alert("success");
//if (result.a < 600)
//{
// alert(result.a);
// startProgramCrawler(result.a)
//}
}
});
}
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
</script>
<div class="form_settings" id="crawler">
onclick="startNewscrawler()" > Start News </button>
onclick="startrankingcrawler()" > Get Rankings </button>
onclick="startScholarshipcrawler()" > Get Scholarship </button>
onclick="startProgramCrawler()" > Start Program Management</button>
</div>
85

Screen Shots
Main Page:
86
87

Universities:
88

Ranking:
89

Colleges:
90

Scholarship:
91

Rate:
92

Contact Us:
93

Admin Login:
94

Career Guide

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Career Guide

Uploaded by

Copyright:

Available Formats

Government College University Faisalabad

Government College University Faisalabad

Government College University Faisalabad

Signature of the Student:

Government College University Faisalabad

Government College University Faisalabad

College of Computer Science & Information Studies

Government College University Faisalabad

Government College University Faisalabad

Government College University Faisalabad

1.1 Project/Product Feasibility Report

1. Career Guider Work

1.1.2 Operational Feasibility

Government College University Faisalabad

1.1.4 Schedule Feasibility

1.1.5 Specification Feasibility

1.1.6 Information Feasibility

1.1.7 Motivational Feasibility

Government College University Faisalabad

1.2 Project/Product Scope

1.3 CPM - Critical Path Method

Government College University Faisalabad

Government College University Faisalabad

1.4.1 Adobe Photoshop

1.4.2 Adobe Dreamweaver

1.4.3 Microsoft Word

1.4.5 Microsoft Project

1.4.6 Microsoft visual studio

1.4.7 Smart Draw

1.4.8 Project Modeling

Government College University Faisalabad

All information are not available on one platform

It is overhead to update on the time and inform

1.5.2 Successful Solution

Survey should be conducted from the student to understand the requirement

We will provide all desired information on one platform

User friendly interface to motivate the user.

Government College University Faisalabad

1.5.4 Assumptions and dependencies

1.5.5 User Environment

Government College University Faisalabad

Government College University Faisalabad

2.1 Systems Specifications

Guidelines (according to the interested area).

Scope of the System

Any web browser to visit the website.

Government College University Faisalabad

Government College University Faisalabad

Government College University Faisalabad

A admin shall insert uniData

Admin shall signup

User shall change information

Admin shall login

Government College University Faisalabad

Use Case Name

A admin shall insert uniData

Admin shall delete specific user

User shall sign in

User shall sign up

User shall change information

User shall insert queries

User shall comments

User shell get query result

User shell get corresponding