PIXILAB Wiki

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
blocks:app-note:publishphoto [2020-04-07 08:30]
mattias [Take a photo from one, publish on another spot] 		blocks:app-note:publishphoto [2023-08-01 21:08] (current)
admin [Installation]
Line 1: Line 1:
-====== Take a photo from one, publish on another spot ======+====== Take a photo and publish on Spot ======
  
-This application note shows how to pick a photo from a visitor’s spot and publish on a display spot , the note: +This application note shows how you can take a photo using, e.g., a mobile phone and then automatically publish it on a Display Spot.
- +
- +
-  * Describe how to use the application. +
-  * Briefly describe the custom components and what they do. +
-  * Discuss the task involved.+
  
  
Line 15: Line 10:
 We have prepared a PIXILAB-blocks-root folder containing everything you need to run the examples. We have prepared a PIXILAB-blocks-root folder containing everything you need to run the examples.
 {{  :blocks:app-note:publishphoto:take-photo-publish.zip|Download this ZIP file and unpack it.}} {{  :blocks:app-note:publishphoto:take-photo-publish.zip|Download this ZIP file and unpack it.}}
-If you don't know how to do this, read the instructions in the [[https://int.pixilab.se/docs/blocks/app-note/start|general setup section.]]+If you don't know how to do this, read the instructions in the [[blocks:app-note:start|general setup section]].
  
 If you have done the general setup, copied the files and pointed to this  application notes root block, follow the next steps to run this application on your computer. If you have done the general setup, copied the files and pointed to this  application notes root block, follow the next steps to run this application on your computer.
Line 32: Line 27:
  
 When trying this on a computer you will get a dialog asking for a photo from the local computer.  When trying this on a computer you will get a dialog asking for a photo from the local computer. 
-If running from a mobile device one will automaticly get the option to use the camera or browse for a file.+If running visitor spot on a mobile device one will automaticly get the option to use the camera or browse for a file.
  
-On the displayspot you should should see the photo you selected from the previous step. +On the display spot you should should see the photo you selected from the previous step. 
  
  
Line 41: Line 36:
 ===== How does it work===== ===== How does it work=====
  
-The block shown on the visitor spot is a custom application loaded via a web-block. +The block shown on the visitor spot is a custom application loaded via a web-block. The web app takes a photo and then calls the Photo.js scripts function "finish" that crops the size and uploads the file to the block and updates the block definitions. Finally, the task OnPublish is called and in the Blocks task OnPublish is called.
-===== Task===== +
- +
-The user script Photo.js runs the task called OnPublish every time someone publishes a new photo. +
 This task will make sure the block is published and updated every time called.  This task will make sure the block is published and updated every time called. 
 You may use this task for any other functions required at publish.  You may use this task for any other functions required at publish. 
  
-{{:blocks:app-note:publishphoto:task.png?nolink&600|}} +{{:blocks:app-note:publishphoto:task.png?nolink&600|}} 
 + 
 +===== Supplementary studies=====
  
 +If you want to change any names of blocks or paths to blocks or task the script Photo.js and the task to update the block must be updated accordingly.  Before that, try the [[blocks:app-note:publishscribble|scribble application note.]]
 +The custom app files can be found and examined in the /public/apps/photographer/ folder.