Responsive Technical Interfaces
We provide engineering professionals professionally engineered technical web interfaces that are both responsive and adaptive.
Responsive has a loaded meaning here: it describes a software interface design that flows
Large Scale, Format A:
- Multi-monitor systems
- Touch tables in a control room,
- Large touch screens
Middle Scale, Format B:
- Adapts to an individual monitor, such as 1920 x 1024 or 1280 x 720
- Formats to super-wide screens, such as 2048 x 1152 or 2560 x 1440
Lower-Small, Formats C & D:
- Works on a touch tablets, and
- Reformats when a tablet moves from portrait to landscape orientation
Small, Smart Phone FormatS E & F:
- Displays on a smart phone, such as a Droid RAZR 480 x 800 pixels or Samsung Galaxy S5 720 x 1280 pixels, and
- Reformats between portrait mode and landscape mode.
Adaptive Technical Interfaces
Adaptive interfaces differ from responsive in that they are not a calculated change, but rather a design change that reflects the size of the screen. In addition, rather than resizing an image to fit, the images is modified at the server side to be the perfect size for a particular screen orientation or resolution. Adaptive interfacing depends upon one of several databases for the detection of device type:
a set of proprietary application programming interfaces (APIs) and an XML configuration file which contains information about device capabilities and features for a variety of mobile devices. Non-commercial components include:
- WURFL Image Tailor (WIT). A WURFL-based Image Resizer and Optimizer accessible online ; and,
- MOVR (Mobile OverView Report). Provides the latest in mobile and web statistics.
Apache Mobile Filter (AMF, Open Source)
- Device Detection. AMF detects your device and passes the capabilities to your website as simple environment variables
- Image Rendering. Resizes images “on the fly” to match the screen size of the mobile device, including animated gif.
- Mobile Switcher. A method to the switch the device to the correct content.
We believe the best approach is usually to employ both methods, Responsive & Adaptive.
HTML 5 contains a number of features especially useful for command-and-control interfaces. In the past one of the problems with web interfaces was their single-threaded architecture; with HTML 5 that has been rectified. In addition, HTML 5 provides server side events and sockets so that the interface can be (a) updated constantly to reflect new data inputs, and (b) the interface can connect to peer-to-peer networks found in Internet of Things (IoT) configurations.
Multiple Input Options
The old paradigm for interface design was called WIMP: Window, Icon, Menus, Pointer. Most interface designs today accommodate this approach, but also include, at minimum, a “Multi-Touch” interface.
Multi-touch software detects the presence of more than one or more than two contact points on a screen. Multi-touch is used to implement pre-defined operations depending upon the type of touch: pinch to zoom, swipe to move, two-finger rotation to rotate on an axis, or a long swipe to “toss” an image or window to another screen.
There are numerous other ways to respond to input, such as voice and gesture capture.
Emphasis on Technical
While Technical Interfaces may share commonalities with other types of Responsive and Adaptive applications, there are two distinctive features that must be implemented: (1) Technical Data Presentations and (2) live connections to the web server through HTML 5 constructs so that data can be updated and instructions can be executed without delay. Among a few of the data components we use are:
DVBlast: Streaming Video
Simple, powerful MPEG-2/TS demux and streaming. DVBlast supports several input methods:
- linux-dvb-supported cards (DVB-S, DVB-S2, DVB-C, DVB-T…) with or without CI interface
- DVB-ASI cards (from Computer Modules)
- UDP or RTP, unicast or multicast, streams carrying a transport stream
It outputs one or several RTP streams carrying transport streams with:
- hardware or software PID filtering
- PID-based or service-based demultiplexing
- optional descrambling via CAM device
- optional DVB tables
DVBlast is written to be the core of a custom IRD, CID, or ASI gateway, based on a PC with a Linux-supported card. It is very lightweight and stable, designed for 24/7 operation.
DVBlast does not do any kind of processing on the elementary streams, such as transcoding, PID remapping or remultiplexing. If you were looking for these features, switch to VLC. It does notstream from plain files (have a look atmulticat instead).
We have been producing multimedia since the videodisk, then CD-ROM, and after that Internet video streaming. We have experience with the major video streaming proprietary hardware. This is one of our open source choices.
Camera Control: Panasonic, Pelco, and More. . .
Panasonic STX/ETX, Sony, Pelco P & D, IP camera controls and pan-tilt-zoom protocols.
Simply the most powerful media player out there. Perfect for many Digital Signage projects:
- Simple, fast and powerful media player.
- Plays everything: Files, Discs, Webcams, Devices and Streams.
- Plays most codecs with no codec packs needed:
- Runs on all platforms: Windows, Linux, Mac OS X, Unix…
- Completely Free, no spyware, no ads and no user tracking.
- Can do media conversion and streaming.
x264: H.264/MPEG-4 AVC Streaming
- Encodes 4 or more 1080p streams in realtime on a single consumer level computer or NUC
- Television broadcast
- Low-latency video apps;
- web video;
- x264 is the core for such video services as YouTube, Facebook, Vimeo, and Hulu.
- 8×8 and 4×4 adaptive spatial transform
- Adaptive B-frame placement
- B-frames as references / arbitrary frame order
- CAVLC/CABAC entropy coding
- Custom quantization matrices
- Intra: all macroblock types (16×16, 8×8, 4×4, and PCM with all predictions)
- Inter P: all partitions (from 16×16 down to 4×4)
- Inter B: partitions from 16×16 down to 8×8 (including skip/direct)
- Interlacing (MBAFF)
- Multiple reference frames
- Ratecontrol: constant quantizer, constant quality, single or multipass ABR, optional VBV
- Scenecut detection
- Spatial and temporal direct mode in B-frames, adaptive mode selection
- Parallel encoding on multiple CPUs
- Predictive lossless mode
- Psy optimizations for detail retention (adaptive quantization, psy-RD, psy-trellis)
- Zones for arbitrarily adjusting bitrate distribution
- Full prediction and transform quad-tree recursion supported
- Adaptive B-frame placement
- B-frames as references / arbitrary frame order
- CABAC entropy coding
- Intra: all block types (32×32, 16×16, 8×8, 4×4, and PCM with all predictions)
- Inter P: all partitions (from 64×64 down to 8×4)
- Inter B: partitions from 64×64 down to 8×4 (including all merge modes
- and biprediction)
- Weighted prediction for P slices
- Multiple reference frames
- Ratecontrol: constant quantizer, constant quality, single pass ABR, optional VBV
- Scenecut detection
- Parallel encoding on multiple CPUs, both frame-level and wavefront parallelism
A set of tools designed to easily and efficiently manipulate multicast streams in general, and MPEG-2 Transport Streams (ISO/IEC 13818-1) in particular. The Multicat suite is lightweight and designed to operate in tight environments. Memory and CPU usages are minimal and single threaded.
VLC Core: Open Source
The VLC core we use is a portable, free and open-source, cross-platform media player and streaming media server written by the VideoLAN project. VLC media player supports many audio and video compression methods and file formats, including DVD-Video, video CD and streaming protocols. It is able to stream media over computer networks and to transcode multimedia files. A number of APIs connect to and use VLC, such as:
- libVLC API – the VLC Core, for C and C++
- VLCKit – an Objective-C framework for Mac OS X
- D-Bus controls
- Go binding
- C# interface
- Python controls
- Java API
- DirectShow filters
- Delphi/Pascal API: PasLibVlc by: “Robert Jędrzejczyk”
- Free Pascal bindings and an OOP wrapper component, via the libvlc.pp and vlc.pp units. This comes standard with the Free Pascal Compiler as of 2012-11-06.
- The Phonon multimedia API for Qt and KDE applications can optionally use VLC as a backend.
- Capacitance Mat
- Cell Phone
- Doppler Radar
- Inductive Loop
- Infrared Laser
- Infrared Pyroelectric
- Machine Vision (video)
- Road Tube
- Ammonia (NH3)
- Atmospheric pressure
- Carbon Dioxide (CO2)
- Carbon Monoxide (CO)
- Hydrocarbons (VOC)
- Hydrogen (H2)
- Hydrogen Sulfide (H2S)
- Methane (CH4)
- Nitrogen Dioxide (NO2)
- Oxygen (O2)
- Ozone (O3)
- Dissolved Ions (Na+, Ca+, F-, Cl-, Br-, I-, Cu2+, K+, Mg2+, NO3-)
- Dissolved Oxygen (DO)
- Oxidation-Reduction Potential (ORP)
- Dust concentration
- Linear displacement of cracks
- Ambient temperature
- Atmospheric pressure
- Leaf wetness
- Soil moisture
- Soil temperature
- Solar radiation
- Stem diameter
- Wind vane
- Hall effect
- Liquid flow
- Liquid level
- Water presence
We use “data-driven documents,” or D3, so that your complex data can be easily visualized for a number of graphical displays. It provides an expressive environment for visualizing data using light-weight vector graphics written in W3C compliant SVG.
A sparkline is a very small line chart, typically drawn without axes or coordinates. It presents the general shape of the variation (typically over time) in some measurement, such as temperature or stock market price, in a simple and highly condensed way. Sparklines are small enough to be embedded in text, or several sparklines may be grouped together as elements of a small multiple.
We also use SVG as well as Canvas-drawn sparklines to put data visualization in the smallest of places, like technical property grids and treegrids.
Highcharts is solely based on native browser technologies and doesn’t require client side plugins like Flash or Java. Furthermore you don’t need to install anything on your server. No PHP or ASP.NET. Highcharts needs only two JS files to run: The highcharts.js core and either the jQuery, MooTools, Prototype or Highcharts Standalone framework. The Highcharts Standalone framework is designed for those who do not already use jQuery, MooTools or Prototype in their web page, and wish to use Highcharts with minimal overhead.
Industrial Protocol Modules
We can provide interoperability, reliability and scalability for any industrial environment. This multi-protocol networking platform uses IP all the way to the end device.
- Sensors can be connected to an existing buss
- Add wireless connectivity to existing busses
- Connect existing busses to the cloud
MIB SNMP Database
Quick and easy conversion from an existing MIB structure to XML to Database Tables and then to RESTful web connections for sharing of data.
Databases and SQL
Types of Database work we support includes:
- Microsoft SQL Server
- Microsoft Access
- Sybase ASE
- Over 67 other RDBMS databases
- Over 12 in-memory databases
Middleware & Business Logic Software
This list is meant to be illustrative rather than exhaustive:
We do not do Java.
Web Presentation UI/Ux
For a more comprehensive list, please go here.
Desktop Presentation UI/UX
For desktop work, we currently code in:
- old VB (7)
Touch Presentation UI/UX
The following is a shortlist of libraries we are aware of. Please look at this blog entry for more details.
- Sencha Touch
- Google Maps API v3
- Directions API
- Distance Matrix API
- Elevation API
- Deocoding API
- Time Zone API
- Google Places API
- Static Maps API
- Street View Image API
- Earth API
- OpenStreetMap API v0.6
- REST specifications
- Web Map Franework
- OSM Extended API (xapi or “zappy”)
- Mapbox Street Data
Tiger Line Files
- TIGER/Line Shapefiles – 2014
- TIGER/Line Geodatabases
- TIGER/Line with Selected Demographic and Economic Data
- Cartographic Boundary Shapefiles
- KML – Cartographic Boundary Files
Beck Topological Maps
- Simplified, scaleless
- Distance/Direction deformation for maintenance of numeric values
- Point relationships maintained
- ESRI file access
- Database access
- Chain access
- Network Scanning
- OS Fingerprinting
- Route Analysis
- SMTP Analysis
- Service Fingerprinting
- Traffic Analysis
- DNS Analysis
- VoIP Analysis
- Open Source Assessment
- Cisco Tools
- DB Assessment
- DB Exploit
- Web Application Fuzzing
- Application Proxies
- Vulnerability Scanning
- Network Sniffing (Wireshark, etc)
- Network Spoofs
- Web Sniffers
- VoIP Tools
- Network Stress (flood, denial, etc)
- Web Stress
- WLAN Stress
Our Video Experience
We have a long history with video, beginning in the early 1990s. We’ve produced entertainment video, educational video, video production for government, video streaming, industrial video, and new video streaming (H.264, H.265). Please do click below for a more detailed overview.
Small, Smart Looking
Our Digital Signage engine, the Intel NUC, is small, but muscular, sleek and attractive.
HDMI and Display Port Outputs
Dual HDMI outputs for multimonitor support.
USB 3.0, Ethernet, WiFi
Multiple modes of connectivity.
Outstanding Build Quality
High quality Intel contruction, graphics are handled by the third generation Intel Core i3 CPU via Intel HD 4000 graphics processing.
Low power, low noise
Small power footprint, 2.5W when in standby, 8W when in idle, 31W when under full load processing 3D graphics. Video load: 15W to 19W. Small fan almost no noise so it’s ideal for quiet environments as well as open spaces.
We do open source! No more proprietary dead-ends, no more hidden agendas, and here are 12+ other reasons to consider why your technical control room or installation should be open source:
- Lower Cost: No yearly fee. It’s cheaper, way cheaper.
- Superior Security: An open book is verifiable–SHA2, far better than MD5.
- Quality: You have a hand in it…it fits you, you don’t fit it.
- Customizable: As you like it.
- Freedom: No vendor lock-in.
- Flexible: You decide on when to upgrade–or not. You decide who to integrate with–or not.
- Auditable: No leap of faith, it’s an open book, none of that “hidden by vendor” stuff.
- Support Options: You are not tied in to anyone in particular.
- No Commitments: Try it, put it in your system, if it doesn’t work, pull it out. Because it’s standards complaint (NTCIP) it plays nice with compliant devices. No SaaS (locked in to software as a service yearly fee), but it’s available should you chose to use it.
- All Data Options:
- On-board database data collection access through port 3306,
- Push to cloud data collection through port 80 or 3G,
- Ethernet data collection,
- 3G cell data dump,
- Iridium™ data dump,
- HughesNet™/Echostar™ data dump,
- IMARSAT™ data dumps,
- WiFi data dump,
- ITE TMDD push,
- JSON, and
- Serialized output: MySQL™, PostgreSQL™, MS-SQL™, Oracle™.
- Communication Options: WiFi 802.11b 2.4GHz, 3G/GPRS,802.15.4, ZigBee™, Bluetooth, Bluetooth Low Energy, RF-902-928 MHz ( FCC CFR 47, part 15), RS-485, RS-232, CAN-bus, Modbus, Modbus-to-RTU
- Engineering Standards Compliant