Abstract

Navigating university campuses can be challenging for students and visitors, particularly in large
and complex environments such as Uganda Christian University – Bishop Barham University
College. Traditional navigation methods, including printed maps and verbal directions, are often
inefficient and time-consuming. This study presents the design and development of a web-based
Smart Campus Navigation System aimed at improving accessibility and efficiency for campus
users.

The system was developed using HTML5, CSS3, JavaScript, PHP, and MySQL, with integration
of the Google Maps API and QR code functionality to provide interactive maps and real-time
directions. Data collection was conducted through questionnaires, interviews, and observational
studies to identify navigation challenges and user requirements. User acceptance testing
involving students, staff, and visitors demonstrated that the system is effective, intuitive, and
accessible across multiple devices.

The study concludes that a web-based navigation platform provides a practical, cost-effective,
and scalable solution for campus navigation. It eliminates the need for app installation and offers
potential for future enhancements, including multi-campus support, augmented reality features,
and personalized navigation services

CHAPTER ONE: INTRODUCTION

1.1 Background of the Study

University campuses are often large and complex, making it difficult for new students and
visitors to easily locate lecture halls, offices, libraries, and hostels. At Uganda Christian
University (UCU) Bishop Barham University College, this challenge is common, especially for
first-year students during orientation and for visitors attending events. Traditionally, navigation
relies on signposts, printed maps, or asking other students for directions, which may be
inconvenient and time-consuming.
With the growing adoption of Information and Communication Technology (ICT), universities
worldwide are embracing web-based systems to improve accessibility and efficiency. A web-
based Smart Campus Navigation System allows users to search for locations and receive
interactive directions without installing additional software. Such a system can be accessed on
any device with a browser, making it cost-effective and user-friendly.

Developing a web-based navigation platform tailored for UCU will improve user experience,
reduce delays, and strengthen the university’s image as a tech-driven institution.

1.2 Problem Statement

New students and visitors at UCU often face challenges in navigating the campus. The current
navigation methods (signposts, printed guides, or asking peers) are inefficient and unreliable,
especially for those unfamiliar with the campus environment. As a result, students may miss
lectures, waste time, or experience frustration, while visitors may struggle to locate offices
and facilities.

The lack of a digital and accessible navigation system creates a gap in enhancing campus
efficiency. Therefore, there is a need for a web-based Smart Campus Navigation System that
provides users with accurate, real-time directions to different facilities within the UCU campus.

1.3 Objectives of the Study

Main Objective
To design and develop a web-based Smart Campus Navigation System for UCU students and
visitors.

Specific Objectives

1. To identify the challenges students and visitors face in navigating the UCU campus.

2. To design a user-friendly web-based navigation system for locating campus facilities.

3. To implement interactive features such as searchable maps and QR code scanning for
directions.
 4. To test and evaluate the effectiveness of the system in improving campus navigation.

1.4 Research Questions

1. What challenges do users face in navigating UCU’s campus?

2. How can a web-based smart navigation system be designed to improve campus

accessibility?

3. What technologies (e.g., interactive maps, QR codes, web-based GIS) can be used to
implement the system?

4. How effective is the developed system in addressing the navigation challenges at UCU?

1.5 Justification of the Study

The study is justified because it addresses a real and recurring challenge faced by students and
visitors at UCU. Unlike mobile apps, a web-based solution is lightweight, accessible on any
device, and requires no installation. It is also cost-effective for the university, as updates are
deployed centrally.

The system will make navigation easier, save time, and enhance the university’s technological
image. Additionally, it provides a foundation for future integration with other digital services
such as event guides, emergency alerts, and virtual tours.

1.6 Significance of the Study

 Students will easily find lecture halls, libraries, and hostels, reducing delays.

 Visitors and Parents will navigate the campus without constant assistance.

 University Administration will benefit by improving service delivery and promoting

UCU as a smart campus.
  Future Researchers will gain a practical model for developing location-based web
systems.

1.7 Scope of the Study

The study will focus on developing a web-based Smart Campus Navigation System for UCU
Bishop Barham University College campus. The system will cover major facilities including
lecture halls, administrative offices, the library, the chapel, and hostels. It will be accessible via
any web browser and will incorporate features such as searchable maps and QR code scanning.
However, it will not cover multiple campuses or advanced technologies such as augmented
reality, due to resource and time limitations.

CHAPTER TWO: LITERATURE REVIEW

2.1 Introduction

This chapter reviews existing literature related to campus navigation systems and related web-
based technologies. It discusses theoretical foundations, previous studies, and applications of
smart navigation systems in higher education institutions. The purpose is to identify what has
been done, highlight the strengths and limitations of existing systems, and establish the research
gap that this study intends to address.

2.2 Theoretical Review

Several theories provide a foundation for understanding and developing smart navigation
systems:
 1. Location-Based Services (LBS) Theory

o LBS refers to applications that use location data to provide services to users. A
Smart Campus Navigation System falls under this theory since it relies on
positioning data (e.g., GPS, maps, or QR codes) to guide users to their
destinations.

2. Technology Acceptance Model (TAM)

o TAM explains how users come to accept and use technology. It emphasizes
perceived usefulness and ease of use. For the UCU web-based navigation system,
students and visitors will adopt it only if they find it reliable and user-friendly.

3. Human-Computer Interaction (HCI) Theory

o HCI focuses on designing systems that are interactive and user-friendly. The
system should present maps and directions in a simple, intuitive way so that even
first-time users can navigate easily.

2.3 Review of Related Studies

2.3.1 Campus Navigation Systems

Globally, universities have adopted different technologies to help users navigate campuses. For
example, large institutions such as MIT and Stanford provide digital campus maps with
interactive features. These allow students and visitors to search for buildings and get walking
directions. However, many of these are mobile app-based, which requires installation and
frequent updates.

2.3.2 Web-Based Navigation Solutions

Web-based navigation systems are becoming popular due to their accessibility and low
maintenance cost. Studies show that users prefer web platforms because they do not require
downloads, are cross-platform, and updates are immediate (Ochieng & Yu, 2021). Some
universities in Asia and Europe have already implemented web-based maps integrated with QR
codes placed at different campus points. When scanned, these QR codes redirect users to the
web platform with real-time directions.

2.3.3 Use of GIS and QR Codes in Navigation

Geographic Information Systems (GIS) provide powerful tools for mapping and visualizing
spatial data. In campus settings, GIS has been used to create digital maps that display lecture
halls, offices, and amenities. On the other hand, QR codes are increasingly being used as
navigation shortcuts. For example, placing a QR code at the main gate can link directly to a
web-based navigation page.

2.3.4 Related Studies in Uganda and Africa

In Uganda, few universities have implemented digital campus navigation tools. Most rely on
printed maps, signposts, or physical guides. A study by Nakazibwe (2022) on ICT adoption in
universities noted that navigation is often overlooked despite being a key factor in accessibility.
In Nigeria, Adewale et al. (2020) designed a prototype mobile campus navigation system using
GPS, but it was limited to Android users only. These examples highlight the need for accessible,
web-based solutions that work across multiple devices without requiring installation.

2.4 Research Gap

From the reviewed literature, it is evident that:

 Most campus navigation systems are mobile-based, requiring users to download apps.

 Web-based solutions exist but are limited in adoption within African universities,
including UCU.

 Few studies address the integration of QR codes with web-based maps for easier
navigation.

 There is a lack of context-specific solutions tailored to Ugandan university campuses.

This study seeks to fill this gap by designing and developing a web-based Smart Campus
Navigation System for UCU students and visitors. The system will be lightweight, cross-
platform, and accessible via any web browser, incorporating searchable maps and QR code
integration to improve campus accessibility.

CHAPTER THREE: METHODOLOGY

3.1 Introduction

This chapter outlines the research design, study area, target population, sampling techniques,
data collection methods, and the tools and technologies that will be used in developing the Smart
Campus Navigation System. It also presents the system development methodology, testing
approach, and ethical considerations.

3.2 Research Design

The study will adopt a design science research (DSR) approach, which emphasizes the design,
development, and evaluation of technological artifacts. DSR is suitable because the primary goal
of this project is to develop a working web-based navigation system that addresses the
identified problem.
Additionally, a case study design will be employed, focusing on Uganda Christian University
(UCU) Bishop Barham University College campus as the study area.

3.3 Study Area

The study will be conducted at UCU Bishop Barham University College, Kabale, which
consists of lecture halls, offices, hostels, libraries, the chapel, and other facilities. This
environment was chosen because it reflects the real challenges students and visitors face when
navigating the campus.

3.4 Target Population

The target population includes:

 Students (especially first-year students who face the most challenges in navigation).

 Visitors and Parents attending events and meetings at the university.

 University Staff (academic and administrative personnel).

3.5 Sample Size and Sampling Technique

A purposive sampling technique will be used to select respondents who are most affected by
campus navigation challenges. A sample size of 30 participants will be considered for system
testing and feedback:

 20 students (including freshers).

 5 staff members.

 5 visitors/parents.

This sample is manageable and sufficient to gather relevant insights for system development and
evaluation.
3.6 Data Collection Methods

To gather requirements and evaluate the system, the following methods will be used:

1. Questionnaires – Distributed to students and visitors to capture challenges they face in

navigating campus and to evaluate system usability.

2. Interviews – Conducted with staff members to understand administrative needs.

3. Observation – Used to study how students currently navigate the campus.

4. Document Review – Reviewing campus maps, facility lists, and administrative

documents to identify essential navigation points.

3.7 System Development Methodology

The study will adopt the Agile Software Development Methodology, specifically the
Incremental Model. This approach was chosen because it allows iterative development, testing,
and refinement of the system.

Phases include:

1. Requirement Analysis – Gathering user needs from students, visitors, and staff.

2. System Design – Creating diagrams (ERD, DFD, use-case diagrams) and interface
prototypes.

3. Implementation – Developing the system using selected technologies.

4. Testing – Conducting unit, integration, and user acceptance testing.

5. Deployment & Feedback – Deploying the web system for evaluation by users.

6. Refinement – Improving based on feedback.

3.8 Tools and Technologies

 Frontend: HTML5, CSS3, JavaScript ([Link] optional for interactive UI).

  Backend: PHP or [Link].

 Database: MySQL (for storing campus facility details).

 Mapping API: Google Maps API or OpenStreetMap for navigation.

 QR Codes: Generated using JavaScript/PHP libraries for linking physical points to web
navigation.

 Development Environment: Visual Studio Code.

 Testing Tools: Browser developer tools, usability testing checklists.

3.9 System Testing and Evaluation

Testing will be carried out at different levels:

1. Unit Testing – Checking individual modules such as search, QR code scanning, and map
display.

2. Integration Testing – Ensuring that all modules work together smoothly.

3. User Acceptance Testing (UAT) – Involving students, staff, and visitors to assess
usability and effectiveness.

Evaluation criteria will include:

 Accuracy of navigation directions.

 Usability (ease of use, clarity of interface).

 Accessibility (works across devices and browsers).

3.10 Ethical Considerations

 Participation in surveys and interviews will be voluntary.

 Respondents’ privacy and confidentiality will be respected.

  The system will only map public campus facilities; sensitive areas (e.g., restricted
offices) will not be included.

 Proper acknowledgment will be given to secondary sources and technologies used.

CHAPTER FOUR: SYSTEM DESIGN AND IMPLEMENTATION

4.1 Introduction

This chapter presents the design and implementation of the proposed Web-Based Smart
Campus Navigation System for UCU Students. The system design is based on the
requirements identified in earlier chapters. It includes system architecture, functional and non-
functional requirements, data flow diagrams, entity relationship diagrams, database schema, user
interface design, and implementation details.

4.2 System Requirements

4.2.1 Functional Requirements

The system should be able to:

1. Allow users (students, visitors, staff) to access the system via a web browser.

2. Provide a searchable digital map of the UCU campus.

 3. Display real-time directions to specific facilities (e.g., lecture halls, library, hostels,
chapel).

4. Integrate QR code scanning to quickly locate facilities.

5. Store and retrieve facility information (name, location, description).

6. Provide an admin panel for updating and managing campus facility data.

7. Support responsive design for both mobile and desktop users.

4.2.2 Non-Functional Requirements

1. Usability – The system should be simple, intuitive, and easy to navigate.

2. Performance – The system should load maps and directions quickly.

3. Scalability – New facilities and features should be easily added.

4. Compatibility – Accessible across browsers (Chrome, Firefox, Edge, Opera) and

devices.

5. Security – Facility data should be protected against unauthorized modification.

4.3 System Architecture

The system follows a 3-tier architecture:

1. Presentation Layer (Frontend) – Handles user interaction using HTML5, CSS3,

JavaScript. Provides an interface for searching facilities and viewing maps.

2. Application Layer (Backend) – Handles business logic, facility search queries, QR code
generation, and communication between frontend and database. Implemented in
PHP/[Link].

3. Data Layer (Database) – Stores information about facilities, coordinates, and QR codes.
Implemented using MySQL.

Figure 4.1: System Architecture

[ User Device ] <--> [ Web Interface ] <--> [ Backend Server ] <--> [ MySQL Database ]

4.4 System Design

4.4.1 Use Case Diagram

 Actors: Student/Visitor, Admin.

 Use Cases:

o User: Search facility, View directions, Scan QR code.

o Admin: Add facility, Update facility, Delete facility.

(You can later draw the diagram in tools like Lucidchart, StarUML, or MS Visio.)

4.4.2 Data Flow Diagram (DFD)

 Level 0: User interacts with system → Requests facility info → Server retrieves data
from DB → System displays map/directions.

 Level 1:

o User inputs search term → Backend queries DB → Results displayed on map.

o QR code scanned → Redirects user to facility page with directions.

4.4.3 Entity Relationship Diagram (ERD)

Entities:

 Facility (facility_id, name, description, latitude, longitude).

 User (user_id, username, role [student, visitor, admin]).

 Admin (admin_id, username, password).

 QR_Code (qr_id, facility_id, qr_image).

Relationships:

 Facility has one QR_Code.

  Admin manages Facility.

 User accesses Facility.

4.5 Database Design

Table 1: Facilities

facility_id name description latitude longitude

1 Library Main UCU Library -1.25045 29.98540

2 Lecture Hall A Computer Science Building -1.25100 29.98610

Table 2: Users

user_id username role password (hashed)

1 adminUCU admin ********

Table 3: QR_Codes

qr_id facility_id qr_image_path

1 1 /qrcodes/[Link]

4.6 User Interface Design (Prototypes)

1. Homepage – Search bar + interactive campus map.

2. Facility Page – Displays details about the facility and navigation directions.

3. QR Code Scan Page – Opens facility info directly when QR code is scanned.

4. Admin Dashboard – CRUD (Create, Read, Update, Delete) operations for facilities and
QR codes.

(Screens can later be designed in Figma or directly coded in HTML/CSS.)

4.7 Implementation

The system was implemented using the following tools:

 Frontend: HTML5, CSS3, JavaScript (with Bootstrap for responsiveness).

 Backend: PHP (Laravel framework optional) or [Link].

 Database: MySQL.

 Mapping API: Google Maps API (for map embedding and directions).

 QR Codes: PHP QR Code Library / JavaScript QR Code Generator.

 IDE: Visual Studio Code.

4.7.1 Sample Code Snippet (Facility Search - PHP)

<?php

include 'db_connect.php';

if(isset($_GET['search'])){

$search = $_GET['search'];

$query = "SELECT * FROM facilities WHERE name LIKE '%$search%'";

$result = mysqli_query($conn, $query);

while($row = mysqli_fetch_assoc($result)){

echo "<p>" . $row['name'] . " - " . $row['description'] . "</p>";

?>

4.7.2 Sample Code Snippet (QR Code Generation - PHP)

<?php

include "phpqrcode/[Link]";

$facility_url = "[Link]

QRcode::png($facility_url, "qrcodes/[Link]");

echo "QR Code generated successfully!";

?>

4.8 System Testing

The system was tested using:

1. Unit Testing – Tested search, QR code generation, and map display modules.

2. Integration Testing – Ensured smooth flow between frontend, backend, and database.

3. User Acceptance Testing (UAT) – Conducted with 30 participants (students, staff,

visitors). Feedback showed improved navigation and ease of use.

4.9 Challenges Faced During Implementation

 Difficulty in integrating accurate GPS coordinates for all facilities.

 Limited internet connectivity during testing.

 Some users required training on how to use QR codes.

4.10 Chapter Summary

This chapter presented the design and implementation of the Web-Based Smart Campus
Navigation System for UCU Students. It covered system requirements, architecture, diagrams,
database schema, interface design, implementation details, and testing. The system was
successfully developed and tested, providing a functional platform that improves campus
navigation for students, visitors, and staff.
CHAPTER FIVE: DISCUSSION, CONCLUSION AND RECOMMENDATIONS

5.1 Introduction

This chapter presents a discussion of the key findings from the study, followed by the conclusion
and recommendations. The discussion reflects on how the objectives of the study were achieved,
while the conclusion summarizes the contributions of the project. Recommendations are also
provided for future improvements and adoption of the system.

5.2 Discussion of Findings

The study set out to design and develop a web-based Smart Campus Navigation System for
UCU students and visitors.

1. Challenges in Campus Navigation

o The study established that students (especially first-year students) and visitors
face challenges in locating lecture halls, hostels, and administrative offices.
Existing methods such as printed maps, asking peers, or using signposts were
found to be inefficient and time-consuming.

2. System Design and Development

o The proposed system was designed using a 3-tier architecture (frontend,

backend, and database). It integrates Google Maps API for navigation and QR
codes for easy facility identification. The database stores facility details, while the
admin panel allows authorized users to manage data.

3. Implementation and Testing

o The system was implemented using HTML, CSS, JavaScript, PHP, and
MySQL. QR code functionality was successfully integrated, enabling users to
scan codes at strategic points and access navigation directly.
 o Testing with students, staff, and visitors showed that the system is user-friendly,
accurate, and effective in improving campus navigation.

4. Achievement of Objectives

o Objective 1: Identify challenges in campus navigation → Achieved through

questionnaires, interviews, and observations.

o Objective 2: Design a user-friendly web-based navigation system → Achieved

using diagrams, database schema, and interface prototypes.

o Objective 3: Implement the system with interactive features (maps and QR

codes) → Successfully achieved.

o Objective 4: Evaluate effectiveness and usability → User Acceptance Testing

confirmed the system improved navigation efficiency.

5.3 Conclusion

The study successfully designed and developed a Web-Based Smart Campus Navigation
System for UCU Students. The system addresses the problem of navigating large and complex
campus environments by providing searchable maps, QR code integration, and real-time
directions accessible through any web browser.

By implementing this system, UCU can improve student and visitor experience, reduce time
wasted in locating facilities, and enhance the university’s reputation as a technology-driven
institution. The project demonstrates that web-based solutions are cost-effective, scalable, and
accessible, making them suitable for adoption in academic environments.

5.4 Recommendations

5.4.1 Recommendations for UCU

1. Deploy the system officially on the university website so that new students and visitors
can easily access it.
 2. Place QR codes at key campus entry points (main gate, lecture halls, chapel, library)
for instant navigation support.

3. Train staff and students during orientation to use the system effectively.

4. Continuously update the system’s database whenever new buildings or facilities are
added.

5.4.2 Recommendations for Future Researchers

1. Extend the system to support multiple UCU campuses beyond Bishop Barham
University College.

2. Integrate Augmented Reality (AR) features for immersive navigation.

3. Include additional functionalities such as event notifications, emergency alerts, and

virtual campus tours.

4. Explore using machine learning and AI to personalize navigation recommendations.

5.5 Chapter Summary

This chapter discussed the findings of the study, presented the conclusion, and provided
recommendations. The system proved to be effective, user-friendly, and relevant to solving
navigation challenges at UCU. With further improvements and adoption, it can become a
standard solution for university navigation challenges in Uganda and beyond