1 ChapterIntroduction 1.1 IntroductionOurproject is about to design the sports news website exclusively for the sportsevent in COMSATS ATTOCK campus. Thiswebsite is a platform where students and the faculty can stay in knowledge withthe scores of each game being played in the campus. The uniqueness of our project is that eachdepartment statistics will be there along with overall situation of the games.In our project, there willbe an admin which will continuously update the scores on the website.
The sitefeatures are home, live scores, departments, matches, news, photos, videos andstatistics. · It includes the live update of thescores. This will help the faculty and students of all the departments to stayin knowledge with actual stats.· With the help of an admin, scoreswill be update continuously.1.
2 Objectives· The mainobjective of this project is to provide a platform where faculty and studentsof all the departments can see the games in which held the COMSATS ATTOCKcampus. · To providea setup to university students, professors and management team of the sportsevent where they can easily search the current scores, result and updates of thesports statistics. · Anotherobjective is to maintain the current and previous record of all the sportsevent of the COMSATS ATTOCK campus. 1.3 ProblemStatementThroughout theyears, there has been made an arrangements for the sports events in the COMSATSATTOCK campus.
The main event is “Sports week” which is held every semester. This is the main event inwhich students take part in the games and sports. These games and sportsinclude “FOOTBALL”, “CRICKET”, “BADMINTON”, “TABLETENNIS”, “BASKETBALL”, and”VOLLYBALL”. The problem is that the record in the sports week is taken inwritten form. There is no online official website or setup to upload thoserecords and where students and faculty can search for the live scores.1.4 ProposedSolutionThe solution of this problem is that there should be an official sportswebsite where all the scores of the sports event should be there.
So we came upwith this idea that why not we should develop a site where it is all aboutsports. The site we are going to develop will have friendly user interface. Itwill fill the entire requirement and solve the problem as it will provide aplatform where the students and professors can stay in knowledge with scoresupdates. 2 ChapterLiterature Review 2.1 Researchon Existing WebsitesWe initialize our projectby doing research on the current websites which are currently using for theuniversities. Here is one of them examples which is discussed below. 2.
1.1 Universityof CambridgeThis website is exclusively for thesports and sports event in Cambridge University. In this website each and everydetail is there of the students, teams and clubs. This website’s home includesEvents, news, about us, Gym membership, student sport, facilities and getinvolved.
It provides its visitors to search and go to the requested linksquickly. It allows the students and faculty to register them in the club, Gymor the team. · Surfingthe sports site Here is the interface ofthe website when we will surf the site of university of Cambridge. Figure?2.1 UserInterface of Sports Site · AcknowledgementWhenthe student or a teacher wants the membership in the Club or Gym then he/shewill fill the requirements that may need to register himself then webpage will automaticallysend notifications to the user’s mail. This mail will be the notification ofconfirmation of registration.
2.2 Sports Event in Comsats AttockOur system has a unique feature that it can beimplemented commercially having great efficiency and low cost in compare withother systems. Our website will also include home, live scores, departments,matches, news, photos, videos and statistics.
Each department fixtures andresult will be there on the web. 2.2.1 Thingsto initialize our project SportsEvent in Comsats AttockTheinitialization of our project starts with the study of few web pages which werebased on information of sports which are being play in COMSATS ATTOCK campus. Ourproject is similar to the web page which is discussed above. Our project is forour institute which is as same as the web page is for university of Cambridge. Westart our project with the help of adobe dream viewer. Withthe help of it we start working on our project through coding.
Hyper textmarkup language (Html) coding is done in our project. First of all we didprogramming for the main page which contains our user interface. That interfaceincludes “home”, “live score”, “matches”, “photo”, “video” and “stats”. Figure ?2.2 main source codeThismain source code simplifies the structure and user interface of the webpage. Navigationbar is build with the help of programming.
The categories of this bar are the same just like some of the famous sportweb pages. Thenext step is the addition of the photographs. Pictorial representation of thesports and the players is there in the index. The players are playing in different games and eventswhich are being held in the COMSATS ATTOCK campus are described in the photos.
These photos contain information of the events and sports. Figure ?2.3 Index code 2.2.2 ComparisonThe website thatwe are going to develop is different with others in aspect that it isexclusively for the sports news at campus level. It will upload the data of the games only forthe Attock campus. It will not only tell us about sports and games but willprovide us information about the events which may hold in the institute orbeing held in the COMSATS ATTOCK campus.
Our project covers every games which playing in the sports eventin COMSATS ATTOCK campus. 3 Chapter RequirementSpecification 3.1 RequirementsSpecification:Requirementspecification is a description of a system which is to be developed lying out functional and non-functionalrequirements .The major requirements for webpage are categories into functionaland non-functional requirements. 3.
1.1 FunctionalRequirements:Functional requirements arethe actual entities which are required to meet the user’s expectations from the system. It meansthat system should function as same as it is programmed to do so.· Live ScoreIn this live score of all the gameslike cricket,football,vollyball,basketball,tabletennisand bedminton is show to the user and this is the main functionality of ourproject.· Match ScheduleInthis user see the schedule of all theupcoming matches which is held in the sports event in the comsats attock. · StatusInthis show the records of all the matches and also show the records ofindividuals players of all the games.
3.1.2 Non-FunctionalRequirements:· Reliability It is the requirementwhich we need as non-functional requirement. It is very reliable for the user.
Interfaceof the web is very useful for the user.Its can not too much load to open anyfunctionality like live score,match schedule etc.· SecurityRequirements for anythingsoftware related typically state that it be secure. Security is the most need that we require for our project.Becauseit is the main medium through which need the user and admin in any project.Ourproject is very secure.In this only admin can enter and delete the record. 3.
2 Hardwareand software specifications:3.2.1 Hardwarespecification:· PC Laptop3.2.2 Softwarespecification:· HTML (Hyper Text Mark-up Language)· CSS· PHP · J query· My Sql 4 ChapterProject Design 4.
1 ProjectgoalsProject design describes that how the project logic involvesto link the resources and actions required to implement the project activitiesto their direct outputs and their eventual contribution to the overall projectgoal.4.2 MethodologyIn our project we use dreamviewer software for coding for the webpage. With the help of it we startworking on our project through coding. Hyper text mark up language (Html)coding is done in our project. First of all we did programming for the mainpage which contains our user interface. That interface includes “home”, “livescore”, “matches”, “photo”, “video” and “stats”. Figure ?4.
1 softwareto develop webpage4.3 Er Diagram: 4.4 Architecture overview4.4.
1 Use caseUser: 4.4.2Use Case Admin: 4.5 ACTIVITY DIAGRAM4.5.1 Admin ActivityDiagram: 4.5.
2 User Activity Diagram: 4.6 SEQUENCE DIAGRAM4.6.1 Sequencediagram for Admin: 4.6.2 Sequence Diagram for User: 4.7 DFDDIAGRAMLevel0: Level 1: 4.
8 Design description 4.8.1 Web Interface: Figure ?4.4 Web Interface 5 ChapterImplementation 5.1 ImplementationWe have developed the webpage forthe purpose for preventing the student and faculty from anxiety if they don’tknow any sport’s statistics or any information about sport event in theinstitute.
To provide the information to the visitors about on-going sportsevent and sport’s statistics, we developed the webpage for this purpose inseveral stages and according to the campus and user requirements. These stagesof development are as follows.5.2 DevelopmentStages5.2.1 Designingweb interfaceHypertextmark-up language (Html) coding is done in our project. First of all we didprogramming for the main page which contains our user interface.
Figure?5.1 Main page 5.2.2 LivescoreForthe live score button, the coding we have done is shown in the above figure. Inthis part it is designed that how the admin will update the information. Figure ?5.2 codingfor Live scoreThelive score button contains the matches information that are being play andwhich are recently completed. The scorecard of the matches will be updatedthrough admin.
Each and every single match of each game will be there in livescore button to provide information of the matches to the visitors. Thematches of football, cricket, badminton, volleyball and table tennis which maycompleted on that day will be considered and concluded as recently live matchesand hence will be shown there on the web page along with the live matches. 5.2.
3 MatchesIn matchessection, the matches which are scheduled on specific dates are there. Theinter-departmental matches in different games are shown there to let visitorknow with the kind of information he/she want to get. The schedule is shownthat on which days which match will start. Figure ?5.
3 codingfor matches schedule cricket match ; Footballmatch Mgt Sci. vs Comp Sci. ; comp sci. vs elec shocks01:30 PM
2.4 Video Figure ?5.4 codingfor videoTheabove figure is all about the coding of video clips of the matches and eventsthat may hold in the campus. In this coding each game is categorized with thename and description. These video clips are just the graphics about the actualmoments of the game and event that are being play in the campus.
5.2.5 StatisticsStatisticbutton describes the actual standing, ranking, scores and points . It provides the information of theindividuals players of each game. In football game a player stats will behis/her goals, assists and ranking.
Cricket player stats will bethat how many man of the match awards that player has won. How many runs he/shehas scored? What is his/her standings? Similarly the player of volleyball statswill be his/her points and serves. Figure ?5.5 statistics 5.
2.6 Userinterface Figure ?5.6 user interface Figure?5.7 user interface Figure ?5.8 user interface 6 ChapterTesting 6.
1 TestingTest plan outline the strategiesthat will be used to test our project. Testing is very important in which it istested that whether the proposed system is working properly or not. Testing isdone because of the fact that to verify the project is fulfil the userrequirements or not.
We have tested our project time to time and fortunatelysucceed in developing our project without facing any problem.6.1.1 Unit TestingIt is testing technique usingwhich individual modules are treated to determine if there are any issue by thedeveloper himself. Each component which is involved in our project is testedwhile being developed to verify that is being developed according to the userspecification and requirements. The testing is done by every parts of project.
The main components of our project are to show the live score of every gamewhich is played in the sports week in COMSATS ATTOCK campus.6.1.2 Function TestingAfter integrating the system,testing was done on every task to verify whether the function work properly ornot. Case Test case name Expection Actually Pass/fail 1 Log in Admin log in Admin log in pass 2 Admin Update Record Record Update Record Update Pass 3 Live Score Score Show Score Show Pass 4 Schedule User See the Schedule User See the Schedule Pass 6.2 ObjectiveThe objective of testing wasto make sure that all the components are function properly and are workingaccording to requirements and to make sure that we must bid flawless systemotherwise user will not come across any error while using the system.6.3 Function to be testedThe function which were testedare· Admin Log in· Live scoring· Stats 7 ChapterConclusions& Future Work ConclusionsWehave successfully completed our project with the help of using HTML, PHP, MYSQLand CSS as explained above.
At the end we successfully controlled the dataupload and update. This project can be easily modified. The matches of football,cricket, badminton, volleyball and table tennis which may completed on that daywill be considered and concluded as recently live matches and hence will beshown there on the web page along with the live matches. 7.1 FutureWorkIn future if we work onthis project than there could be improvement possible.
There are few ideas infuture where this project could be used.7.1.
1 Deploymentin UniversitiesIn future our web sitecan be used in various universities for sharing any information or notificationwith students. All they have to do is the change the name of institute in thecoding.7.1.2 Deploymentin Organization/instituteIn Future this projectcan be deployed in any organization/institute. Any organizations want to deploythis project in the company or institute ; they have a nice opportunity toavail it. Because it not costly.
It is much more reliable.