The main goal of this project is to create an efficient digital student platform with features where students will be able to keep track and organize their tasks and events, and can also serve as a student portal in which they will be able to view their grades, taken courses, and teachers. This is done to maximize student productivity and efficiency by utilizing modern web technologies to create a web-based application that would serve this purpose.
Another goal of this project is to increase practical knowledge and improve technical expertise using modern web development tools and technologies currently used in the industry. These include web frameworks such as the PHP framework Laravel and the JavaScript framework Vue.js, both of which will be researched and utilized in the construction of this project. This objective is executed by designing and implementing the student platform web-based single-page application mentioned above while learning and using the modern web development tools to gain technical skills and knowledge at the same time, both of which will be very valuable for years to come for future endeavors in the web development industry.
Table of Contents
CHAPTER I - INTRODUCTION
1.1 GOALS AND OBJECTIVES
1.2 MOTIVATION
1.3 OVERVIEW AND TECHNICAL AREA
1.4 OVERVIEW OF THE PAPER
1.5 PROBLEM STATEMENT
CHAPTER 2 - REQUIREMENT ANALYSIS
2.1 FUNCTIONAL REQUIREMENTS
2.2 NON-FUNCTIONAL REQUIREMENTS
2.3 USE CASE DIAGRAM
CHAPTER 3 - LITERATURE REVIEW
3.1 SYSTEM RESEARCH
3.1.1 MyStudyLife
3.1.2 My School Portal
3.2 TECHNOLOGIES CHOSEN
3.2.1 Laravel
3.2.2 Vue.js
3.2.3 Bootstrap
3.2.4 Other Libraries and Packages
3.2.5 MySQL
3.2.6 Single-Page Application
CHAPTER 4 - SYSTEM DESIGN
4.1 PAGE STRUCTURE
4.2 DATABASE DESIGN
CHAPTER 5 - SYSTEM IMPLEMENTATION AND RESULTS
5.1 STUDENT PANEL
5.2 ADMIN PANEL
CHAPTER 6 – TESTING
6.1 AUTHENTICATION AND SECURITY
6.2 STUDENT PANEL TESTING
6.3 ADMIN PANEL TESTING
CHAPTER 7 - CONCLUSION AND FUTURE SCOPE
7.1. CONCLUSION
7.2. FUTURE SCOPE
Objectives and Thematic Focus
This project aims to design and implement an efficient, centralized web-based student platform to maximize student productivity by enabling task management and access to academic information. The platform serves as a unified system, replacing fragmented manual records and disconnected third-party applications with an integrated planner and school portal.
- Development of a student-centered digital planner for managing tasks, exams, and events.
- Integration of a school portal for viewing academic grades, course data, and teacher information.
- Implementation of an administrative panel to manage student accounts and academic data.
- Utilization of modern web technologies including Laravel, Vue.js, MySQL, and Bootstrap.
Excerpt from the Book
3.2.1 Laravel
Laravel is a free and open-source web application framework created by Taylor Otwell for the server-side scripting language PHP (PHP: Hypertext Preprocessor) [13]. A framework provides existing, generic functionalities that are reusable to a specific software, application, or programming language [2]. Frameworks are used to speed up the development process by allowing developers to reuse these existing functionalities given by the framework instead of having to code everything again from scratch. Frameworks also provide other additional features that enables developers to explore new functionalities that may not be present natively on the original software.
PHP is a scripting language now commonly used for back-end web development [1]. Created by Rasmus Lerdorf in 1994 , PHP claims to be a fast, flexible, and pragmatic server-side scripting language, and currently powers 78.3% of all the websites whose server-side programming language is known, according to usage statistic reports by w3techs.com [3]. PHP is utilized to transform static web pages in HTML into dynamic web pages, which are web pages dynamically constructed by processed scripts that come from a web server[5]. (Beighley & Morrison, 2009) elaborates on this by stating that PHP allows you to manipulate web page content on the server right before the page is delivered on the client browser, dynamically generating HTML web pages on the fly. The PHP script runs on the server and can modify or generate HTML code at will, hence the term, server-side scripting.
Summary of Chapters
CHAPTER I - INTRODUCTION: This chapter defines the project goals, the motivation behind creating an integrated student platform, and outlines the technical scope of the work.
CHAPTER 2 - REQUIREMENT ANALYSIS: This section details the functional and non-functional requirements of the system and introduces the use case diagram.
CHAPTER 3 - LITERATURE REVIEW: This chapter reviews existing student applications and provides the justification for choosing the specific web technologies (Laravel, Vue.js, MySQL) used in the project.
CHAPTER 4 - SYSTEM DESIGN: This section outlines the structural design of the platform pages and the underlying entity-relationship model of the database.
CHAPTER 5 - SYSTEM IMPLEMENTATION AND RESULTS: This chapter presents the functional outcome of the project, including screenshots and explanations for the student and admin panels.
CHAPTER 6 – TESTING: This chapter details the black-box testing process, including test cases for authentication, navigation, and user-specific functionalities in both panels.
CHAPTER 7 - CONCLUSION AND FUTURE SCOPE: This chapter concludes the project findings and proposes potential future enhancements, such as a teacher’s panel and GPA calculator.
Keywords
Student platform, web application, Laravel, Vue.js, MySQL, Bootstrap, Single-page application, student planner, academic management, information system, software development, black-box testing, database design, user interface, efficiency.
Frequently Asked Questions
What is the core purpose of this project?
The primary goal is to create an efficient, centralized web-based student platform that combines a student planner with a school portal, helping students organize tasks, view grades, and manage course data effectively.
What are the primary thematic areas of the system?
The system focuses on two main areas: student-facing features for task and agenda management, and administrative features for managing users, academic grades, and course assignments.
What is the central research question?
The research explores how the integration of student planner functionalities and school portal data into a single, high-performance web application can maximize student productivity and efficiency.
Which methodologies are employed in this work?
The project follows a software development life cycle, utilizing black-box testing to ensure that the platform behaves correctly from a user perspective across all integrated components.
What content is included in the main chapters?
The main chapters cover the requirements analysis, literature research, choice of technology stack, architecture and database design, practical implementation, and comprehensive system testing.
Which keywords best characterize this research?
The research is characterized by terms such as Laravel, Vue.js, Single-page application, student platform, and academic management systems.
How does the admin panel differ from the student panel?
The admin panel is designed for system administrators to manage and modify global data, including user accounts, school majors, course information, and individual student grades, whereas the student panel is restricted to the specific student's data.
What role does the Single-Page Application (SPA) design play?
The SPA architecture is utilized to provide a seamless user experience with faster transitions and a modern interface, allowing data to be loaded dynamically without requiring full page refreshes.
How are teachers linked to courses?
Teachers are linked to courses through a dedicated 'Courses Taught' configuration page in the Admin Panel, which allows administrators to assign one or multiple teachers to any given course.
- Citar trabajo
- Mohamad Aziz (Autor), 2020, Design and Implementation of a Web-based Student Platform Single Page Application, Múnich, GRIN Verlag, https://www.grin.com/document/916249
