PIXILAB Wiki

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

archive:blocks:app-note:audioguide [2020-08-04 06:17] – created mattiasarchive:blocks:app-note:audioguide [2022-06-22 19:15] (current) – typos admin
Line 2: Line 2:
  
  
-This application note will give you an example that describes how to build content that uses the audio guide functionallity in Blocks. +This application note will give you an example that describes how to build content that uses the audio guide functionality in Blocks. 
  
 We will discuss We will discuss
Line 24: Line 24:
   - Start Blocks.   - Start Blocks.
   - Open the editor using the Admin button.   - Open the editor using the Admin button.
-  - Log in using the name admin and the password pixi.+  - Log in using the name //admin// and the password //pixi// (assuming default passsword, else enter whatever admin password you assigned).
   - Open a second browser window and type in the URL: http://localhost:8080/spot/   - Open a second browser window and type in the URL: http://localhost:8080/spot/
   - Open a third browser window and type in the URL: http://localhost:8080/spot/index.ftl?mobile=Mob1, this is your audio guide view.   - Open a third browser window and type in the URL: http://localhost:8080/spot/index.ftl?mobile=Mob1, this is your audio guide view.
Line 65: Line 65:
 As you can see the root block is a book with two pages.  As you can see the root block is a book with two pages. 
 The Language page is the interface for language selection. Double click this page to see it is children.  The Language page is the interface for language selection. Double click this page to see it is children. 
-The headline is a SlideShow that alternates the test in both langages. +The headline is a SlideShow that alternates the test in both languages. 
-SweBtn and EngBtn is buttons that can set a local tag depending on selected language. The button has a .css class called "invisible" set. (The class referres to the css file specified in the root block) And the binding will set a local tag to //eng// of the tag set //eng, swe//. The tag set is there to remove the tag previously set in exchange for the new one. +SweBtn and EngBtn is buttons that can set a local tag depending on selected language. The button has a .css class called "invisible" set. (The class refers to the css file specified in the root block) And the binding will set a local tag to //eng// of the tag set //eng, swe//. The tag set is there to remove the tag previously set in exchange for the new one. 
  
 {{:blocks:app-note:audio-guide:engbtnbinding.png?nolink&800|}} {{:blocks:app-note:audio-guide:engbtnbinding.png?nolink&800|}}
Line 107: Line 107:
 ===== Try something else ===== ===== Try something else =====
  
-Try to build a simular setup with a synchronizer, language selection and some of you own content.  +Try to build a similar setup with a synchronizer, language selection and some of you own content.  
-It is a good idea to read the manual to find out what the differenct settings do. Try the different options to compare the  behaviours.+It is a good idea to read the manual to find out what the difference settings do. Try the different options to compare the  behaviours.
  
 The example has a QR code that can be used for locate with a bar code scanner. A separate application note will give some insight how to use the excellent device Zebra EC30 with a built in bar code imager.   The example has a QR code that can be used for locate with a bar code scanner. A separate application note will give some insight how to use the excellent device Zebra EC30 with a built in bar code imager.