Blog

30
JUL
2018

Tableau Photo Booth

Kommentare : 1

What is it?
It’s a web application which visualizes pictures coming from a 3rd party application (Photo Booth) based on selections end users are making on a map (Tableau Dashboard).

 

Which problem does it solve?
It solves the problem of combining Tableau + pictures when you can’t leverage URL-Actions or custom shapes.

 

How to use it (End User Tutorial): 

 

Can I use this for my internal Tableau Event?

Sure, just ask your Tableau contact if a consultant can set it up on a Tableau owned laptop. He or she can download XAMPP+TABLEAU PHOTO BOOTH here and when you asked some days in advance you could be lucky and have a Tableau Photo Booth up and running on-site 🙂 Another way of getting it is download it by your own and simply follow the installation instructions below.

 

What is it technically?
It is an application which uses an

  • Apache Tomcat -> As a web server to host the HTML, CSS and JS code
  • MySQL database -> to store data users are submitting
  • Tableau JavaScript API -> to immediately visualize input users are making

 

How can I get it?

Step-by-Step Installation

Step-by-Step Installation

  1. Download the code from above (XAMPP+TABLEAU PHOTO BOOTH here)
  2. Extract 7-Zip-File into C:\
  3. MAKE SURE PORT 8888 is not in use by another application on your machine
    (Tomcat is configured to use it)
  4. MAKE SURE PORT 3306 is not in use by another application on your machine
    (MySQL is configured to use it)
  5. Start “xampp_start.exe” on C:\xampp as an admin!
  6. Navigate to “C:\xampp\htdocs\TableaufansPhotoBooth” and publish “TableaufansPhotoBooth.twbx” with Tableau Desktop 2018.1 or above
    (when you don’t want to change the embed code simply publish it to your local Tableau Server http://localhost into the “Default” project
  7. Open up “http://localhost:8888/TableaufansPhotoBooth/” within your browser and press F11 (full screen)

Video Installation

Video Installation

Timo Tautenhahn
Über den Autor
Timo originally coded his own BI-application by making use of different JAVA libraries. He Worked for IBM as BI-specialist and BA-architect before he joined Tableau. Favorite subject: JavaScript API

Teilen

  • google-share

Ein Kommentar

  1. Timo Tautenhahn
    Timo Tautenhahn 9. August 2018 at 16:56 Reply

    Problem: App shows mirror-inverted image

    Quick Fix:
    1. Go to C:\xampp\htdocs\TableaufansPhotoBooth\css
    2. Open “tableauPhotoBooth.css” in Notepad
    3. Add the following lines of code

    #webcam-video{
    transform: scaleX(-1);
    }

    #picScreenshotPreview{
    transform: scaleX(-1);
    margin-left: -100px;
    }

Kommentare Cancel reply

*

*

captcha *

Categories

  • Admin Area (1)
  • Data Stories (1)
  • Developer (2)
  • Embedding API (2)
  • Extension API (11)
  • Geek Stuff (3)
  • Hacks (1)
  • Ideas (8)
  • Industry Related (1)
  • Neuigkeiten (6)
  • News (3)
  • Performance (2)
  • Salesforce (1)
  • SAP (1)
  • Success Stories (1)
  • Tableau 10 (1)
  • Tableau 9 (1)
  • Tableau Server (3)
  • Tableau Visualization Extensions (1)
  • Tipps & Tricks (10)
  • Tips & Tricks (1)
  • Tutorials (14)
  • Visual Inspiration (8)

Tags

artilize Azure bericht Cloud Cloud Database conference Datalake dynamisch embed Embedding Extension API Extract API html javascript api kpi mobile munich news on-demand on-tour parameter RLS Salesforce SAP SAP BW Security Snowflake SSO tc Write Back

Last posts

Timo Tautenhahn - Tableaufans.com - Tableau Visualization Extensions - Create and share your own chart types - Live Devs on Stage TC21

Tableau Visualization Extensions

Thursday, 11. November 2021

How to configure Tableau Online Single Sign-On with Salesforce as Identity Provider?

Monday, 16. November 2020

Tableau Extensibility Framework

Thursday, 17. September 2020

Embedding Tableau Responsively

Tuesday, 26. May 2020

Show Empty Rows and Columns

Tuesday, 24. December 2019
  • Blog
  • About
  • Contact
  • Legal
© 2019 - tableaufans.com - All rights reserved
Concept and design: www.emodia.de