Multiple Choice Question Generator on Gitlab Markdown Wiki

COURSE CODE: COMP4560

STUDENT: ZAIWO L IU U5542218

SUPERVISOR: DR ERIC MCCREATH

Overview 1. Introduction

Supervisor

Background

2. Design

3. Implementation

4. Evaluation

5. Conclusion & Future work

IntroductionSupervisor: Dr Eric McCreath[1]

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

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 JavaScript?

◦ It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles.[3]

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

Design

Examiners ExamineesGenerator

(Webpage usingCSS and HTML)

JSON filePast Submission(in future work)

Online Server (Gitlab Wiki)

create

uploaded

Extract informationfrom JSON file to build the page

Send Ajax request after clicking “setup” button (jQuery required)

Preview of generated page Do the test

Request to check last submission

Give feedback after clicking “submit” button

Store the most recent submission into the examinees’ local storage

Setup the page by clicking “setup” button after JSON file being uploaded

Local Storage

Show last submission after being requested (unfinished)

Get the most recent submission from the examinees’ local storage

JavaScript

programming

involved

ImplementationRadio button

First Design

Second Design

Drop-downsCheck Boxes

Implementation

Basic structure and layout

ImplementationFlow 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

EvaluationWhite Box Test on the code

Items

Results

Conditions

No of choices (default=4)

No of questions(default=4)

No of single-answer question(default=3)

No of multi-answer 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

Working without bug

Working without bug

Working without bug

Working without bug

Final mark = 0

Working with default content

No feedback symbol displayed

False->False

Exact/Yes/True

Working without bug

Working without bug

Working without bug

Working without bug

Final mark = 4

Working with content listed in the JSON file

Working well

True->True

More/∞/Unknown

Not working after >4

Working without bug

Working without bug

Working without bug

Final mark = ∞

Conclusion◦ All requirements on the contract are achieved.

◦ System works fluently in most cases with no bug or crash.

◦ Still a lot work to do if desire to release this project publicly.

Future Work◦ Recording submissions

◦ Solutions to security problems

◦ JSON files generator

◦ Webpage beautifying

◦ Public release

Thank you!

Any questions?

References[1]C. Dean, "Dr Eric McCreath," The Australian National University, 2015. [Online]. Available: https://cecs.anu.edu.au/people/eric-mccreath. Accessed: Oct. 26, 2016.

[2]"GitLab," in Wikipedia, Wikimedia Foundation, 2016. [Online]. Available: https://en.wikipedia.org/wiki/GitLab. Accessed: Oct. 25, 2016.

[3] JavaScript, Wikipedia, Retrieved from https : ==en:wikipedia:org=wiki=JavaScript. Accessed Oct.26 2017