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. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgarFOMS011
 
8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ 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 hashim shaikh
Mongodb hashim shaikhMongodb hashim shaikh
Mongodb hashim shaikhHashim Shaikh
 
Mongodb Presentation
Mongodb PresentationMongodb Presentation
Mongodb PresentationHashim 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. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgar
 
8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ 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 hashim shaikh
Mongodb hashim shaikhMongodb hashim shaikh
Mongodb hashim shaikh
 
Mongodb Presentation
Mongodb PresentationMongodb Presentation
Mongodb Presentation
 
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

Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsNbelano25
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxUmeshTimilsina1
 
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.pptxJisc
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
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...Poonam Aher Patil
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...Amil baba
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
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Ữ Â...Nguyen Thanh Tu Collection
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxCeline George
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 

Recently uploaded (20)

Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.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
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
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...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
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Ữ Â...
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 

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