DAT203: Interface for interactive kiosk part II: the pages

Designed with ease of use in mind, the interface is inspired by mobile tablet devices, namely the iPad, and also, some of the principles of the Metro interface used in the upcoming Windows 8 operating system, which is optimised for use on touchscreens. In addition, some pages use a concertina design, where the contents are displayed once the menu item is pressed, and information is expanded below. When the item is pressed again, the information retracts, and other menu items are displayed once again. Here are the pages from the interactive kiosk:

The map's overlays are provided by the Urban API, which provides information about where the points of interest are, your location, and zones, such as pedestrianised areas.

The Travel Information page is split into 3 different colour schemes: green for buses, red for rail, and blue for ferries. Data would provided via a central source, or a dynamic source, e.g. rail information would be provided by the station and National Rail, whilst bus information would be provided by real-time GPS tracking.

 Here, the Early History section is expanded. Although the user can go back to the History menu by pressing the header, the user can also advance to the next section by pressing the button on the bottom right-hand corner, and vice versa.

The Tourist Information Page, like the Travel Information, is split into different colour schemes.

The colour of the day highs and night lows vary according to the temperature: hottest is brighter, coldest is darker.

DAT203: Interface for interactive kiosk

Whilst we were planning on how we're going to implement the interface, the idea we had was to design the interface like a tablet computer. Tablet computers like the iPad, for example, is known for its usage of icons laid out like a grid, which makes it perfect for the environment and context the kiosks are going to be used in.

Because of this, I had to design the interface with large and easy-to-read text, in case of people with visual impairments, as large icons are regarded as being easy to understand, even if only part of the icon can be seen, and also, with metaphors, which helps people, even those that may not speak English very well, still understand the basic meaning of each section of the kiosk interface:

The weather, news, information, events and the time are updated in real time, meaning that whenever each is updated, it will be reflected in the kiosk. Also, the weather icon will be dynamic, which will update according to the weather, like for example: when it's clear and sunny, the weather icon will display just that. Transport information will be picked up from each respective source; bus information will displayed real-time, train information will be relayed from National Rail, and ferry times will be relayed from the main ferry port.

DAT203: Idea for kiosk platform: Raspberry Pi

Since the release of the miniature Raspberry Pi system last week, this has given an idea of cutting down the footprint and cost for the information kiosk systems. Costing only £22 each for the Model B variant (with Ethernet), Raspberry Pi reduces the need to build large housings for the touchscreen terminals, and due to the open nature of the platform, it also doesn't require licensing, unlike the Windows-based embedded systems.

DAT203: Interactive Information Column/Kiosk for Bretonside

This is a mockup of one of the information kiosks that are being proposed for Bretonside; this one is situated outside one of the entrances to the Bus Station outside the RBS building:

The kiosk will provide information about the city, a map to help visitors find their way around the city, and advertise events. Touchscreen monitors will be placed in a hexagonal configuration, with the screens tilted back at a slight angle. The software will be provided by PCs that will be mounted behind each display, and both the PC and the display will have weatherproof casings to protect the equipment from harsh weather and interference. Auxiliary information, such as the time, weather, outside temperature and events feeds will be broadcast from a scrolling dot-matrix display that will be mounted around the column structure.

DAT202: Research into the HTML5 platform for our educational application

As part of our assignment for the Creative Industries module, we were given a task to produce an educational application for a charity that promotes expeditions. Our client, ETE (Education Through Expeditions), are about to go on an expedition to mark the Queen's Diamond Jubilee by going to the highest point of the British Commonwealth in the Arctic Circle (source: http://www.etelive.org/content/contentete.numo?id=172). We decided to base our application on this expedition, as it provides an insight into the facts about the expedition, the area and wildlife, to the application's intended target audience: school children.

Because there's no restriction as to what platform we could use to base our application on, I came up with the idea of putting the new HTML5 platform into good use, not only because we already have another module that is teaching us about the platform (specifically <canvas>, the main component of which has been highlighted as a replacement for Flash), but also because we saw it as a perfect opportunity to break away from the confines of using proprietary media, and reinforce our learning of the platform at the same time.

To break down the research I've done on HTML5, here's a SWOT analysis:

Strengths:

• HTML5 is a new platform that introduces new features never seen before in the history of the HTML standard
• HTML5 is platform-independent; it works in browsers that support it, and in fact, a vast majority of browsers in use today already support it
• <canvas> is especially important, because, for rich, dynamic media content, it reduces the need for Flash as many capabilities, such as animation, can be used inside the tag

Weaknesses:

• Not all browsers support the features in HTML5, especially some of the proposed features
• <audio> and <video> does have compatibility issues, due to different browser developers favouring incompatible standards over established standards, although the issues are being eliminated within time as developers are still deciding on a final, agreeable standard
• One aspect that was highlighted was that some schools may have neglected to upgrade their browsers, although with support for IE6 being discontinued and some schools even moving away from Windows, the uptake of HTML5-compatible browsers are increasing

Opportunities:

• HTML5 will eventually replace Flash and other plugins for many purposes that HTML5 replicates, such as rich media
• HTML5 has a lot of potential to mature into a platform that will eventually eliminate issues in a completely open-source environment

Threats:

• Complacency in the industry and schools means that uptake of HTML5 is still slow, and with the aforementioned issues regarding compatibility in <audio> and <video> due to differing standards, Flash still remains dominant
• Until schools start upgrading their systems, market share for HTML5 will still be in a niche

DAT203: Ideas for Bretonside: interactive, visual and architectural features

After we identified key areas of improvement at Bretonside, we've outlined some suggestions for our project:

• Installation of interactive kiosks inside the bus station, and at the information column outside of RBS
•  A full, proper facelift of the façade, including some architectural sails (similar to the Sainsbury's in Marsh Mills, but done in a style that is closer to the sails that feature in yachts, thereby reflecting Plymouth's sea-faring heritage), and the interior
• Visual effects and light features installed on the exterior, and projections onto the station floor through translucent tiles on the public footpaths that run above the station interior
• A collaboration with the local College of Art to produce a mural on one of the walls
• Installation of interactive departures and arrivals boards for bus and coach services, to be placed at convenient locations, and to be linked with the GPS systems utilised by local bus operators (Plymouth CityBus and First Devon & Cornwall)

The idea of an interactive departures and arrivals board came from a coach journey to Edinburgh; whilst waiting at London Victoria Coach station, an airport-style information board detailing the departures is used, and this is very useful for providing more information to passengers, something of which Bretonside lacks. The idea has been taken further to become an interactive feature, with a wealth of travel information provided for passengers.

As we didn't notice the translucent tiles on the footpaths that run above Bretonside, we were given the suggestion to provide environmental and interactive projections that can project images, moods and effects onto the station floor, which would brighten the atmosphere for the bus station and make the environment safer for visitors.

In addition, we also suggested that the information column outside of the RBS building could be converted into an interactive information kiosk, since it has become under-utilised, slightly vandalised and fly-posted over the past many years it has been standing. Because the information column is situated closer to the city centre, and to the footpath leading into the main shopping district, it made sense that we also included that in our plans, because a rather under-utilised feature could be put into good use in an era of interactivity.

DAT206: Group project using Kinect

In our group project, we are using the Kinect with OpenKinect, which is an open community-driven API that is used to access the Kinect's sensors and camera, and also allows Processing to control the tilt. The Kinect was only just released last year, so for the first time in IDAT, we will be using the many capabilities that have never before been exploited in a project.

Originally meant as an interactive peripheral for the Xbox 360, in response to Sony's PlayStation Move and the incumbent Wiimote, many opportunities became true after Spanish hacker Héctor Martín Cantero managed to create the first open-source driver for the device in response to an Adafruit competition bounty. The OpenKinect project was founded after Héctor posted the hack on Github, and is available in various programming languages; the version we're using is the Processing variant, which includes the necessary libraries in order to access the API. OpenKinect is in continuous development, and many more programming languages are being added as development progresses.

Our game will be themed on zombie survival, and the goal of the game is to survive the whole duration of the game without getting touched by zombies, and defend yourself against them. We are going to try and fuse two Kinect devices to create a 3D world, and use the tracking features in the OpenKinect API to detect the player's movement and interactions against the zombies, and to detect collisions that would result in the player's heath being subtracted. We are also going to use an object to act as the gun, which the player uses against the zombies. The Kinect will detect the player's interaction with the object, and whenever the player pulls the trigger, it fires the gun, and if the gun is aimed well at the zombies, the zombie then gets killed.

IDAT 108: Last week's meeting, progress and this week's filming

Last week's meeting managed to get everything sorted for the following week, which included getting the work schedule together and getting the storyboard onto a flowchart, in order to get an idea of what scenes are to be filmed and how they are going to be linked into the Facebook element before the multiple-choice endings, which involved various scenarios. This meeting gave me a much better picture of what will be expected out of the movie project, and how long we are going to take on the movie, as well as putting the foundations in place for preparation, ready for the filming, which was my part.

The work schedule included the filming schedule, which started from about 6pm on the 28th to the party at approximately 10pm, which then formed a central part of the character meeting the new partner, before then starting to reach the decision points where the viewer decides which ending is going to be used for the end scenario.

This week, filming has already commenced on the first and the last scenes, but due to time constraints (and the fact that the USB cable for the camera had been left at the director's house by accident owing to two bottles of cider on the first day of filming!), an extra day has been added to the schedule for the next 3 last scenes before filming is all wrapped-up and then the clips editing will be done before the premiere is due on Thursday, and also before the interactive movie is due to go live. Progress, on the other hand, is going very well, and despite the short timeframe that the project was given, it looks very good and when the premiere comes, it will all be polished up ready for it's debut.

IDAT 106: Large-scale Monopoly-style interactive game and initial ideas

As part of a joint project with the year 2s, we have to produce a large scale interactive version of a popular board game, which incorporates many features whilst at the same time addresses a current situation, where we have an opportunity to change it, be it worldwide or local. For my group, we decided to do a Monopoly-based game where we will set it in our city of Plymouth and use it to brainstorm solutions to the economical problem that the city suffers from, particularly due to the loss of air links owing to a drop in passengers (which later lead to a call to have the runway extended at our local airport), and also because of business going bust with (although in places it's getting better) many places becoming vacant.

This gives us the perfect opportunity to attempt to draw in more commerce to help transform our city through the wonderful medium of IDAT. We are planning to base our game on web technologies and Flash, an interactive platform that is popular for dynamic information and animations, with a view to complete it within 8 weeks before the deadline, which will be due round the spring/summer time.