[Web App Development] Suomalainen:
Hello!

For the topic of this discussion, I would like to use the following web link as reference. Please visit:

http://www.taganize.com/signature/signature.html

This link will ONLY work in smart phones like iPhone and Android. Directions icon works best with Google Maps installed.

The idea here is that when a link is provided to this page or these icons embedded into email signatures people can contact each other with simple push of a button from smart phone. Especially if person isn't in a persons contact list.

The html code for this page is straight forward:

<html>

<head>

<meta name="viewport" content="width=device-width">

<meta charset="utf-8">

<title>Signature</title>

</head>

<body text="#000000" bgcolor="#FFFFFF">

<font face="DejaVu Sans">

<center><a href="http://taganize.com/"><img src="http://www.taganize.com/signature/taganize.png" width="500" height="90"/></a></center><p>

<center><font size="3"><b>Activate NFC chips and generate QR codes in seconds.</p>

<i>Reuse them forever!</b></i></font><p></center></font>

<center><a href="http://taganize.com/t?c=fC2JgPxr"><img src="http://www.taganize.com/signature/call_me_now.gif" width="160" height="40"/></a></center>

<p>

<center><a href="http://taganize.com/t?c=ZWKjWX6S"><img src="http://www.taganize.com/signature/text_me.png" width="80" height="80"/></a></center>

<p>

<center><a href="http://taganize.com/t?c=QY59bfd6"><img src="http://www.taganize.com/signature/directions.png" width="80" height="80"/></a></center>

<p>

<center><font size="2"><b>Icons powered by Taganize.com<br></b></i></font></center>

</body>

</html>

But look at the setup procedure and steps

Preparations- Get these three things squared away first:

1. Create Taganize.com account

2. Obtain three images of your choice representing: Call Me, SMS and Visit Me and/or Directions.

3. Setup a hosting account where images and html files can be placed. The pratical thing for novices to do is sign up for either a 'Pancake' account or 'Droppages' accounts and enable access to ones Dropbox account. THIS IS ALL FREE TO DO! As you experience more of Taganize and what Taganize can do for you these third party services will become indispensible in all your QR and NFC needs! See:

A) https://pancake.io/

B) http://droppages.com/getting+started

STEP # 1

1. Sign In to Taganize.com

2. Create Folder 'My uri's' or similar

3. Create three tags:

a. Name your first tag 'Telephone'. In 'target url' field type tel:00358-Area Code-Number NOTE: 00 replaces +. No spaces allowed!

b. Name your second tag 'SMS'. In 'target url' field type sms:00358-Area Code-Number NOTE: 00 replaces +. No spaces allowed!

(If user wants to add message to SMS then do this: sms:00358-Area Code-Number?body=TYPE MESSAGE HERE)

c. To enter directions using geo uri with Google maps (eg https://maps.google.com). Go here!

Right click on the exact location you want to go to and choose 'What's here?'. Coordinates appear top left of screen.

Enter the geo coordinates into the Taganize target url field as follows:

For directions by car enter:

google.navigation:q=60.159057, 24.864673

For additional info on using URIs visit the Taganize.com help section!

4. For each Taganize tag you create you must go to 'Tag Info' located to 'right' of each tag and choose 'view details'. At the bottom of this pop-up window you will find the Taganize assigned url. Write down this url for each of the three tags you create!

STEP # 2

This step involves uploading the three images to a hosting service. Non-novices are assumed to possess that level of knowledge to know what the url of each of their images is.

The urls for images uploaded to 'Pancake' OR 'Droppages' will look similar to this:

Image Location:

http://NAME_USER_ASSIGNS.droppages.com/NAME_OF IMAGE. (example: picture.svg)

http://NAME_USER_ASSIGNS.pancakeapps.com/NMAE_OF_IMAGE. (example: picture2.jpg)

1. User must now upload all three images.

2. User must correctly note the exact url to each image. This can be easily tested by typing each images url in a broswer.

STEP # 3

1. Open 'signature.html' in a text editor

2. We will now assign icons in order from top to bottom. Determine which icon you want to be top, middle, bottom.

3. User will find three lines of code that look similar to this:

<img src="http://www.taganize.com/signature/call_me_now.gif" width="160" height="40"/>

4. Re-enter to each of the three lines the new url for each images location. Adjust the width and height of your image accordingly.

5. Navigate to where the file 'Signature.html' is and open it with your favorite browser.

6. Adjust the width and height accordignly in the signature.html file. Hit refresh on your browser to review changes.

Step: # 4

1. User will find three lines of code that look similar to this: <a href="http://taganize.com/t?c=fC2JgPxr">

2. Replace each line of code with the url You noted in Step # 1 part 4. Make sure they match with your icons.

3. Click save but do not close out.

4. Navigate to where the file 'Signature.html' is and open it with your favorite browser.

5. Provided you entered everything accordingly, web page should open exactly as you want.

6. Upload signature.html file to same destination as images.

7. Type the complete url for signature.html in your smart phone browser.

8. You are now in business.

Would creating an app to do this be a better alternative or is this entireley a non issue and duable?

I set up a poll to hear your opinions.'Just go here:

http://www.taganize.com/signature/signature.html

and click on Uncle Sam.

Thank you!!