Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Supervisor
Lecturer
Submitted By
Supervisor
Lecturer
Submitted By
A Project Report submitted in partial fulfillment of the requirements for the award of
Bachelor’s Degree in
COMPUTER SCIENCE
This to certify that this project is approved and recommended as partial fulfillment for the
Technology Peshawar.
Supervisor
Mr.Imran khalil
Chairman
Dr.Nasru Minallah
iv
Undertaking
I certify that project work titled “Almuni Portal” is my/our own work. No portion of the work
presented in this project has been submitted in support of another award or qualification
either at this institution or elsewhere. Where material has been used from other sources it has
__________________
Signature of Student
TANVEER AKBAR
v
Dedication
vi
Acknowledgements
All praises to The Allah Almighty who has created this world of knowledge for us. He is The
Gracious, The Merciful. He bestowed man with intellectual power and understandingand
gave him spiritual insight, enabling him to discover his “Self” know his Creator through His
wonders, and conquer nature. Next to all His Messenger Hazrat Muhammad (SAW) who is
an eternal torch of guidance and knowledge for whole mankind.
I would like to express our deepest appreciation and heartfelt thanks to Mr. Imran Khalil,
Lecturer Department of CS&IT, University of Engineering and Technology Peshawar, for his
constant supervision, invaluable guidance, kind and keen interest in the project, constructive
criticism and encourage in the completion of this Project.
I would like to express our gratitude to Professor Dr. Nasru Minallah, Chairman, Department
of CS&IT, University of Engineering and Technology Peshawar, for developing our mental
level.
Iam heartily thankful to our Parents and siblings for their precious moral support in all
aspects of our life, and who pray for our success, ceaselessly, without which we would
certainly have not been able to achieve our goals.
Tanveer Akbar
vii
Abstract
Alumni portals is providing common platform for every institute. Owing to the need to have
all the Alumni (already passed out students) must be connected to the Institute,resulted in
sharing their experiences , views , ideas, guidance , motivations and strategies. The objective
of Alumni portal application is to allow old and new students of the university to
communicate with each other. This allows students to know about each other and their
current activities. This portal highlights the feature of communication, which will enable the
current students to have interaction with the alumni of the university for getting various
updates on current indusrty trends, Internship opportunity, sponsored projects and various
referral opening in the corporate world. This portal will serve the cause of integrating all the
stakeholders of Institute such as , Alumni, University students , Faculties to avail the
guidance and knowledge sharing on various domains. In this project i proposed the Dynamic
Architectural design of the Alumni portal, which enable the two way communication
between all stakeholders. The alumni will also be interested to maintain relations with their
institutions. Alumni can communicate to the students regarding job opportunities and the
students can share the department technology activities to the alumni. Final year students will
be initially given a student login ID. Access to the system can help them in building
connections to their projects or for placements. The system will automatically list all Alumni
information their graduation and their status will be transferred from the student module to
the alumni module
viii
Table of Contents
ix
Appendix A __________________________________________________________________ 38
What is PHP? ______________________________________________________________________ 38
What is Javascript? _________________________________________________________________ 38
References ___________________________________________________________________ 39
x
List of Figures
xi
List of Tables
xii
LIST OF ABBREVATION AND SYMBOLS
xiii
Chapter 1
Introduction
1.1 Background:
Many institutions the information manually about present and past students. This does not
allow efficient data management and retrieval process. A student willing to get information
about others must approach the university and obtain the details. Often the information may
not be available and misleading. This is a major hurdle in the flow of information and
guidance to the existing student. The current system is not complete computerized so there is
no centralized database maintenance.
Therefore, the design of Students and Alumni Web Portal (SAWP) involves the analysis of
the internal and external environment of the three universities. For this purpose, SWOT
technique has been used to detect the deep effect of environment factors on the strategic plan
to discover the strengths, weaknesses, opportunities and threats facing the design of the
proposed system. SAWP was designed using (MySQL, HTML, CSS, Java Script, jQuery,
PHP, AJAX) techniques to provide robust portal system addressing two subsystems: student
and alumni portal system. Testing of the SAWP was administered through two main stages:
the first, to identify the student’s views and their preferences.
The Alumni Portal provides the way in which alumni can stay connected with University
which has been very important part of their memory. Alumni Portal does not connect only
1
University with its alumni but also it connects current students of University and its alumni.
So that the bond between existing students and pass-out students will become strong and
there will be direct flow of information between them. SAS have features for both existing
student and alumni like Content Management System, Discussion Groups (Forums), Career
Center, Marks Revaluation System, etc. We understand the importance of "staying
connected" & therefore structured a portal which is equipped to let you connect, build
credibility and expand upon the Graduates.
2
1.2 Alumni
Many students like to come back to their university that has been a very important part of
their memory. They like to give back to their university by giving their valuable time. They
feel obliged to the institute that opened new avenues of jobs for them by building them
academically strong. Most of the good university ensure an all-round development of the
students. They have special sessions to grill the students and prepare them for the interviews.
There are various kinds of co-curricular activities and competitions organized by the
university. Such events create memories for the students to cherish for a lifetime.
Also, Alumni Website was developed using static page rather than dynamic page. And also
in existing system, maximum work goes on manually and it is error prone system, it takes
time for any changes in the system.The alumni portal is accessible for ex-students and not for
current students. This is a major hurdle in the flow of information and guidance to the
existing student. The institution maintain separate portal for existing students.
Every member of the alumni association can access his/her account after the registration
process and the activation of his/her account. After the member has logged in successfully,
all the elements will be activatedfor data entry.
a. The header page contains a link; through this link alumni can access: the homepage, new
notifications, friend request.
b. On the left-side alumni can change their profile picture by clicking on photo and select a
new image.
c. Search: alumni have permission to search and see other members or his friends.
d. Profile: alumni can access their profiles and have a permission to change some
information. Moreover, alumni can update information related to the address and location of
their work. Within the profile of the member an alumnus has authorization to change his/her
password by entering the old password and the new password.
e. Friend: after alumni search for a member, he /she can see his friend then request him as a
friend from the friend page
f. Create event: Alumni can create an event and send it for his friend that he/she selects from
the select box, naturally, the events are invited by other friends.
g. Message: Alumni can send message to another alumni and final year student and share
3
there ideas with each other etc
h. Group Message: Alumni can send message to every member of the portal for this he will
create a group message.
1.3 Student
The current most of alumni portals are for alumni only. There is no link between existing
students and pass out students of university. So we trying to establish a link between pass out
and existing students of university, so that there will be direct flow of information between
them.
1.4 Administrator
The system uses administration that gives high level of authority to manage and control the
user accounts and all activities of the overall system.
a. Dashboard : composed of boxes; box contains important information helps admin to easily
control details such as (count number of alumni register and student). Within this page the
admin is able to view the last announcement and news..
b. There are common tools that each admin needs in order to provide information required
for managing the system such as (University, departments, news, and events, backup).
c. Announcement: this provides very necessary information for all alumni such as
information about a new workshop, international conferences and any information the
university wants to inform graduates
d. Alumni list: this option informs the admin with the number of the alumni who have been
registered in the system and the information related to the signup time for each one as well as
how the admin can help them if they have any problem.
4
1.5Aim and Objectives
The main aim of this project is to create a platform for alumni and the institute students can
communicate with each other for their benefit. The students can share their ideas or
experiences on to platform regarding some events and internship opportunities. This portal
has different functionalities in their homepage like Calendar for the current and the incoming
events, exams, and activities.
Objective:
A goodwill - the current students will monitor the treatment of their ex-students i.e. alumni as
an indication of how they would be treated in the same situation or how they should react in
different situations. Alumni will provide you with very valuable information about the
experiences and ideas from the external world.
To Provide Job posting for alumni and student and then apply other members of portal
To provide Internships opportunity for student
To provide Industry sponsored projects.
To provide Entrepreneurial guidance for alumni and student.
To provide lecture videos for students.
5
Chapter 2
Background/Literature Survey
6
3) IUI Alumni Portal:
The homepage of this portal shows the search window for finding the alumni or student whether
he/she is integrated with the portal. It provides the similar features like all portals we discussed earlier
(Harvard Alumni Portal, Princeton University). At the homepage of this portal the notice is placed in
the highlighted form not only for the better visualization but also for making the portal active. It also
provides Donor initiative for university .
Architecture Diagram
The above Diagram provides a high-level graphical view of the application architecture, and
helps us to identify applications, sub-applications, components, databases, services, etc, and
their interactions
7
d. Help from the system.
General Operations:
Student
User can Register to Alumni
Students can login to the system
Update the Profile
Students can see all students information in the alumni
They can see the events details
They can also send messages to their friends
Students also can see the campus interview details
Admin users
Has full access to all the modules of this system.
Responsible for the accounts of all students.
Update, modify or delete event details
Update, modify or delete campus interviews details
Prepares and submits also Daily reports, user reports, event reports, etc.
Normal users:
Has restricted access. i.e., Normal users have access to some of the modules only
They cannot send messages to their batch mates
E - R Diagram
8
Figure 1.2 E-R Diagram
The above figure provides us to identify the entities and data relationships in a database. It
presents a logical representation of the physical system to be built. ER diagrams are related to
data structure diagrams (DSDs), which focus on the relationships of elements within entities
instead of relationships between entities themselves. ER diagrams also are often used in
conjunction with data flow diagrams (DFDs), which map out the flow of information for
processes or systems.
9
Use-case Diagram
The above figure shows the Use-case diagram which system analysis to identify, clarify,
and organize system requirements. A use case diagram contains four
components.
The use cases, which are the specific roles played by the actors within
and around the system.
The relationships between and among the actors and the use cases.
10
Component Diagram
The above Component diagram shows the modeling in the physical aspects of object-
oriented systems that are used for visualizing, specifying, and documenting component-
based systems and also for constructing executable systems through forward and reverse
engineering. Though component diagrams may seem complex at first glance, they
are invaluable when it comes to building system. Component diagrams can help
11
Imagine the system’s physical structure.
Pay attention to the system’s components and how they relate.
Emphasize the service behavior as it relates to the interface.
12
Deployment Diagram
The above deployment diagram shows the topology of the physical components of a system,
where the software components are deployed.it also shows static deployment view of a
system. Deployment diagrams consist of nodes and their relationships.
Data Dictionary:
AlumniAcademicDetails:
ColumnName DataType Size
LoginName text 10
YearofPassdout number 04
YearofJoining number 04
Profession text 25
RollNo text 25
13
The above data dictionary table show set of files that contains a database's
metadata. The data dictionary contains records about other objects in the
database, such as data ownership, data relationships to other objects, and other
data. It defines the data objects of each user in the database. By this way, it
helps various users to know all the objects which exist in the database and who
can access it. One cannot remember all the tables, views constraints etc in a
huge database. If the user wants to search for one particular table, say
something related to salary and he just remember that table name has ‘Roll No’
in it but does not know exact name, then he would fire query on data dictionary
view to get all the table names with ‘Roll No’. From the list of result tables, he can
identify which table that he was searching. The description of the tables also
helps him in this case.
14
Chapter 3
Requirements
The supported Operating Systems For server include Linux. Linux is used as server
operating system. For web server we are using apache 2.0
• Apache
• PhpMyAdmin
• Internet Explorer, Mozilla FireFox, Google Chromeetc
• 1 GBRam.
15
• 40 GB Hard DiskMinimum.
• IntelCore
16
3.5.3 Security Requirements
SR-1: The Alumni Portal must be very secure because it deals with the private
information of the customer & riders. The portalmust follow these main security
rules:
Confidentiality: Only the admin has access to user personal info and orders.
Integrity: Only the users can modify their personal info.
Authenticity: No other Alumni/Students can access, modify or delete other
accounts’ information.
SR-2: Instead of a plain password, the hash value of the password will be stored in
the database for future authentication.
SR-3: Log-In attempts count should be integrated to prevent brute-force attacks.
3.5.4 Software Quality Attributes
Availability:This is a very important attribute when it comes to software quality. The
entire system should be available with minimum downtime. For this purpose,i have
implemented virtual servers with redundancy and backups so that if anything
unexpected Alumni Portal, i should be having the means and resources available to
make the entire system online with its full functionality.
Usability:The graphical user interface of the mobile Alumni Portal Web page admin
panel is to be designed with usability as the priority.
Integrity:The integrity of any software system is important to keep it running with
proper and dined functionality and without any unexpected errors. This is why we
have taken some strict security measures that are well defined in the Security
Requirements section above. To briefly explain it here, no authority has the rights to
modify the system without the Alumni Portal oval from the admin or the super user of
the system.
Robustness:If the connection between the user and the system is broken prior to an
order being either confirmed or canceled, the portal shall enable the user to recover an
incomplete order.
17
3.6 Use Case Diagram for Alumni
3.6 Conclusion
In this chapter,i have discussed the requirements of our project. i have also described the
overall description of our project which includes context diagram, product perspective, and
its design and implementation constraints. i have also described the system features of our
project which include the use cases and its characteristics, its functional and nonfunctional
requirements. In the next chapter,i have discussed analysis& design of my project
18
Chapter 4
Analysis and Design
4.1 DesignApproach
Design is the first step in the development phase for any techniques and principles for the
purposeofdefiningadevice,aprocessorsysteminsufficientdetailtopermititsphysicalreal- ization.
Once the software requirements have been analyzed and specified the software design
involves three technical activities design, coding, implementation and testing that are
required to build and verify the software. The design activities are of main importance in this
phase,be- cause in this activity, decisions ultimately affecting the success of the
softwareimplementation and its ease of maintenance are made. These decisions have the final
bearing upon reliability and maintainability of the system. Design is the only way to
accurately translate the customer requirements into finished software or a system. Design is
the place where quality is fostered in development. Software design is a process through
which requirements are translated into a representation of software. Software design is
conducted in two steps. Preliminary design is concerned with the transformation of
requirements intodata.
Second tier: The middle tier is the block where the actual processing of our project is done.
ThisblockconnectstheGUItothedatabasei.e.Itactsasaconnectoraswellascommunicator which
connects the database and helps in transfer of data between the GUI and the database. It’s
19
main function is to take the input in terms of queries or viiews of the user and give it to the
database.
20
Third tier: Database tier is the tier used for the storage of data.This tier contains all
the data
thatisneededfortheprocessingofthewholeproject.Thedataaboutthealumniincludingtheir
name , adress, designation and other related information is stored.The querying
process gets completed by obtaining the data from the data collection -database.Other
Dynamic featuresare fetched from thedatabase.
21
The Above figure shows Software Architecture Design it helps to to interact with users,
and developers in order to envision, model and provide initial models and designs
that can be built. This role also may cover the meeting potential or current alumni.
4.2.1 Front EndDesigns
4.1.1 ComponentDiagram
22
Figure 4.3: Component Diagram of Alumni Portal
23
Chapter 4. Project Design
4.1.2 DeploymentDiagram
24
4.2 DatabaseDesign
4.2.1 E-RDiagram
25
The above E-R Diagram shows how “entities” such as alumni, objects or concepts relate to
each other within a system. ER Diagrams are most often used to design or debug relational
databases in the fields of software engineering, business information systems, education and
research. Also known as ERDs or ER Models, they use a defined set of symbols such as
rectangles, diamonds, ovals and connecting lines to depict the interconnectedness of entities,
relationships and their attributes.
26
4.3 Work-flowDesign
27
Figure 4.8: Level 2 DFD of AlumniPortal
28
Chapter 5
Implementation and Testing
5.2 Introduction
This chapter aim is to briefly describe the code and implementation technique of the
server and admin panel. In this chapter,i also will show the UI of our project.
5.2 Implementation
1. Auto Registration:
People do find it very lethargic to register on any website until forced on. So this
alumni portal will be providing the service of automatic registration. Once the student
has been admitted into the institution, the personal details will be instantly uploaded
onto the portal.
2. Interactive communication:
This portal will be providing different chatrooms for different departments such as
Mechanical Dept, Computer Department, EXTC Department etc. and also provides
different discussion rooms for certain purposes such as discussion room for different
languages such as java,PHP etc.
3. Auto promotion:
Auto promotion of an existing students into a new role i.e. of an alumni. For e.g.
Student admitted in 2012 will become alumni in June 2016.
Pseudocode for auto promotion (of regular student)
if student course is equal to 4 years and month june thenconvert the status of user from
student to alumni elsekeep the user in current statePseudocode for handling the
conversion (of the failure student to an alumni)
if user has drop year thensend e-mail to verify the status user selects YES then keep
the user in current state elseconvert the status of current user to an
alumnus.
Registration Module: In this module, the user can register onto the portal.The gui is made
29
attractive with the help of css. Javascript is used for validating the input feilds that will be
feeded by the user.
Chat Module: The chat module is made with the help of Php. The users can chat with each
other for their benefitted users can see the registered members online and accordingly chat
with them.
Post module: The post module allows the users to post to what’s on their mind. Sharing and
exchanging of views and ideas will be done here.Enquiries and doubts on jobs ,internships
can be well clarified. The post can be posted department wise or may be posted to all the
departments as per the requirement or the wish of the user. The posts can be liked by the
users and if someone has an answer for the query or some views regarding the ongoing topic
it may be done with the help of reply.
User Search: Whenever user searches for the alumni in the search bar, the database is
queried in order to retrieve the accurate results.
30
The above table shows class diagram which shows the static view of an application. Class
diagram is not only used for visualizing, describing, and documenting different aspects
of a system but also for constructing executable code of the software application.
Admin:: Admin are the type of user and after the registration will be able to
manage the whole portal in terms of maintaining all the modules
(dynamic and static) and can add or delete the records of the students
Student: also.
Students are also the another type of user who all are going to use the
website after the registeration and with that they can be able to lo-
gin,post,chat.
Login: Once the student registered their self then and then only they can
login wih the given username and the password.
Chat: After the login the user will redirect to the wall page where they can
chat with the already registered students effectively.
Post: The student will be able to post any message after the login procedure.
31
Figure 5.1 User Interfaces
32
Figure 5.2 User Interfaces
33
Figure 5.4 User Interfaces
34
Figure 5.6 User Interfaces
35
Chapter 6
Conclusion
Alumni Portal for any University website is very important.It has been setup to increase
interaction, knowledge sharing and networking among the alumni students and also focuses
on bringing together alumni students of University And the primary goal of this report is to
connect the alumni students with the University and existing University students with the
help of alumni web portal where they can have communication with existing students and
University.
36
Chapter 7
Future Recommendations
37
Appendix A
What is PHP?
PHP is a server-side scripting language designed for web development but also used as a
general-purpose programming language. Originally created by Rasmus Lerdorf in 1994,the
PHP reference implementation is now produced by The PHP Group.PHP originally stood for
Personal Home Page,but it now stands for the recursive backronym PHP: Hypertext Prepro-
cessor.In terms of keywords and language syntax, PHP is similar to the C style syntax. if
conditions, for and while loops, and function returns are similar in syntax to languages such
as C, C++, C, Java and Perl.
What is Javascript?
JavaScript is a high-level, dynamic, untyped, and interpreted programming language.It has
been standardized in the ECMAScript language specification.Alongside HTML and CSS, it
is one of the three essential technologies of World Wide Web content production; the
majority of websites employ it and it is supported by all modern Web browsers without plug-
ins. JavaScript is prototype-based with first-class functions, making it a multi-paradigm
language, supporting object-oriented,imperative, and functional programming styles.
On the client side, JavaScript has been traditionally implemented as an interpreted language,
but more recent browsers perform just-in-time compilation. It is also used in game
development, the creation of desktop and mobile applications, and server-side network
programming with runtime environments such as Node.js.
38
References
[1] B. J, SUS: A Retrospective", United Kingdom, Journal of usability study, Vol. 8, Issue 2.,
2013.
Sciences, 2010.
[4] A. Sh, "Journal of Interactive Online Learning Volume 8, Number 2, ISSN: 1541-4914.,"
2009.
2013.
39