My Directions
3112_100822_7.png

My Directions is an example of a FirstClass 12 External Application that takes advantage of storing and retrieving data specific to the user running the application.  It uses standard HTML, javascript, CSS and primarily JQuery and the Google Maps API to give users a directions and mileage tracking application.
NOTE:  Build your own default site list with SiteBuilder

NOTE: This application requires FirstClass Server 12.0 B1291 or later


 

Download the Source Code
For this application, we can run it in an iFrame delivered from our Internet Services (or any web server)
As we did with the Calculator application,
1. Download MyDirections.zip and expand it to extract the full MyDirections folder.
2. Inside that folder you will find the two sample files containing lists of sites and coordinates that can be used as the default sites for your users (VancouverSites.json and TorontoSites.json.  As these are only sample lists and will not likely meet your needs, you can visit our SiteBuilder page to build your own list of sites.


Installing the Application
1. Follow the instructions in the Installing External Apps section to create a new external application document.
2. Name your application something like Directions (or any other name you choose)
3. On the Configuration Tab, select Inline Window as your display type
4. Set the dimensions to 500 px X 650 px
12182013_51824_0.png
5. In the Configuration field, enter the name of the site file that contains your default sites.
12182013_52037_1.png

6. Add the names of the groups to which you wish the application to be made available.
6413_114131_3.png

7. Click the image at the right to open it in a new window, then save as icon.png and attach it to the form 121813_52928_0.png
8. In the body of the document, paste the following html snippet.
NOTE: If you are running FCWS with an SSL certificate, recent changes to both Chrome and Firefox require that your web server hosting your external application also have an SSL certificate installed.
<iframe width = "100%" height = "100%" src="http://www.yourserver.com/ExtAppSource/MyDirections"></iframe>