Just Released! PHP Uber-style Geotracker

Check out my latest script – PHP Uber-style Geotracker – available NOW at codecanyon.net! Click here!

WHAT’S NEW IN VERSION 1.1?
By popular request, I added support to send SMS text invites (email invites still included and still work). This feature does require a paid Twilio account (unlike email which is FREE). See installation instructions for set up details.

WHAT IS UBER-STYLE GEOTRACKER?
The Uber-Style Geotracker is a PHP/MySQL script that allows a group of smartphone owners to track each other’s geolocations in near real time (default: every minute).

In my opinion Uber app’s user interface is what sets it apart
and is the key to uber’s success. It is real time, accurate, easy
to use and informative and what makes taking uber more attractive
than taking a cab. Customers knowing where the drivers are at any
time made the difference and redefined the for hire transporation.
Imagine being able to apply that to daily life with family, friends,
coworkers, employees, etc. Now you can!

– Data Ninja (7/12/2017)

HOW IT WORKS

  1. Decide on the group of people you want to geotrack (“geotrackees”) in a private geopmap and enter their emails and/or cell phone numbers in textarea on home page.
  2. Click on the invite button and an email or text message with a GeoTracking link will be sent to each geotrackees’ smartphone.
  3. Each geotrackee will receive an email similar to above (or a text message with a link) . Each simply clicks on the link to start geotracking and closes browser or navigates to new web page, to stop.
  4. Keep browser with private geomap active to keep updating geolocation real time. (for continuous tracking, you may want to disable screensaver – see documentation ‘Disable Phone’s Auto-lock’)
  5. Close browser or navigate to a different web page to end geomapping.
  6. Re-click (reuse) geotracking link in email if you want to tracking to commence again.

INSTALLATION

  1. Install this script on a LAMP or WAMP server or hosting service:
  2. IMPORTANT: This script runs off the root of your domain. You will need to set up a subdomain (e.g. https://subdomain.domain.com) if you need to install in a folder on your apache server.
  3. Compare your php/mysql server settings withhttps://geotracker.dataninja.biz/php/phpinfo.php
  4. REQUIRED: Your server needs to set up for HTTPS (SSL cert) for geolocation technologies to work
  5. Unzip contents of purchased zip file into the folder you’ve designated for your domain or subdomain in step 1.
  6. Edit /php/config.php and modify database settings and update mapbox access token key to your own – go tohttps://www.mapbox.com/help/how-access-tokens-work/ to generate your own.
  7. NOTE: If you need continuous tracking, go to documentation and review the ‘Disable Phone’s Auto-lock’ section. You will need to prevent phone from ‘sleeping’ if you want continuous tracking. Also, see ‘Adjust Refresh Settings’ to set refresh frequency (be sure you have a server/hosting account that can support the number of hits per day from this setting)
  8. NOTE: If you plan to use SMS text invite feature (not required, if email invitations are okay) you will need to sign up for a Twilio Account – put your account number and auth token on the top of /php/config.php file.
  9. That’s it!!! You should be good to go. Tanoshinde (Have fun!!!)

PRODUCT ROADMAP: click here – Product roadmap / feature requests
AUTHOR’S NOTE ON SCRIPT: see blog post – Author’s Note: Uber-style GeoTracker
FULL DOCUMENTATION: click here – Uber-style GeoTracker documentation

KEY FEATURES
  • Near realtime (based on refresh settings) geotracking engine
  • Geotrackee email invitation engine
  • Approximate street address detection
  • Custom markers framework
  • Photo markers framework
  • Mapbox themes support
  • Invite new geotrackee(s) support
SYSTEM REQUIREMENTS
  • Any browser that supports HTML5/Javascript, jQuery (2.1.4). Tested with Chrome Version 49.0.2623.110 (64-bit), Safari Version 5.1.7 (7534.57.2), Internet Explorer 11.0.9600.18230, Firefox 5.0.2
  • A PHP/MySQL supported webserver is required. Your settings will need to match those found in – https://geotracker.dataninja.biz/php/phpinfo.php
  • This script uses hosted libraries for mapbox and leaflet.js. It does require you to procure access tokens – go to mapbox.com. Click here for details.
  • To use the SMS text invite feature, sign up for a Twilio account at twilio.com.
  • See ‘Installing this Script’ in documentation.

 

REMINDER ON EXTENDED LICENSES: Just a friendly reminder that there are two different license levels at codecanyon.net. The regular license is for single FREE user use. If you have multiple clients or charging clients for functionality from this script, then an extended license is the appropriate level. It’s only fair as I do spend a lot of time tuning these scripts. And more sales/revenues means I can code more features and it has come to my attention that many purchasers are using my script for commercial (for pay) purposes with just the regular license. Thanks for you support. Click for more details – Regular vs. Extended License Comparison

 

VERSION HISTORY

VERSION 1.1 (7/21/2017) – Initial Launch Version

  • Invite Geotrackees by SMS text (using Twilio)

VERSION 1.0 (7/15/2017) – Initial Launch Version

  • Invite geotrackees by email
  • Generate and send GeoTracker Link emails
  • Near realtime (based on refresh settings) GeoTracking engine
  • Approximate street address detection
  • Custom markers
  • Photo markers
  • Mapbox themes
  • Invite new geotrackees

 

 

Regards,
Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Advertisements

Just Released! PHP Dashboard v4.0 (Collaborative Social Dashboards)

Check out my latest script – PHP Dashboard v4.0 – available NOW at codecanyon.net! Click here!

WHAT IS PHP DASHBOARD VERSION 4.0?

PHP Dashboard version 4.0 builds on top one of my other scripts HTML5 Dashboard Designer for the Cloud but leverages the power of PHP/MySQL to create a collaborative platform for dashboard creation and sharing.

COLLABORATION FUNCTIONALITY

  • Multi tenant – users can set up private account with secure login and password
  • Collaboration functionality – invite others by email to collaborate on charts and dashboards
  • “My Dashboards” panel – displays all dashboards you develop and maintain and those that you are collaborating on
  • Brand new enhanced menu that has thumbnail display of collaborators

Along with these new collaboration features, you will still find the easy to use, drag and drop user interface found in HTML5 Dashboard Designer for the Cloud that allows non-programmers (and programmers alike) to build sophisticated dashboards (think dashboards you see in your favorite sci fi/action hero/spy movies) in minutes leveraging an extensible collection of popular Javascript and jQuery data visualization plug-ins.

The script allows you to build dashboards using Mapbox,d3js, Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js. The rotating carousels containing the selection of charts are architecturally extensible and the multi-year roadmap of this script calls for support of additional chart types in the
near future.

This dashboard designer uses standard (non-proprietary) HTML5/jQuery/Javascript to create a very light, easy to share dashboard. Dashboards can be previewed, shared and saved, jsfiddle-style (on the cloud thru automatically generated URL links). The script also includes a code generator that generates standalone scripts (4 different flavors – HTML5 Only, HTML/jQuery, URL string, Silent Form Post) to render the dashboard you created.

Chart data can be hand entered or loaded from a file on the server where you have this script installed (for security reasons). To update chart, simply update the json file. Finally, full source code is available with every script purchase for you to customize, extend and incorporate into your own software.

For the price and what’s included, it’s the best value out there!!! You’ll save 100’s of hours not having to figure how to use the JavaScript chart plug-ins incorporated in this script. This script figures it out for you! Also, the collaborative social paradigm for dashboard sharing makes this script unique. Check it out!!!

KEY FEATURES

  • Create dashboards of any size form factor – any width by any height. Default is 5000×5000 pixels.
  • Extensible rotating carousel “palette of JS/jQuery charts” including Mapbox, d3js, Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js. Many, many more to come including: Mapbox, eCharts, etc. available soon!
  • Easy to use drag and drop dashboard designer user interface to create beautiful interactive dashboards in minutes. No coding necesarry! (see How to Videos)
  • Settings panel for “no coding” chart customization – setting titles, text font, text size, chart background, series colors, etc
  • DB agnostic data sources – Hand enter data or load data from a JSON file on your server.
  • jsFiddle style saving/sharing – Ability to preview, share and save your dashboard on the cloud using auto generated URLs (* these features require PHP/MySQL webserver).
  • Code Generator – auto generates code to render your dashboard in a standalone script. Different flavor scripts including: HTML5 Only, HTML5/jQuery, URL string (GET), Silent Form (POST)
  • Theming capability. Change color scheme, fonts, background of dashboard by changing a single theme setting.
  • Full source code available with every script purchase(< 10k lines) for you to extend, customize and incorporate into your own software.

SYSTEM REQUIREMENTS

  • Any browser that supports HTML5/Javascript, jQuery (2.1.4). Tested with Chrome Version 49.0.2623.110 (64-bit), Safari Version 5.1.7 (7534.57.2), Internet Explorer 11.0.9600.18230, Firefox 5.0.2
  • A PHP/MySQL supported webserver is required for jsfiddle features (preview, share, save) and render script options #3 and #4 – click here for phpinfo for PHP/MySQL versions and configuration options of the server serving up the demo. IMPORTANT: make sure to compare with phpinfo of your installation. Many PHP/MySQL errors stem from configuration options of customer php server instances.
  • This script uses hosted libraries for Highsoft (code.highcharts.com, etc) and no installation required. It does require you to procure the appropriate Highsoft (Highcharts, Highmaps, Highstock) license based on your use. Click here for details.
  • See ‘Installing this Script’ How To Video above for a demo of installation.

HOW TO VIDEO LIBRARY

REMINDER ON EXTENDED LICENSES: Just a friendly reminder that there are two different license levels at codecanyon.net. The regular license is for single FREE user use. If you have multiple clients or charging clients for functionality from this script, then an extended license is the appropriate level. It’s only fair as I do spend a lot of time tuning these scripts. And more sales/revenues means I can code more features and it has come to my attention that many purchasers are using my script for commercial (for pay) purposes with just the regular license. Thanks for you support. Click for more details – Regular vs. Extended License Comparison

VERSION HISTORY

  • VERSION 1.0 (1/15/2017) – Initial Launch Version
    • Multi-tenant user accounts
    • Invite collaborators
    • Share dashboard via link
    • Email dashboard link
    • Embed dashboards in your website(s)
    • Create dashboards for any size form factor – create dashboard of any width and any height.
    • Extensible rotating “palette of JS/jQuery charts” including Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js. Many, many more to come including , d3js, Mapbox available next release.
    • Initial launch version includes all the charts found in HTML5 Dashboard Designer, these include:
    • Easy to use drag and drop dashboard designer user interface to create beautiful interactive dashboards in minutes. No coding necesarry! (see How to Videos)
    • Settings panel for “no coding” chart customization – setting itles, text font, text size, chart background, series colors, etc
    • DB agnostic data sources – Hand enter data or load data from a JSON file on your server
    • jsFiddle style saving/sharing – Ability to preview, share and save your dashboard on the cloud using auto generated URLs (* these features require PHP/MySQL webserver).
    • Code Generator – auto generates code to render your dashboard in a standalone script. Different flavor scripts including: HTML5 Only, HTML5/jQuery, URL string (GET), Silent Form (POST)
    • Theming capability. Change color scheme, fonts, background of dashboard by changing a single theme setting.
    • Full source code made available with every script purchase(< 10k lines) for you to extend, customize and incorporate into your own software.

Regards,
Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Just Released! PHP Streetmaps (Uber-style moving markers and more…)

Check out my latest script – HTML5 Streetmaps – available NOW at codecanyon.net! Click here!

This easy to use PHP class library allows PHP/MySQL developers to create a wide variety of customized streetmaps by instantiating this PHP streetmap class (no javascript coding necessary!) Create custom streetmaps with the following mapbox/leafletjs built-in features:

• NEW!!! UBER-style moving markers
• Heatmaps
• Markerclusters
• Streetmap with directions/routing
• Streetmaps with various shapes (polygons, circles, rectangles)
• Streetmap styling(supports the 14 mapbox.js styles)
• Multi-color markers
• Multi-color markers with fontawesome icons
• Image markers
• Custom popups (text/images/videos)

Version History

v1.0 (11/1/2016) – Initial release
v1.1 (11/16/2016) – added UBER-style moving marker

Regards,
Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Author’s Note: PHP Streetmaps

“A backend developer trying to do front end programming well is like right hander trying to write left handed well. With enough work, it can be done…but it does not come naturally.”
– Data Ninja

LEFT VS. RIGHT SIDE OF THE BRAIN – The left side of the human brain focuses on logical thinking, analysis, and accuracy. The right side of the brain, on the other hand, focus on aesthetics, feeling, and creativity. Front end developers, generally speaking, have “right handed” brains and backend “left handed”. It’s possible for each to do the other’s type of programming, but it doesn’t come naturally.

This is why I wrote PHP Streetmaps. It allows a PHP/MySQL backend developer an easy way to create sophisticated streetmaps (with directions, heatmaps, markers, image markers, complicated popups, video popups, etc) without learning mapbox/leaflet.js which are written in javascript, a language primarily by front end developers.

The technique used here is I created a PHP wrapper class called PhpStreetmaps that wraps around my HTML5 script (also sold seperately at codecanyon.net but included when you purchase this PHP script). I also added methods to connect and interact with a MySQL database directly to feed map markers from a database.

To use, simply instantiate the class and use it’s setter methods to set the properties and the markers for the streetmap.

So, attention PHP backend developers..sophisticated streetmaps in your sleep! No javascript necessary! Check it out!

PHP Streetmaps – available NOW at codecanyon.net! Click here!

Tanoshinde (‘Have fun!’),
Data Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Just Released! HTML5 Streetmaps

Check out my latest script – HTML5 Streetmaps – available NOW at codecanyon.net! Click here!

What is HTML5 Street Maps?

This easy to use library allows non-programmers (and programmers alike) to create a wide variety of customized streetmaps using straight HTML (no javascript coding necessary!) Create custom streatmaps with the following mapbox/leaflet built-in features:

• streetmap styling(supports the 14 mapbox.js styles)
• multi-color markers
• multi-color markers with fontawesome icons
• image markers
• custom popups (html only)
• custom popups (with images)
• custom popups (with slideshows)
• heatmaps
• markerclusters
• streetmap directions
• streetmaps with various shapes (polygons, circles, rectangles)

Regards,

Ninja

my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Author’s Note: HTML5 Streetmaps

“A good programmer looks for ways to create ‘layers of abstraction’ that hide the complexity of the lower layers of a given software language or library…a better programmer eliminates the need for programming altogether.”

– Data Ninja 10/1/2016

I wrote HTML5 to give web designers who know HTML/CSS (but not not jquery and javascript) an easy way to create sophisticated leaflet/mapbox streetmaps for their web pages, without writing a single line of javascript code.

The technique used in this script is to leverage jquery’s class selector functionality – e.g. $(‘.myclass’)… – to create custom tags. By eliminating the dot ‘.’ in the class selector search string, jquery grabs any tag with a tag name that matches what is specified in a ‘dot-less’ class selector entry.

For instance, to create the custom tag, this script starts by using the following code – ‘$(“streetmap”)… that finds every instance of the streetmap tag on a web page, reads its attributes – ‘data-…’ – and renders the streetmap accordingly.

Now, with a single javascript declaration at the top of any webpage, streetmaps leveraging leaflet/mapbox advanced features – including markers, heatmaps, markerclusters, polygons and other shapes – can be rendered with straight HTML.

Eliminating the need for programming altogether!

I hope non-programmers and programmers alike find this script useful. Drop me a note if you have any questions.

HTML5 Streetmaps – available NOW at codecanyon.net! Click here!

Tanoshinde (‘Have fun!’),
Data Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here