The Special Problem entitled "Trends.Net Remote Laboratory Access 2.0" prepared and submitted by Angelo A. Rosal in partial fulfillment of the requirements for the degree of Bachelor of Science in Computer Science has been examined and is recommended for acceptance. Accepted and approved as partial fulfillment of the requirements for the degree of Bachelor of Science in Computer Science.
Most of the training consists of two parts: a lecture and a laboratory class that usually lasts for a week. Access to the local laboratory is obtained within the internal network of the company, while access to the remote laboratory is obtained through an external network (i.e., the Internet). The remote lab is either a virtual private network (VPN) or a public Internet Protocol (IP) address mapped to a private IP address using network address translation (NAT), depending on whether the packets are routed through an external unsecured network should go or not.
Background of the Study
Given the limited time frame, he was unable to write a documentation of the program, so there is nothing to go by but the source code itself. In other words, students do not see the entire Physical Link and are limited to only the devices within the pod to which he/she is assigned. It follows the same implementation as discussed in this version, except for the building logic topology feature.
Every time a professor account is created, it creates a directory and fills it with its own copy of activities making it a bit messy as it stores multiple copies of the same activity files in each account.
Statement of the Problem
Some exam providers have introduced a new curriculum that changes the structure of the topologies, so the current system cannot handle it [3].
Objectives of the Study
Significance of the Project
Scope and Limitations
Distribution of pod and class passwords to students will not be addressed by the system. If the student loses his/her password, the system will not provide a means to recover it, as the student will not have a user account and will be chosen by the student and the professor. Activity questions will no longer be included in the system as they are already written in the lab manual.
System scope will not include how students interact with devices and will be, as it always has been, through command line arguments. Students should use Internet Explorer as their browser as it is the only browser that supports ActiveXObject.
Assumptions
Review of Related Literature 6
Since this test is performed on the client side, network bandwidth and latency greatly affect test performance. Designing and constructing state-of-the-art control experiments can take time, money, and energy. The orientation video contains recordings of instructions for the simulation software and the remote access mechanism described by the instructor.
A Virtual Private Network (VPN) is a "virtual" network that is kept private by "tunneling" private data through the underlying infrastructure of the public Internet [16]. NAT was originally created to address the problems created by the exponential growth of the Internet and. In March 1994, the organization responsible for the public Internet access scheme, the Internet Assigned Numbers Authority (IANA), had an idea about preserving the unique IP address space on the Internet (public space) by setting aside (reserving) a pool of addresses that will be used for use in private corporate networks (private space).
System
The intention was that, regardless of the addressing scheme used internally by a given organization, it would not conflict with any of the publicly assigned IP addresses on the Internet [16]. A group of students will see the entire master topology, but their access privileges will be determined by the professor. In other words, they will see all the devices, but can only access the devices contained in the pod assigned to them.
Two groups of students will not work on the same module, unless the curriculum so specifies, during which the course will be marked as paired. In a sense, this means that a group of students, with or without a partner group, will be entitled to two floors. The lines will represent the physical wire connecting the devices (and the numbers on each end will identify the port of the module they are connected to), but will not be categorized as devices.
Document Object Model
A device shown in the system during a lesson has a one-to-one correspondence with a real device (that is, a router image represents a real router, a switch image represents a real switch, and so on). Put it this way, if a need arises to represent the wireless connection as a separate entity within the system, the administrator will need to add the device name and image. It is also used to store the device's attributes and store them in the database, should the need arise to edit the logical connection at a later time.
In cases where the device only exists in the Logical Link as an image (ie under no circumstances will it need to be linked to this device), the system renders this as a Scalable Vector Graphics (SVG) DOM and manipulated using Raph¨ aelJS. It should be noted that in addition to storing the attributes of these devices in the database, it is also stored as php files that are loaded during a class. DOM and SVG rendering are only used when the Admin needs to add or modify the Logical Link of a course.
Protocols
Design and Implementation 16
Use Cases
Adding a class involves selecting the class course and setting the class password and terminal server IP address, username,. After a class is created, the professor must manage the pods in the class. The logical connection of the class, based on its course, will then be shown to the professor.
After this, the professor will be asked to select the units included in the pod. After the devices included in each pod are defined and each pod has its own password, the professor must distribute the class password among the students, assign them pods, and distribute the pods' respective passwords. The student can access their class by selecting the professor and class and entering the correct class password.
Database Design
Data Dictionary
Architecture 27
The framework generates the basic functions for the MVC (ie it generates the models from a MySQL database along with its rules and entity relations, the corresponding view forms and the typical Add, Edit and Delete Controller functions). Everything else; such as uploading a file and saving it, deleting the uploaded file by deleting its corresponding database entry, and additional model rules for handling user input errors; is coded after the basic code is generated. The Logical Connection GUI and everything else that extends it is rendered using CSS, JavaScript DOM, jQuery, and Raph¨ aelJS SVG manipulation.
Technical Architecture
Results 29
Trends.Net Remote Laboratory Access 2.0 is composed of two (2) main functions: the typical database section where the usual add, edit and delete functions are; and the course's Logical Connection manager that uses the database to store and load dynamic DOM data and generates the Logical Connection PHP file that will be loaded for the Professor and Student upon login. The first step of the said setup involves defining the database's Hostname, username and password. The page has a menu bar composed of Home, which redirects the Administrator to the Home page; Users; Courses, where the logical connection is builder; Devices, where will be the devices that will be used for building logical connections; and Change password.
The user's password is hashed using the PHP password hash function before storing it in the database. When saving the logical connection, the system stores the coordinates, height, width and other characteristics of the devices in the database. Each Class contains at least one Pod and each Pod consists of a set of devices that form a subset of the Logical Connection.
After creating the Pod, click the Pod Devices button in the right panel after clicking View Pod or Update Pod to load the class's logical connection. The selected devices are stored in the database as part of the applicable Pod and are accessible by the Student assigned to that Pod. This is the very first page that loads every time you visit the website.
After a successful two-layer login, the Logic Link for the Course will be rendered with the accessible connected devices (previously selected by the Professor for that Pod) colored while the inaccessible connected devices are greyscale. The actual connection can be initiated by double-clicking on any of the accessible connected devices. On the other hand, the resize widget provides easy manipulation of image dimensions.
Trends.Net Remote Laboratory Access 2.0 is no longer limited to only two (2) courses and can be customized accordingly with the only limitation being the protocols used to connect to the devices.
Cascading Style Sheets
JavaScripts
Models
Views
Controllers
First of all, I thank the Creator who made me who I am and helped me get to where I am. Secondly, I would like to thank my parents, from whom I owe everything I had, have and will have; for things too big to list. Next, I would like to thank those who (and have) funded my higher education: the Department of Science and Technology; University of the Philippines Manila - Parents and Guardians Association; my paternal aunt, Lola Paring, and her family, who gave me hope when all else failed.
Net Education Center Inc. especially Sir Jonathan P. Oira) for allowing me to work on this project and for all the support they have given me, technically and legally, to complete it; and my advisor, Prof. I would also like to thank ComSci Batch '09 and '10, and UPM-OMAKE, which was my university family, for all Ongaku Anime, (surprisingly evil), (psychologically disordered) Anime (which made me remembered during my stay in UP despite the ominous words I attached to it), Kosupure (which I never do) and Eiga; for Az Master; to have wonderful Kokkais and members.
