city guide

Dynamic Website forDynamic Website forLEEDS PROFESSIONAL LEEDS PROFESSIONAL

COLLEGE MARDANCOLLEGE MARDAN

Created & Designed By:

Mr. Muhammad Shehzad QureshiMr. Muhammad IqbalMr. Muhammad Waqas Khan

ABSTRACTABSTRACT

In this project genuine attempt has been made to develop such a system that would prove beneficial to individuals who are interested to know about LEEDS PROFESSIONAL COLLEGE MARDAN.

This website will be helpful for the students of this institute and also to the other students, because different data about the institute will be uploaded on the site so that the not only the students but also the outsiders can get info about the institution.

This website includes the result viewing and printing facility, student can view the news and notification portion will allow the students to get info about the latest news and events occurring in the institute and the students can apply online for the admission.

INTRODUCTION OF PROJECTINTRODUCTION OF PROJECT

As users of web we mostly have done getting information online, online admission in our daily routines and many other works have been done in short time on internet or through web.

It was our great desire to develop a dynamic website for organization of our own, which will solve the problems of an organization and will also reduce the burden on the organization’s admin section.

In today highly competitive and progressive era, without latest technology surviving on the globe is difficult.

USER REQUIREMENTUSER REQUIREMENT

People need website that loads quickly. User will not wait longer to load this site.

They need a site that is easy to use, navigate around and

understand.

People need to know who to contact if they need future information.

Visiting the site should be an interesting, pleasurable and regarding experience.

It should be possible to view the site using different browser. There must be some means for the visitors to enter their name,

address, email, cell and area of interest, if they wish to receive information.

The data entered by the user must be validated and automatically entered into a database.

TECHNICAL FEASIBILITYTECHNICAL FEASIBILITY The technical feasibility analysis of the LPC MARDAN helped

achieve following information.

PC Pentium III or higher is required for proposed system.

Any printer, laser, or Desk Jet, is recommended.

A black and white are higher monitor according to the affordability is needed.

The recommended equipment has the capacity to hold the data required to use the new system.

System can be expanded whenever required.

There are technical guarantees of accuracy, reliability, ease of access to data and its security.

PRELIMINARY PRELIMINARY INVESTIGATION:INVESTIGATION: The preliminary investigation for LPC MARDAN system

analysis, at very initial stage involved.

DATA GATHERING Data was gathered keeping in view the manual record keeping system practiced at LPC MARDAN. Main aim of data collection was to enlighten the procedures used to receive, manage and dispatch the data at work.

DOCUMENTATION REVIEW:

The firm authorities provided all the required information in the shape of written format. Copies of result cards, fee structure containing records were also part of this documentation review.

WORKING OF THE COMPUTERIZED WORKING OF THE COMPUTERIZED

SYSTEMSYSTEM The proposed will work efficiently, effectively for data input,

output, processing and storage.

For input of the data, easily understandable and insertion form will be used.

The processing will be done using proper queries of the tool being used to for developing the software in order to achieve efficiency or in lowest possible time.

Output, of the processing data will be seen in easily understandable form.

Storage, of the data will be done appropriate tables for each record.

OBJECTIVESOBJECTIVES

The proposed system aims at possibly removing all of the drawbacks present in the system in practice and making it more responsive to user and management needs.

The system also aims to reduce time consumed in searching a specific record.

The proposed system provides the facility of insertion, deletion, and updating of record.

ADVANTAGESADVANTAGES

ADVANCED INPUT: Input involves all those procedure as insertion, searching,

deletion and updating.

IMPROVED PROCESSING: The computerized processing of records will eliminate the

wastage of time. As soon as the data will be entered, it will be stored in its concerned table and will be ready for retrieval whenever desired.

ADVANCED OUTPUT: The output includes the advanced searching, concerning all

the records of various students of the LPC MARDAN, which information whenever desired.

DESIGNING DESIGNING

It is the process of producing a description of implementation of new developed website on secondary storage devices, keeping in view the system requirements and performance. It described the storage structure and access methods used to effectively access the data.

BACK-ENDBACK-END Backend deals with storage of information of the concerned

information modules in their respective fields and in a specific format.

The backend of the LPC MARDAN utilizes MySQL. There are

certain reasons for the selection of the MySQL that are discussed as follows:

MySQL is user friendly as compared other database.

MySQL has got fewer limitations.

It is more advanced and flexible DBMS.

It has got more capacity to hold the data.

MySQL data base can be modified upon users desired with the passage of time.

FRONT – ENDFRONT – END

Front –end is actually the interface between the software and user. It involves various forms of all the modules. The front –end of LPC MARDAN website has been developed in front page e.g. html, PHP which is used for inputs design or for making forms.

Front –end is composed of designing for inputs and output. Input is for entering data for storage while output is to view that stored data.

INPUT DESIGNINPUT DESIGN

Input design includes the forms that are used for the entry of the data. Forms have various text boxes, combo boxes and other options etc. forms are used for the inserting, updating, selection and deletion of the records. Forms are connected to backend. As the data is entered in the boxes, the queries at the back of the forms are activated and appropriate action is done concerning inserting, deleting, updating or selection.

OUTPUT DESIGNOUTPUT DESIGN Output design is used to get the printed form

of the data or ton view the status of data using any criteria as design by the user. For this purpose reports are used. Reports are simple and do not have any complications like forms.

The backend and front-end of the system collectively contribute in the formation of dynamic website of the LPC MARDAN.

DATA ANALYSIS AND DATA ANALYSIS AND MODELINGMODELING

DATA BASE: A database is an organized collection of logical related

data. A database may be any size and complexity. DATA: The term data referred to known facts that could be

recorded and stored on computer media. Data consists of facts, texts, graphics, images, sound and video segments that have meanings in the user environment.

INFORMATION: Data and information are closely related, and in fact are

often use interchangeably, information is data that has been processed in such a way that can increase the knowledge of person who use it.

ENTITY RELATIONSHIP DIAGRAM ENTITY RELATIONSHIP DIAGRAM (ERD)(ERD)

Any entity relationship diagram is detailed, logical, representation of the data for an organization or for a business area. The ERD is expressed in term of entities, relationship (or associations) among those entities and the attributes (properties) of both the entities and their relationship. ERD is the graphical representation of an E-R Model.

KEY ELEMENT OF ERDKEY ELEMENT OF ERD

Entities/ data objects.Attribute.RelationshipLink One to manyMany to many

ENTITYENTITY

This is the symbol use for Entity. An Entity is like a specific section in a system. It has attributes, which can also be referred as characteristics.

ATTRIBUTESATTRIBUTES

The prosperities or a characteristic of an entity is called Attribute.

RELATIONSHIPRELATIONSHIP

This is the symbol for relationship. A relationship is a link of similarity, if the entity has attribute(s) / characteristic (s) which is similar in both the entities then a relation can be established.

LINKLINK

This is the symbol for a link, An entity is linked to another entity with it. It first links to the relation symbol and then to the entity.

ONE TO MANYONE TO MANY

This symbol is for one to many. It is used when one entity has a primary key and the other is linked to it as a foreign key. A foreign can be many. So a primary key can be linked with many foreign key.

MANY TO MANYMANY TO MANY

This is for many to many. It is used when one entity has a more than one keys and the other is linked to it as a foreign key. A foreign can be many. So a primary key can be linked with many foreign keys.

DATABASE DESCRIPTIONDATABASE DESCRIPTION

TABLE ACADAMICS:

TABLE ACTIVITIES:

Field Type Null

A_id Int Not null

Name Text Not null

Description Varchar Not

Field Type Null

Ac_id Int No

Ac_name Text No

Ac_details Text No


TABLE ADMIN:

TABLE ALBUM:

Field Type Null

id Int No

user Varchar No

password Varchar No

Field Type Null

Album_id Int No

Name Varchar No

Description Varchar No

DATABASE DESCRIPTIONDATABASE DESCRIPTIONTABLE ALBUM PICTURE:

TABLE DISCIPLINES:

Field Type Null

pic Text No

Pic_name Text No

pictureid Int No

albumid Int No

Field Type Null

Fid Int No

Fname Varchar No


TABLE FACILITIES:

Field Type Null

Fac_id Int No

Fac_name Varchar No

Fac_description Text No

Pic1 Text No

Pic2 Text No

Pic3 Text No


TABLE FACULTY:

Field Type Null

pid Int No

fid int No

qualification Varchar No

Contact Varchar No

Pic Varchar No

Other Text No


TABLE STUDENTS:

Field Type Null

Sid Int No

Name Int No

Class Text No

Shift Text No

Cno Text No

Email Text No

Skill Text No

Other Text No


TABLE FEEDBACK:

TABLE NEWS:

Field Type Null

Fid Int No

Name Varchar No

Email Varchar No

Description Text No

Field Type Null

Nid Int No

Heading Varchar No

Details Text No

Date Date No


TABLE RESULT:

Field Type Null

Rid Int No

St_id Int No

Tmarks Int No

Omarks Int No


TABLE ST_ADDMISSION:

Field Type Null St_id Int No

St_aid Int No

St _name Varchar No

St_fname Varchar No

St_ gender Varchar No

St _address Text No

St_paddress Text No

St_contact Varchar No

St_religion Varchar No


TABLE ST_ACADEMICS:

Field Type Null Ac_id Int No

St_id Int No

Aca_exam Varchar No

Aca_year Varchar No

Aca_roll int No

Aca_marksobtained

int No

Aca_totalmarks int No

Aca_bise Varchar No

ENTITY RELATION-SHIP ENTITY RELATION-SHIP DIAGRAMDIAGRAM

DATA FLOW DIAGRAMDATA FLOW DIAGRAM

DATAFLOW: A data flow diagram is a graphical representation of the flow of

data through an information system. A data flow diagram illustrates the process, data stores, and external entities in business or other system and the connecting data flows.

EXTERNAL ENTITIES:

External entities are outside of the system being modeled. PROCESSES:

Processes modify the inputs in the process of generating the outputs.

DATA STORES:

Data stores represent a place in the process where data comes to rest.

DATA FLOWS:

Data flows are how the data moves between terminators, processes, and data stores.

DFD LEVEL 0DFD LEVEL 0

DFD LEVEL 1DFD LEVEL 1

DFD LEVEL 2

MODULAR DESIGN MODULAR DESIGN

Modular design occurs after data; architecture and interface have been established. In and world, the modular specification required to be define algorithmic details would be stated in a natural languages such as English because it easily under standable.

GENERAL FORM ENTRYGENERAL FORM ENTRY

DELETE MODULE

LOGIN MODULELOGIN MODULE

SEARCH MODULESEARCH MODULE

STATIC PART OF LPCMSTATIC PART OF LPCM

DYNAMIC PART OF LPCMDYNAMIC PART OF LPCM

SOFTWARE SELECTIONSOFTWARE SELECTION

Software selection is also very important because it depends upon the problem to be solved and also on the resources of the organization in which system has to be implemented. Software tools that I had used in my website development are:

WAMP: WAMPs are packages of independently-created programs

installed on computers that use a Microsoft Windows operating system.

CSS: Cascading Style Sheets (CSS) is a style sheet language

used to describe the presentation semantics (the look and formatting) of a document written in a markup language.


XHTML: XHTML (Extensible HyperText Markup Language) is

a family of XML markup languages that mirror or extend versions of the widely-used Hypertext Markup Language (HTML), the language in which web pages are written.

PHP: PHP is a general-purpose server-side scripting language

originally designed for web development to produce dynamic web pages. It is among of the first developed server-side scripting languages that are embedded into a HTML source document, rather than calling an external file to process data. PHP is installed on more than 20 million websites and 1millionwebservers.


JAVAScript: JavaScript is a prototype-based scripting language that is

dynamic, weakly typed and has first-class functions. It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles.

Adobe Photoshop 7.0: Designing software used to makes good design for your

website. It is used for designing banners, editing photos and images etc.

Xara webstyle 3.0: It is a design tool used for creating good buttons. It has

extend number of pre designed buttons, banners, bullets etc. Windows XP / VISTA / 7: These are operating systems used for running your website.

HARDWARE SELECTIONHARDWARE SELECTION

The minimum hardware required for this website on which it can run is:

SYSTEM Pentium-3 ( or High for good performance)

RAM 256 MB (or better)

HARD DISK 1 GB (or more for good performance)

Monitor Colored

VGA 32 MB( or better)

THE ENDTHE END

city guide

Documents

data gathering data

different data

data input

proposed system

required information

lpc mardan system analysis

new system

computerized system