SlideShare une entreprise Scribd logo
1  sur  13
CP3108B Mozilla
     NUS IVLE Helper
       Firefox Add-on

Wang Zhuochun
Before Mid-Term
• Why?
  – Used Daily, Too many pop-outs, Not productive
• How?
  – Jetpack over XUL
  – Easy, APIs, Compatibility, Installs without restart
• What?
  – User Interface Design
  – Prototyping some of the features
  – IVLE APIs problem
After Mid-Term
• Finished the rest parts of this Add-on
  – User Interface Modifications
  – Modules and Workbins
  – Announcements/Module Announcements
  – To-do List
  – Notifications
  – Using it and Fixing Bugs
User                           More Details?
     Interacts          Feedbacks

               View
           (Index.html)
   Triggers             Updates
Event Handlers          Modifies
                                    Send Data
            Controller                                Module
            (Panel.js)                               (Main.js)
                               Update/Retrieve
                                    Data
                                              Validates
                                              Requests      Feedbacks


                                                     IVLE APIs
The Add-On Look Like This Before Mid-Term
The Add-On Look Like This After Mid-Term




Modules
Demo
The Add-On Look Like This After Mid-Term




Workbin
The Add-On Look Like This After Mid-Term




Announcement
The Add-On Look Like This After Mid-Term




To-do List
Download
• Latest Version: 0.8.0
  – With more bugs fixed, mainly on Logout
  – Not Available Yet
• Available Version: 0.7.3
  – Download at: http://goo.gl/quxsy
  – As long as you do not logout :)

        “I have installed in all my computers :)”
                  -- one of my friends who tried it
In the Future
• Add To-do Edit, Reminder
  – Connect with MyOrganizer in IVLE
• Add more features in IVLE
  – e.g. Timetable, Gradebook, Forum,
    Webcasts, etc
• Rewrite it as a Chrome Extension
Thank You!

NUS IVLE Helper
       by
 Wang Zhuochun

Contenu connexe

En vedette

Jadual induk kelas ppki smk ytr 2015
Jadual induk kelas ppki smk ytr 2015Jadual induk kelas ppki smk ytr 2015
Jadual induk kelas ppki smk ytr 2015
PPKISMKYTR01
 
Borang pk 07 1 notis mesyuarat
Borang pk 07 1 notis mesyuaratBorang pk 07 1 notis mesyuarat
Borang pk 07 1 notis mesyuarat
Tak Gitu
 

En vedette (10)

Presentazione Giulia Pareschi
Presentazione Giulia PareschiPresentazione Giulia Pareschi
Presentazione Giulia Pareschi
 
Expatriate Rules of the Road
Expatriate Rules of the RoadExpatriate Rules of the Road
Expatriate Rules of the Road
 
Jadual induk kelas ppki smk ytr 2015
Jadual induk kelas ppki smk ytr 2015Jadual induk kelas ppki smk ytr 2015
Jadual induk kelas ppki smk ytr 2015
 
Double stops&droneshandout
Double stops&droneshandoutDouble stops&droneshandout
Double stops&droneshandout
 
Jadual burung hantu
Jadual burung hantuJadual burung hantu
Jadual burung hantu
 
Borang pk 07 1 notis mesyuarat
Borang pk 07 1 notis mesyuaratBorang pk 07 1 notis mesyuarat
Borang pk 07 1 notis mesyuarat
 
Mandolin chords-easy
Mandolin chords-easyMandolin chords-easy
Mandolin chords-easy
 
Linea de tiempo historia de las matematicas
Linea de tiempo historia de las matematicasLinea de tiempo historia de las matematicas
Linea de tiempo historia de las matematicas
 
How To Train a Community
How To Train a CommunityHow To Train a Community
How To Train a Community
 
Last selfie
Last selfieLast selfie
Last selfie
 

Similaire à CP3108B final presentation

Guidelines for moving from Oracle Forms to Oracle ADF and SOA
Guidelines for moving from Oracle Forms to Oracle ADF and SOAGuidelines for moving from Oracle Forms to Oracle ADF and SOA
Guidelines for moving from Oracle Forms to Oracle ADF and SOA
Steven Davelaar
 
School management system
School management systemSchool management system
School management system
Soumya Behera
 
State of Puppet 2013 - Puppet Camp DC
State of Puppet 2013 - Puppet Camp DCState of Puppet 2013 - Puppet Camp DC
State of Puppet 2013 - Puppet Camp DC
Puppet
 
Cooper Oracle 11g Overview
Cooper Oracle 11g OverviewCooper Oracle 11g Overview
Cooper Oracle 11g Overview
moin_azeem
 

Similaire à CP3108B final presentation (20)

Ruslan Belkin And Sean Dawson on LinkedIn's Network Updates Uncovered
Ruslan Belkin And Sean Dawson on LinkedIn's Network Updates UncoveredRuslan Belkin And Sean Dawson on LinkedIn's Network Updates Uncovered
Ruslan Belkin And Sean Dawson on LinkedIn's Network Updates Uncovered
 
SharePoint 2010 Upgrade Strategies and Best Practices - MS Days Bulgaria - Jo...
SharePoint 2010 Upgrade Strategies and Best Practices - MS Days Bulgaria - Jo...SharePoint 2010 Upgrade Strategies and Best Practices - MS Days Bulgaria - Jo...
SharePoint 2010 Upgrade Strategies and Best Practices - MS Days Bulgaria - Jo...
 
SharePoint Installation and Upgrade: Untangling Your Options
SharePoint Installation and Upgrade: Untangling Your Options SharePoint Installation and Upgrade: Untangling Your Options
SharePoint Installation and Upgrade: Untangling Your Options
 
Guidelines for moving from Oracle Forms to Oracle ADF and SOA
Guidelines for moving from Oracle Forms to Oracle ADF and SOAGuidelines for moving from Oracle Forms to Oracle ADF and SOA
Guidelines for moving from Oracle Forms to Oracle ADF and SOA
 
School management system
School management systemSchool management system
School management system
 
State of Puppet 2013 - Puppet Camp DC
State of Puppet 2013 - Puppet Camp DCState of Puppet 2013 - Puppet Camp DC
State of Puppet 2013 - Puppet Camp DC
 
Puppet Keynote by Ralph Luchs
Puppet Keynote by Ralph LuchsPuppet Keynote by Ralph Luchs
Puppet Keynote by Ralph Luchs
 
Practical Guidance for SharePoint 2010 Upgrade
Practical Guidance for SharePoint 2010 UpgradePractical Guidance for SharePoint 2010 Upgrade
Practical Guidance for SharePoint 2010 Upgrade
 
SharePoint 2010 Upgrade Planning
SharePoint 2010 Upgrade PlanningSharePoint 2010 Upgrade Planning
SharePoint 2010 Upgrade Planning
 
Edu4Sure - Power BI (MS Analytics Tool)
Edu4Sure - Power BI (MS Analytics Tool)Edu4Sure - Power BI (MS Analytics Tool)
Edu4Sure - Power BI (MS Analytics Tool)
 
Cooper Oracle 11g Overview
Cooper Oracle 11g OverviewCooper Oracle 11g Overview
Cooper Oracle 11g Overview
 
Bug Tracking Java Project
Bug Tracking Java ProjectBug Tracking Java Project
Bug Tracking Java Project
 
IUG ATL PC 9.5
IUG ATL PC 9.5IUG ATL PC 9.5
IUG ATL PC 9.5
 
Nintex Workflows 2007 Evaluation
Nintex Workflows 2007 EvaluationNintex Workflows 2007 Evaluation
Nintex Workflows 2007 Evaluation
 
Power point 707 tips on successfully upgrading apps 11i for the non apps dba
Power point 707 tips on successfully upgrading apps 11i for the non apps dbaPower point 707 tips on successfully upgrading apps 11i for the non apps dba
Power point 707 tips on successfully upgrading apps 11i for the non apps dba
 
Five Ways Automation Has Increased Application Deployment and Changed Culture
Five Ways Automation Has Increased Application Deployment and Changed CultureFive Ways Automation Has Increased Application Deployment and Changed Culture
Five Ways Automation Has Increased Application Deployment and Changed Culture
 
Comp8 unit8b lecture_slides
Comp8 unit8b lecture_slidesComp8 unit8b lecture_slides
Comp8 unit8b lecture_slides
 
Migrating to SharePoint 2013 - Business and Technical Perspective
Migrating to SharePoint 2013 - Business and Technical PerspectiveMigrating to SharePoint 2013 - Business and Technical Perspective
Migrating to SharePoint 2013 - Business and Technical Perspective
 
Ready, Set, Upgrade!
Ready, Set, Upgrade!Ready, Set, Upgrade!
Ready, Set, Upgrade!
 
Delivering changes for databases and applications
Delivering changes for databases and applicationsDelivering changes for databases and applications
Delivering changes for databases and applications
 

Dernier

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Dernier (20)

Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 

CP3108B final presentation

  • 1. CP3108B Mozilla NUS IVLE Helper Firefox Add-on Wang Zhuochun
  • 2. Before Mid-Term • Why? – Used Daily, Too many pop-outs, Not productive • How? – Jetpack over XUL – Easy, APIs, Compatibility, Installs without restart • What? – User Interface Design – Prototyping some of the features – IVLE APIs problem
  • 3. After Mid-Term • Finished the rest parts of this Add-on – User Interface Modifications – Modules and Workbins – Announcements/Module Announcements – To-do List – Notifications – Using it and Fixing Bugs
  • 4. User More Details? Interacts Feedbacks View (Index.html) Triggers Updates Event Handlers Modifies Send Data Controller Module (Panel.js) (Main.js) Update/Retrieve Data Validates Requests Feedbacks IVLE APIs
  • 5. The Add-On Look Like This Before Mid-Term
  • 6. The Add-On Look Like This After Mid-Term Modules
  • 8. The Add-On Look Like This After Mid-Term Workbin
  • 9. The Add-On Look Like This After Mid-Term Announcement
  • 10. The Add-On Look Like This After Mid-Term To-do List
  • 11. Download • Latest Version: 0.8.0 – With more bugs fixed, mainly on Logout – Not Available Yet • Available Version: 0.7.3 – Download at: http://goo.gl/quxsy – As long as you do not logout :) “I have installed in all my computers :)” -- one of my friends who tried it
  • 12. In the Future • Add To-do Edit, Reminder – Connect with MyOrganizer in IVLE • Add more features in IVLE – e.g. Timetable, Gradebook, Forum, Webcasts, etc • Rewrite it as a Chrome Extension
  • 13. Thank You! NUS IVLE Helper by Wang Zhuochun