2012

SAP HTML5 Sample Web Applications

Theobald Software · .NET · C# · ASP.NET MVC · Web API · jQuery · ERPConnect

In 2012 I created two HTML5 sample web applications with real-time visual effects, displaying SAP customer and stock quantity data. The SAP/.NET connectivity runs through the ERPConnect library from Theobald Software.

The goal was to show how little it takes to add visual effects with jQuery. The customer demo (CIS) opens hidden table rows with a horizontal slider that shows an order quantity diagram. The stock quantity demo (SIS) expands the top row into several rows and adds a row with a chart.

Libraries used

jQuery and CSS libraries in the demos:

  • Bootstrap (twitter)
  • jQuery.Shadow
  • jqBarGraph
  • pagePeel
  • progressbutton.jQuery
  • liteAccordion

The samples ship with the ERPConnect library. ERPConnect is a lean .NET assembly for SAP interfaces that needs no extra infrastructure and no middleware.

Screenshots

The customer information demo with live SAP data
The customer information demo (CIS).
The stock quantity demo with live SAP data
The stock quantity demo (SIS).

Posts about the demos