Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CP3108B midterm presentation


Published on

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

CP3108B midterm presentation

  1. 1. CP3108B MozillaIVLE Firefox Add‐onWang Zhuochun
  2. 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. 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. 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. 5. What I have learnt• HTML, CSS• JavaScript, jQuery• Firefox’s SDK Jetpack
  6. 6. What I have done• User Login• User Preference• UI Design• Partially – Toolbar button, Badged Widget – Page title badge – Storage of user token
  7. 7. Short Demo
  8. 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. 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