Tag Archives: HTML

Menupatch, Free Digital Signage

An evolution of the Student Notices V2 project, completely re-written again to allow for multiple user accounts, media uploads, and an algorithmic digital signage system.  This was released for free to complement the commercial Signchro product.

Notable Features:

  • Fully responsive layout using Bootstrap CSS.
  • Paypal API integration to keep track of accounts and payments.
  • Dedicated Digital Signage interface, with complex weighted calculations to use all available display face in the most optimal manner.
  • Media optimisation on upload to multiple sizes, for optimal display and bandwidth usage throughout.
  • UUID based database and file storage.
  • DOM manipulation for Multi-use Modals.
  • MVC framework for ease of maintenance.

Kids Activity Centre

This is a plugin-based javascript application for children to use on tablets.

Click here to try it out online.

Only a few plugins were written.  These are outlined below:

Puzzles
A drag & drop style picture matchup game, where a child would drag parts of an image over the top of the template.  Once complete, a sound matching the image would play allowing them to move on to the next image.

Piano
Working piano.  As the child presses each key, a xylophone sound is made.

Paint
HTML5 Canvas based paint application with different colours.

Scenes
Intended to allow the child to click on various areas and objects within the scene, to see it animate and hear the sound.  This plugin remains incomplete.

The entire application was developed to be packaged as a phonegap application, but works fine when accessed on its own.  It utilises the dojo framework.

Dangerous to Fish

A game written in full JavaScript & CSS.  It has a number of interesting features:

  • Relies heavily on sine waves for the waterline, swimming, bubbles, and jumping.
  • True health system reflected by the hearts and colour of the water.
  • Utilises only html canvas, no flash.
  • Audio events.
  • Borrows heavily from a number of previous fishtank & bubble simulations, such as my underh20 flash banner.

Click here to play the game.

FlexiFi v1

I was brought in to design, build and support a new Digital Media System that was to replace an ageing and extremely buggy PERL system (iDesign) that was currently in use.  FlexiFi was the outcome, written in PHP to be a more solid, supported and easily extendable duplicate of the original system yet with many features implemented that had previously been impossible.

This was successfully sold and deployed to over 100 sites nationwide (200+ systems) which required a custom Intranet development and VPN to keep track of it all.

Each system was a dedicated PC with a highly customised Linux distribution, which contained its own LAMP stack with built in CMS.  This allowed it to be updated both remotely by support staff & locally by clients themselves.

The systems themselves were able to display slideshows consisting of customised text, graphics and videos, along with menus that could accommodate multiple prices – all of which could be scheduled.

It was a highly successful product which was replaced a few years later by the far more advanced FlexiFi2 product.

If you are using FlexiFi (or any digital signage system) please visit signagebank.com for pre-made stock slides and animations for your displays.

GiST Linux

Custom linux distribution that started out as a heavily customised Slackware build, which transitioned over to a completely new Linux based on the Linux From Scratch project. Designed to run from CD and provide a number of different interfaces depending on the intended use:

  • an instant useable desktop with common applications
  • web-based touchscreen interface for car & multimedia use
  • server with web-based configuration area for firewall/proxy/file storage use

The system was able to be run “live” direct from a CD or usb key, or installed from the “live” environment to the systems harddrive.  Each instance could be pre-configured by way of a global config file to match the systems intended use (eg. Car PC installs would run the multimedia touchscreen interface by default).

GiST contained automatic build scripts (Bash) which built the entire system for a chosen architecture (i386 for compatibility with VIA Eden boards) automatically, resulting in a bootable ISO over a period of around 8 hours (circa 2006).  This built all facets of the system from the sources of the applications, including all libraries, chroot bootstrap environment, & highly optimised SMP kernel.

Features include:

  • Desktop Interface (Gnome)
    • Evolution
    • OpenOffice
    • Gimp
    • Inkscape
    • Firefox
    • VideoLan
    • Etc
  • Multimedia Interface
    • Internet connectivity via bluetooth enabled mobile phone
    • Digital TV
    • Media playback of all common formats
    • Weather & Clock display
    • Web browsing
    • TV guide
    • WIFI connectivity
    • On-screen volume controls
  • Server
    • iptables firewall
    • squid proxy
    • ppp / isdn / adsl internet connection manager with auto-redial
    • dns forwarding with cache
    • dyndns
    • samba / smbd fileshares
    • ftp server
    • printer sharing
    • DHCP/BootP/tftp server (allowing for instant diskless computer labs)

Development stalled once a shift to i686 architecture became increasingly necessary & other ‘easy’ distributions such as Smoothwall & SME Server became more mainstream.