Multiple Choice Question Generator on Gitlab Markdown Wiki

Size: px

Start display at page:

Download "Multiple Choice Question Generator on Gitlab Markdown Wiki"

Mae Stevenson
6 years ago
Views:

1 Multiple Choice Question Generator on Gitlab Markdown Wiki COURSE CODE: COMP4560 STUDENT: ZAIWO LIU U SUPERVISOR: DR ERIC MCCREATH

2 Overview 1. Introduction Supervisor Background 2. Design 3. Implementation 4. Evaluation 5. Conclusion & Future work

3 Supervisor: Dr Eric McCreath[1] Introduction Research School of Computer Science at the Australian National University Research Area: High Performance Computing Research interests: Ultrasound simulation, GPU Computing, parallel computation, AI and Law

4 Background Why multiple questions generator? Education is important Useful for all kinds of lecturer Personal interests in this area (main reason) Why Gitlab?[2] Open source license Issue tracking features Version control Other similar systems? Moodle Druple Why JSON? It has simpler syntax as compared with XML, which brings about less "markup" overhead. It has the same basic data type as JavaScript since markup is a subset of JS object literal notation, which makes it easier to use JSON together with JavaScript. Limitations: Steady HTML code Why JavaScript? It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles.[3]

Design Examiners Local Storage Setup the page by clicking setup button after JSON file being uploaded create Preview of generated page uploaded JSON file Generator (Webpage using CSS and HTML)

5 Design Examiners Local Storage Setup the page by clicking setup button after JSON file being uploaded create Preview of generated page uploaded JSON file Generator (Webpage using CSS and HTML) Extract information from JSON file to build the page Show last submission after being requested (unfinished) Send Ajax request after clicking setup button (jquery required) Give feedback after clicking submit button Do the test Request to check last submission Get the most recent submission from the examinees local storage Store the most recent submission into the examinees local storage Past Submission (in future work) Examinees JavaScript programming involved Online Server (Gitlab Wiki)

6 Radio button Implementation Check Boxes Drop-downs First Design Second Design

7 Basic structure and layout Implementation

8 Implementation Flow chart of the algorithm code, including the calculation of final mark, using jquery to send Ajax request, extracting information from JSON file and generate the page, giving feedback symbols such as cross and tick. This figure is generated by

9 Evaluation White Box Test on the code Items Results Conditions No of choices (default=4) No of questions (default=4) No of singleanswer question (default=3) No of multianswer question (default=1) No of right answers selected (default=0) JSON file in the same repository Image for feedback in the same repository Determine right and wrong selected answer(s) Less/Nil/ No/False Final mark = 0 with default content No feedback symbol displayed False ->False Exact/Yes /True Final mark = 4 with content listed in the JSON file well True ->True More/ / Unknown Not working after >4 Final mark =

10 Conclusion All requirements on the contract are achieved. System works fluently in most cases with no or crash. Still a lot work to do if desire to release this project publicly.

11 Future Work Recording submissions Solutions to security problems JSON files generator Webpage beautifying Public release

12 Thank you! Any questions?

13 References [1]C. Dean, "Dr Eric McCreath," The Australian National University, [Online]. Available: Accessed: Oct. 26, [2]"GitLab," in Wikipedia, Wikimedia Foundation, [Online]. Available: Accessed: Oct. 25, [3] JavaScript, Wikipedia, Retrieved from https : ==en:wikipedia:org=wiki=javascript. Accessed Oct

TIME SCHEDULE MODULE TOPICS PERIODS. HTML Document Object Model (DOM) and javascript Object Notation (JSON)

COURSE TITLE : ADVANCED WEB DESIGN COURSE CODE : 5262 COURSE CATEGORY : A PERIODS/WEEK : 4 PERIODS/SEMESTER : 52 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 HTML Document Object Model (DOM) and javascript