Sale!
Placeholder

Creating An Interactive Campus Map Using Web Graphics

10,000 3,000

73 Pages | chapter 1-5 | PDF and Microsoft Format

Topic Description

Creating An Interactive Campus Map Using Web Graphics

Summary/abstract
The aim of this project is to investigate the potential of Web graphics, in particular SVG, to create a Web-based interactive campus map for the University of Leeds. The current campus map is somewhat undesirable and lacks many features which would be beneficial to users.
The solution to the problem is an SVG-based interactive map underpinned by a database and incorporating scripting and animation. The database is utilised as a data store for all implemented locations in the campus. This stored information is retrieved via a number of scripts and presented to the user.
A number of criteria were defined in order to evaluate the project. The system performed well in the majority of these criteria and can therefore be viewed as a success. For example, the minimum requirements were exceeded. However, despite these achievements there is still room for improvement.
This report details the stages involved in producing the project, from the commencement and understanding of the problem to the production of a solution and evaluation.

Table of Contents
Chapter 1 – Introduction 1
1.1 Statement of the Problem 1
1.2 Existing Solutions 2
1.2.1 Traditional Maps 2
1.2.2 University of Leeds – Electronic Map 2
1.3 The Proposed New System 3
1.3.1 Aim 3
1.3.2 Features of the System 3
1.3.3 System Requirements 4
1.3.3.1 Minimum Requirements 4
1.3.3.2 Possible Extensions 4
1.3.3.3 Functional Requirements 5
1.3.3.4 Non-functional Requirements 5
1.3.4 Deliverables 5
1.3.5 Process Methodology 6
1.3.6 Development Methodology 6
1.3.7 Project Schedule 8
1.3.7.1 Mid-project Schedule 8
1.3.7.2 Revised Project Schedule 8
Chapter 2 – Technology Research 10
2.1 Background to SVG 10
2.2 History of SVG 11
2.3 Other Relevant Web Graphics 11
2.3.1 MPEG 11
2.3.2 JPEG 12
2.4 Alternatives to SVG 12
2.4.1 Active Maps 12
2.4.2 VRML/X3D 13
2.4.3 Flash 14
2.4.4 Comparison of Technologies 14
2.5 Why Choose SVG? 15
iv
Chapter 3 – Design 16
3.1 The Image 16
3.2 The Interface 16
3.3 Scripting 17
3.4 Animation 18
3.5 The Database 18
3.5.1 Entity-Relationship Modelling 18
3.5.1.1 Entity-Relationship Identification 18
3.5.1.2 Entity Attributes 19
3.5.1.3 The Final Model 20
3.5.2 Table Schemata 21
3.5.3 Normalisation 21
3.5.4 Integrity Constraints 22
3.6 The Web-based Approach 22
3.6.1 WWW Application Structure 22
3.6.2 WWW Client-Server Architecture 22
3.6.2.1 Thin-Client/Fat-Server Architecture 23
3.7 Web Interface Design 24
3.8 Application Considerations 25
3.8.1 Data Layer 25
3.8.2 Application Layer 25
3.9 Changes Made to the Design 26
Chapter 4 – Implementation 27
4.1 Software Tools 27
4.2 Recording Changes 28
4.3 The Prototype 28
4.4 The Database 30
4.4.1 Automated Incrementing 30
4.5 JavaScript Functions – campus.js 31
4.6 Index Page – map.htm 31
4.7 The Map – campus.php 32
4.8 The Legend – campus_legend.svg 32
4.9 Location Information – get_db.php 33
4.10 Location Manipulation Page – add_data.php 34
4.11 Security 35
v
Chapter 5 – Testing 37
5.1 Unit Testing 37
5.1.1 Test Plan 37
5.2 System Testing 39
5.3 Acceptance Testing 40
5.3.1 SVG Viewer Incompatibilities 40
5.4 Performance Testing 40
Chapter 6 – Evaluation 41
6.1 Satisfaction of System Requirements 41
6.1.1 Minimum Requirements 41
6.1.2 Extensions to Requirements 42
6.1.3 Functional Requirements 42
6.1.4 Non-functional Requirements 43
6.2 Evaluation against Existing Systems 44
6.3 Evaluation against Technical Criteria 45
6.3.1 Reliability of the System 45
6.3.2 Maintainability of the System 45
6.3.3 System Security 45
6.4 Evaluation against Usability Criteria 46
6.4.1 Guessability of the System 46
6.4.2 Learnability of the System 47
6.4.3 Experienced User Performance (EUP) 47
6.4.4 Re-usability of the System 48
6.5 User-based Evaluation of the System 48
6.5.1 Interviews 48
6.5.1.1 The Process 48
6.5.1.2 The Results 48
6.5.2 Physical Task 49
6.6 Suggestions for Future Enhancements 49
References 51
Appendix A – Personal Reflection 53
Appendix B – Example Code 55
Appendix C – Interviews

GET COMPLETE PROJECT