The code below is entirely my own personal work written by myself, Alex Javad. Some files contain too many lines of code for a full screenshot. For readability, I’ve uploaded most of these files to GitHub. Feel free to examine my work here: https://github.com/alexjavad/C-Sharp-Examples I’ll make direct reference to some of these files in this document.
The following User Interface/Feature was built for Armstrong Transport Group, Inc. – a logistics company based in Concord, North Carolina. This is an integration with the Google Maps API, on the front-end, as well as the MacroPoint API on the backend. The MacroPoint API basically uses a truck driver’s cell phone, and triangulates the driver’s location, so that the people in the company can keep track of shipment progress, to make sure freight is being delivered on time.
The following is the backend C# code that is sending the MacroPoint API the information it needs in order to track the truck driver’s cell phone. When you “initiate tracking” the API will regularly send updates back to a “callback API” providing current coordinates, city, and zipcode information of the driver. This is the information that we then hand to the Google Maps API, to plot points along the driver’s route. Note the map above shows the origin of the shipment, and the stops the driver must make on his/her route to the destination (A, B, C). You can also notice in the bottom right of the above photo, that we made the system show the driver’s current city and state, when we receive an update.
To view the entire code for the MacroPoint integration, please do so here: https://github.com/alexjavad/C-Sharp-Examples/blob/master/MacroPointService.cs
Building the XML data to “Initiate Tracking” with the MacroPoint API on a Load via HTTP:
Actually issuing the XML payload to “Initiate Tracking” to the MacroPoint API:
This is the “callback API” that is configured to receive location updates from MacroPoint, and store that as a “comment” on a Load:
You can see the entire LoadController (with various MacroPoint callback APIs) here: https://github.com/alexjavad/C-Sharp-Examples/blob/master/LoadController.cs
The following is a chart tracking the performance of the sales team by group, person, and manager. The code below produces the user interface directly above this sentence. The pie charts seen above are Telerik/Kendo UI Controls. We used Vue.js to streamline JavaScript development, it is utilized in the code below.
<style> .no-wrap { white-space: no-wrap; } .report-column{ border-right: 1px solid #DDD; min-height: 500px; background-color: transparent; transition: background-color 1s; } .report-column h4{ font-weight: bold; border-bottom: 1px solid #CCC; color: #828282; } .report-column:hover{ background-color: #F1F1F1; } .date-selector{ border-bottom: 1px solid #CCC; } </style> <script type="text/template" id="Tpl-Manager-Office-Revenue">| Group | Revenue | Profit |
|---|---|---|
| {{group.Name}} | {{group.Revenue | currency}} | {{group.Profit | currency}} |
| Rep | Revenue | Profit |
|---|---|---|
| {{user.Name}} | {{user.Revenue | currency}} | {{user.Profit | currency}} |
| Rep | Revenue | Profit |
|---|---|---|
| {{user.Name}} | {{user.Revenue | currency}} | {{user.Profit | currency}} |
RESTful Web Services for Armstrong Dashboard:
… and Associated Business Later/Data Access Layer:
… and the Associated Business Logic/Data Access Layer:
To view this entire file please visit: https://github.com/alexjavad/C-Sharp-Examples/blob/master/DashboardBusiness.cs
Dashboard related SQL stored Procedures:
Please let me know if you have any questions regarding the above.