-
Design And Implementation Of A Student Chat Information System
APPENDIX A -- [Total Page(s) 2]
Page 1 of 2
-
-
-
APPENDIX I
Program Codes Listing
LOGIN CODE
<!DOCTYPE html>
<html ng-app="eApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>E-Learning | Log in</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user- scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<linkrel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<linkrel="stylesheet"
href="/bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="/bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="/dist/css/AdminLTE.min.css">
<!-- iCheck -->
<link rel="stylesheet" href="/plugins/iCheck/square/blue.css">
<link rel="stylesheet" href="/animate.css">
<link rel="stylesheet" href="/custom.css">
<link rel="stylesheet" href="/lib/dist/ngToast-animations.css">
<link rel="stylesheet" href="/lib/dist/ngToast.css">
<link href="/lib/angular-csp.css" rel="stylesheet">
<style type="text/css">
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
.formError{
color: red;
}
</style>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries-->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body ng-cloak class="hold-transition ng-cloak login-page" ng- controller="loginCtrl">
<toast></toast>
<div class="login-box">
<div class="login-logo">
<a href="/student"><b>E-</b>Learning</a>
</div>
APPENDIX A -- [Total Page(s) 2]
Page 1 of 2
-
-
ABSRACT - [ Total Page(s): 1 ] ... Continue reading---
APPENDIX B - [ Total Page(s): 2 ] ... Continue reading---
CHAPTER ONE - [ Total Page(s): 3 ]CHAPTER ONE INTRODUCTION1.1 Background of studyDistance education emerged in response to the need of providing access to those who were not able to participate in face to face courses. It includes those programs that allow the learner and instructor to be physically apart during the learning process and maintain communication in a variety of ways. Keegan (2006). Technology has played a key role in changing the dynamics of each delivery option over the years as well as the pedagogy behind d ... Continue reading---
CHAPTER TWO - [ Total Page(s): 4 ]CHAPTER TWO LITERATURE REVIEW2.1 History of distance learningDistance education dates back to at least as early as 1728, when an advertisement in the Boston Gazette…Caleb Philips, teacher of the new method of shorthand was seeking students for lessons to be sent weekly. Modern distance education has practiced at least since Isaac Pitman taught shorthand in Great Britain via correspondence in the 1840s. The development of postal service in the 19th century leads ... Continue reading---
CHAPTER THREE - [ Total Page(s): 5 ]CHAPTER THREE SYSTEM ANALYSIS AND DESIGN3.1 Adopted Methodology:
This student chat information system will make use of Object Oriented
Analysis and Design Methodology. This methodology follows the system
development life cycle (SDLC), the software lifecycle is typically
divided into stages going from abstract descriptions of the problem to
designs then code, testing and finally to deployment.Figure 2: Object Oriented Life Cycle (Omar, 2015).3.2 Object-Oriented Analysis: I ... Continue reading---
CHAPTER FOUR - [ Total Page(s): 4 ]In the student chat information system, the following language was used:Front end: Angular JavaScript (Angular JS).Back end: Node JavaScript (Node JS).The database is implemented with Mongo Database. a. Angular JS - It was used to send request to the server and display the response for the user on the browser.b. Node JS – it was used to define the server.c. Cascading Style Sheets (CSS) – It was used to add aesthetics style to the web page, align the image and the ... Continue reading---
CHAPTER FIVE - [ Total Page(s): 1 ]CHAPTER FIVESUMMARY, CONCLUSIONS, AND RECOMMENDATION5.1 SummaryThe research work shows that there is a lot of need when it comes to communication between the lecturers and students.The student chat information system significantly affects the information awareness of students, since the objective is to improve the relationship and spread information to enhance wide access to learning irrespective of the location and time.The design was inspired by modern technology aimed to construct a bas ... Continue reading---
REFRENCES - [ Total Page(s): 1 ]REFERENCESAase, S. (2000). Higher learning goes the distance. Computer User, 19(10), 16-18. Barnes, S. (2000). What does electronic conferencing afford distanceeducation? Distance Education, 21, 236-247.Beard, L. A., and Harper, C. (2002). Student perceptions of online versus on campus instruction. Education, 122, 658-663.Billings, D. M., Connors, H. R., & Skiba, D. J. (2001). Benchmarking best practices in Web-based nursing courses. Advanc ... Continue reading---
