CON2DIS 2.0. Ruo Zhang Dhamma Kimpara Anagha Indic

Transcription

1 CON2DIS 2.0 Ruo Zhang Dhamma Kimpara Anagha Indic

2 Spring 2016 Project Objectives Utilize CON2DIS GUI from Fall 2015 Extend a database aspect to the GUI Find the link between Javascript and PHP Create a collection of questions that aid a student in learning Nyquist frequency and sampling Analyze the user s learning patterns through the interactive components of CON2DIS

3 Project Overview Continuous-Discrete Sampling Demo (CON2DIS) Program that shows continuous and discrete spectra of input and reconstructed signals during sampling Covers content in Nyquist Theorem and Sampling Theorem An extension to this program: implement a database component to CON2DIS

4

5

6 New Layout of CON2DIS

7 Module 1: Question from Lab - Question Bank - Current Score - Question ID - Total Score to change parameters of the signal.

8 Module 1: Writing the Questions - In order to write questions, one must understand the user

9

10 Module 1: Pulling Question from Lab Table Questions - Question Bank while ($i<=$_session['count2']) <div align="center" class="question">question from Lab { if($_server["request_method"] == "POST") { $row2 = mysqli_fetch_array($result2,mysqli_assoc); $sql = "SELECT question,score,id FROM Labs"; $result2 = mysqli_query($db,$sql); $max2 = mysqli_num_rows($result2); $i = 0; $i = $i+1; } $_SESSION['count2'] = $_SESSION['count2'] + 1; if ($_SESSION['count2']>=$max2) {$_SESSION['count2'] = 0;}

11 Module 1: Echoing Question from Lab Table - Current Score - Question ID

12 Module 1: Pulling Total Score from Lab Table - Total Score (More Efficient Way!)

13 Module 2: Buttons (Submission & Verification) - Next Lab - Submit State - User ID - CheckOff to change parameters of the signal.

14 Module 2: Submission(html) - Next Lab Question - Submit State - User ID - CheckOff <div align="center" class="question">question from Lab if($_server["request_method"] == "POST") { $sql = "SELECT question,score,id FROM Labs"; $result2 = mysqli_query($db,$sql); $max2 = mysqli_num_rows($result2); $i = 0;

15 Module 2: Submission(javascript) - XMLHttp (Alternative?) - Values to be wrapped & send Fo Fs Phase ID Sec Username

16 Module 3: Submission & Verification(php) - Receive State - Verify State - Update State in database

17 Module 3: Submission & Verification(php) - Receive Username - Update User in database - Session (Alternative?)

18 Code Structure - HTML5 + CSS + Javascript +JSXGraph Library + PHP + MySQL

19 Code Structure - HTML5 + CSS + Javascript +JSXGraph Library + PHP + MySQL Echo into format Php Code ButtonClick (Post)+Javascript Access Return Lab Question Database contain Performance

20 Code Structure Labs (Question) Total Score

21 Code Structure Performance (Total Score) Original Thought (Join 2 tables) Data structure set up incorrectly What new data structure? Lab Question+ StudentID

22 Advantages and Disadvantages of PHP and SQL Advantages Already used in ITS system Wide array of helpful external resources and documentation Optimized for making web applications quickly and efficiently Disadvantages PHP can be extremely difficult to debug Difficult to implement algorithms in PHP SQL tables are difficult to join together

23 Challenges and Solutions Creating question bank Storing Data in the database: XMLHttpRequest Attempted to solve with jquery Recording time spent on webpage Looked at timeme.js which was too involved Simple solution using built-in Javascript functions Issues with how page is displayed by different browsers

24 Learning Outcome Technical Usage of Github to collaborate Familiarity with Linux System Command Line Mastery of Javascript, CSS, JSXGraph, PHP, SQL Team Skills Team coordination Accepting and giving suggestions Time management

25 Future Work Replace existing code connecting to PHP with jquery Use a more accurate method to measure time spent on a page Add more questions into the question bank Improve GUI functionality Joining database tables More efficient way to calculate the total score Utilizing the stored state data Ensure consistency between browsers