Demo - contact sharing in AR

[jeromeetienne]

Synopsys

• everybody got a AR Marker and when you look at somebody you see the contact information of the personn

  PRO/CON

• good ice breaker in the conference
• related to AR
• actually usefull as it allows people to be in contact with each other

[jeromeetienne]

How to Code It

• each personn got a given id
• we put a aruco marker for each personnId
• we have a json file which associate this personnId
• we display the contact information with a possible link

Contact generic

• it requires the following info
  • full name
  • url
  • avatar image
• con: info not standardized
• pro: very free, the user can put whatever page he likes

Contact via twitter

• to have the twitter of the personn helps
• we get the avatar of the personn
• we get the contact and the name
• pro: information easy to get

[jeromeetienne]

How to display the contact information

• industrial look
  • same thing but there is no pin
  • we display the role of the personn with various industrial-kind of icon
  • designer = helmet
  • coder = wrench
  • paint pot
• google map look
  • marker in 2d ala google map
  • the center of the pin is the twitter avatar
  • above the avatar, display the real name of the personn
  • click on it, this open a new tab with twitter page

[jeromeetienne]

About data file format

• we gonna store all the user in a expanded json file
• This is an array of object
  • personnId
  • url
  • full name
  • role
  • avatar
• here we are just storing the data, nothing is said on how to acquire them
  • data may be taken manually during the registration
  • or if we decide to go thru twitter username, the storing will be the same
  • only the data acquisition change.

[jeromeetienne]

Possible icons

• http://getbootstrap.com/components/
• http://fortawesome.github.io/Font-Awesome/icons/
• we can export that in .png
• possible ideas. to start with
  • developer: keyboard
  • industrial: wrench
  • designer: paint

[jeromeetienne]

Summary of coding

• first generate the json file manually
• get a webpage running with the code and reading htis json
• draw the cartouche in a THREE.Sprite position 0,0,0
• maybe hiereachy of object3d with a container
• design of cartouche already done on paper