1. CP3108B Mozilla
IVLE Firefox Add‐on
Wang Zhuochun

2. Introduction
• IVLE is used daily by NUS students
• IVLE gets too many pop‐out windows
• Create a Add‐on, with essential features, make
it easier to use

3. Start From Scratch
• Kanishk had developed an IVLE add‐on last
semester using XUL.
• But, I am building it with Firefox’s new SDK
(Jetpack) from scratch

4. Why I chose Jetpack?
• The future of add‐on development (easy,
secure, compatible to new releases)
• JavaScript, HTML, CSS
• Simple, Modular APIs
• Installs without restart

5. What I have learnt
• HTML, CSS
• JavaScript, jQuery
• Firefox’s SDK Jetpack

6. What I have done
• User Login
• User Preference
• UI Design
• Partially
– Toolbar button, Badged Widget
– Page title badge
– Storage of user token

7. Short Demo

8. Biggest Problem – IVLE APIs
• Problem: IVLE APIs do not return successful
responses to Jetpack’s requests
• Failed:
– Using other methods:
• XMLHttpRequest()
• jQuery.getJSON()
– IVLE APIs’ problem. Emailed them.
• Solution:
– Using page‐worker to get responses manually at
background
– How to get the responses out?

9. Next Steps
• Solve the IVLE APIs problem
• Integrate the responses from IVLE APIs with UI
• Badged Widget and Toolbar Button
• Timetable and To‐do Reminders
• Unit Testing