SlideShare a Scribd company logo
1 of 10
EXPLORING
 MOBILE AND CONTEXTUAL
LEARNING WITH GGULIVRR

                      Hiram Bollaert
               Philippe Possemiers
                              2012
Content

          • Context
          • GGULIVRR concept
          • Exploration of mobile and contextual learning
          • Architecture
          • HTML Content
          • Answers
          • Advantages
          • Feedback




          Hiram Bollaert – Philippe Possemiers – 2012       2
Context


          • Artesis University College Antwerp
            inspires over 8000 students and almost 1600 staff
            members in the widest range of subjects on offer in
            Antwerp to link, mix and interconnect this formidable
            range of subjects to create surplus value.

          • Department of Business Studies, Teacher Training and
            Social Work

          • PWO MOUSE I and II (MObile USE)
            small internally funded research projects studying
            mobile and contextual learning tools




          Hiram Bollaert – Philippe Possemiers – 2012               3
GGULIVRR concept

            Generic Game for Ubiquitous Learning in Interactive
                       Virtual and Real Realities

         • Touching the world around you
           Intelligent tags
             • Radio Frequency Identification (RFID);
             • Near Field Communication (NFC);
             • Quick Response codes (QR)

         • Serious gaming
           Learning through playing games

         • Social constructivism & 21st Century Skills
           evoking, stimulating cross-cultural, cross-age and
           cross-disciplinary collaboration

         Hiram Bollaert – Philippe Possemiers – 2012              4
Exploration

                           Mobile and Contextual Learning
                           Advancing the mission and vision
                            of our educational programmes
              • Introduction into curriculum of applied informatics:
                programming for iOS and Android
              • Introduction of mobile contextual learning in teacher
                training:
                  • mathematical walk
                  • scenario thinking, game design
              • Spin off assessments
                  • Infographic on youtube
                  • Drupal website
              • Spin off projects
                  • WalkAbout IP

              Hiram Bollaert – Philippe Possemiers – 2012               5
Architecture




      JSON
                                 JSON replication

     GGULIVRR

       HTML

     UIWebView




               Hiram Bollaert – Philippe Possemiers – 2012   6
HTML content

          <html>
          <head><link rel='stylesheet' href='stylesheet.css‘></head>
          <body>
            <h1>Question 1</h1>
            <br /><img src='$db/reichstag.jpg' /><br /><br />
            <form action='self'>What building is shown here?
              <br /><br />
              <input type='text' name='reichstag' class='ui-input-text' />
              &nbsp; &nbsp;
              <input type='submit' value='Answer' class='ui-btn'>
            </form>
            <a
          href='http://www.lonelyplanet.com/maps/europe/germany/berlin/'>
            Click here for the map of Berlin
            </a>
          </body>
          </html>
          Hiram Bollaert – Philippe Possemiers – 2012                        7
Answers




          Hiram Bollaert – Philippe Possemiers – 2012   8
Advantages


         HTML as exchange format
           • only one interface design for all platforms
           • no special UI knowledge (except HTML) required
           • generic support for form values
           • style sheets can change look and behavior quickly


         CouchDB ( http://couchdb.apache.org/ )
           • strong replication features transparently sync game
             information and user submissions
           • no network connection is needed after replication
           • no need for separate web-service layer




             Hiram Bollaert – Philippe Possemiers – 2012         9
Feedback


           Comments, remarks, suggestions?
           Contact us
           • hiram.bollaert@artesis.be
           • philippe.possemiers@artesis.be

           Try it yourself
           Find the code at
             https://github.com/ppossemiers/GGULIVRR




           Hiram Bollaert – Philippe Possemiers – 2012   10

More Related Content

Similar to Exploring Mobile and Contextual Learning with GGULIVRR

Droisys elearning services
Droisys elearning servicesDroisys elearning services
Droisys elearning servicesDroisys Inc
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURTerminalfour
 
Contiuously Deploying Culture 2.0 - Agile Ísland
Contiuously Deploying Culture 2.0 - Agile ÍslandContiuously Deploying Culture 2.0 - Agile Ísland
Contiuously Deploying Culture 2.0 - Agile ÍslandRich Smith
 
Supporting online collaboration for design pt 2
Supporting online collaboration for design pt 2Supporting online collaboration for design pt 2
Supporting online collaboration for design pt 2Mark_Childs
 
8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ ElgarFOMS011
 
8. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgarFOMS011
 
One site to rule them all
One site to rule them allOne site to rule them all
One site to rule them allNathan Gerber
 
SharePoint Conference 2014 wrap-up
SharePoint Conference 2014 wrap-upSharePoint Conference 2014 wrap-up
SharePoint Conference 2014 wrap-upspmatt
 
IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...
IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...
IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...Paul Hibbitts
 
Mongodb Presentation
Mongodb PresentationMongodb Presentation
Mongodb PresentationHashim Shaikh
 
Mongodb hashim shaikh
Mongodb hashim shaikhMongodb hashim shaikh
Mongodb hashim shaikhHashim Shaikh
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldKineo
 
Mongodb Presentation
Mongodb PresentationMongodb Presentation
Mongodb PresentationHashim Shaikh
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryFresche Solutions
 
MLDPS09 The Nimble Elephant
MLDPS09 The Nimble ElephantMLDPS09 The Nimble Elephant
MLDPS09 The Nimble ElephantShannon Holman
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Indiginox
 
Multimedia phase 1
Multimedia phase 1Multimedia phase 1
Multimedia phase 1Online
 

Similar to Exploring Mobile and Contextual Learning with GGULIVRR (20)

Droisys elearning services
Droisys elearning servicesDroisys elearning services
Droisys elearning services
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOUR
 
Contiuously Deploying Culture 2.0 - Agile Ísland
Contiuously Deploying Culture 2.0 - Agile ÍslandContiuously Deploying Culture 2.0 - Agile Ísland
Contiuously Deploying Culture 2.0 - Agile Ísland
 
Supporting online collaboration for design pt 2
Supporting online collaboration for design pt 2Supporting online collaboration for design pt 2
Supporting online collaboration for design pt 2
 
Roadshow cb
Roadshow cbRoadshow cb
Roadshow cb
 
8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar
 
8. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgar
 
One site to rule them all
One site to rule them allOne site to rule them all
One site to rule them all
 
SharePoint Conference 2014 wrap-up
SharePoint Conference 2014 wrap-upSharePoint Conference 2014 wrap-up
SharePoint Conference 2014 wrap-up
 
IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...
IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...
IT4BC - Mobile Learning User Experience (UX) Design: Creating a Mobile Course...
 
Mongodb Presentation
Mongodb PresentationMongodb Presentation
Mongodb Presentation
 
Mongodb hashim shaikh
Mongodb hashim shaikhMongodb hashim shaikh
Mongodb hashim shaikh
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device world
 
Mongodb Presentation
Mongodb PresentationMongodb Presentation
Mongodb Presentation
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
 
Griot: Open Source Storytelling Tool
Griot: Open Source Storytelling ToolGriot: Open Source Storytelling Tool
Griot: Open Source Storytelling Tool
 
MLDPS09 The Nimble Elephant
MLDPS09 The Nimble ElephantMLDPS09 The Nimble Elephant
MLDPS09 The Nimble Elephant
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?
 
Muhammad Shebl CV
Muhammad Shebl CVMuhammad Shebl CV
Muhammad Shebl CV
 
Multimedia phase 1
Multimedia phase 1Multimedia phase 1
Multimedia phase 1
 

Recently uploaded

Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 

Recently uploaded (20)

Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 

Exploring Mobile and Contextual Learning with GGULIVRR

  • 1. EXPLORING MOBILE AND CONTEXTUAL LEARNING WITH GGULIVRR Hiram Bollaert Philippe Possemiers 2012
  • 2. Content • Context • GGULIVRR concept • Exploration of mobile and contextual learning • Architecture • HTML Content • Answers • Advantages • Feedback Hiram Bollaert – Philippe Possemiers – 2012 2
  • 3. Context • Artesis University College Antwerp inspires over 8000 students and almost 1600 staff members in the widest range of subjects on offer in Antwerp to link, mix and interconnect this formidable range of subjects to create surplus value. • Department of Business Studies, Teacher Training and Social Work • PWO MOUSE I and II (MObile USE) small internally funded research projects studying mobile and contextual learning tools Hiram Bollaert – Philippe Possemiers – 2012 3
  • 4. GGULIVRR concept Generic Game for Ubiquitous Learning in Interactive Virtual and Real Realities • Touching the world around you Intelligent tags • Radio Frequency Identification (RFID); • Near Field Communication (NFC); • Quick Response codes (QR) • Serious gaming Learning through playing games • Social constructivism & 21st Century Skills evoking, stimulating cross-cultural, cross-age and cross-disciplinary collaboration Hiram Bollaert – Philippe Possemiers – 2012 4
  • 5. Exploration  Mobile and Contextual Learning  Advancing the mission and vision of our educational programmes • Introduction into curriculum of applied informatics: programming for iOS and Android • Introduction of mobile contextual learning in teacher training: • mathematical walk • scenario thinking, game design • Spin off assessments • Infographic on youtube • Drupal website • Spin off projects • WalkAbout IP Hiram Bollaert – Philippe Possemiers – 2012 5
  • 6. Architecture JSON JSON replication GGULIVRR HTML UIWebView Hiram Bollaert – Philippe Possemiers – 2012 6
  • 7. HTML content <html> <head><link rel='stylesheet' href='stylesheet.css‘></head> <body> <h1>Question 1</h1> <br /><img src='$db/reichstag.jpg' /><br /><br /> <form action='self'>What building is shown here? <br /><br /> <input type='text' name='reichstag' class='ui-input-text' /> &nbsp; &nbsp; <input type='submit' value='Answer' class='ui-btn'> </form> <a href='http://www.lonelyplanet.com/maps/europe/germany/berlin/'> Click here for the map of Berlin </a> </body> </html> Hiram Bollaert – Philippe Possemiers – 2012 7
  • 8. Answers Hiram Bollaert – Philippe Possemiers – 2012 8
  • 9. Advantages HTML as exchange format • only one interface design for all platforms • no special UI knowledge (except HTML) required • generic support for form values • style sheets can change look and behavior quickly CouchDB ( http://couchdb.apache.org/ ) • strong replication features transparently sync game information and user submissions • no network connection is needed after replication • no need for separate web-service layer Hiram Bollaert – Philippe Possemiers – 2012 9
  • 10. Feedback Comments, remarks, suggestions? Contact us • hiram.bollaert@artesis.be • philippe.possemiers@artesis.be Try it yourself Find the code at https://github.com/ppossemiers/GGULIVRR Hiram Bollaert – Philippe Possemiers – 2012 10