DAT201: Artefact: could friendship be magic, at last?

So, this wraps up the artefact, just like Winter Wrap Up, except that is not Winter Wrap Up anymore, this is Spring. After working hard for hours and hours to perfect this artefact, I am pleased that the result turned out very well, and I hope that it does become successful one day.

Link here: http://minus.com/lbytZ3xmogx5dm

DAT201: Artefact: How to stop hate, the Love and Tolerate way

The message of My Little Pony: Friendship is Magic is a very clear one: we all need to learn about what friendship could be, and also, about how to love and tolerate, and how to increase the peace.

However, in this world, there doesn't seem to be that many peace around: there's countries fighting over other countries, there's still atrocity between governments and the people in certain countries around the world, and there's bad politics going on around the world.

The world of Equestria is portrayed as a peaceful, harmonious one, which contrasts with our world at the moment, although at the same time, there are other people that do not like the fandom at all, and that's when love and tolerance comes in.

Care was taken to ensure that Project Canterlot was not going to turn into a so-called 'in-your-face-evangelism guide', whilst at the same time, it still provides advice on how to use digital arts practices with the principles of the fandom and the series to make the message effective, and to promote peace, harmony and of course, the magic of friendship.

DAT201: Artefact: Memes

The origin of the fandom behind My Little Pony: Friendship is Magic dates back to the days before the series first aired on the 10th of October, 2010: several users on the /co/ board of 4chan discussed, and built up anticipation of the series before it aired, although it wasn't until an alarmist essay being critical of the current trends of animation in general, and the fact that many were merely promotional tools to drive sales of toys in a given franchise, was then published, (and subsequently, was harshly criticised) which then lead to more anticipation being given for the series, and memes being created for the series.

When the series first aired, it went against everything the critical essay said about animation, and as a result, the brony phenomenon was born. Itself a meme, the series then generated more memes as the series progressed on: common phrases such as '20% cooler', said by athletic Pegasus character Rainbow Dash, 'everypony', '10 seconds flat', 'oatmeal' and 'eyyup' became commonplace on 4chan, and later spread further afield on the internet as the fandom expanded beyond the confines of 4chan.

Due to the fact that the series does have popular culture references that only the older audience would understand, I've noted that memes could be based on the references that are made in the series, such as the baby on the ceiling in Season 2, Episode 13 (Baby Cakes), which references the 1996 Danny Boyle classic film, Trainspotting, and Metal Gear Solid in Season 2, Episode 20 (It's About Time).

DAT201: Artefact: Pinklestia is not Princess Celestia

Inspired by ®™ark's Barbie Liberation Organization campaign of the early 1990s, I decided to add a section to Project Canterlot by looking into the tactics employed in their campaign, its goals, and how it would impact on the consumer, and its intended audience. Everyone knows that bronies strive for show-accuracy, and when it comes to Equestria's great ruler, there are weaknesses that need to be ironed out. Although we are promised a show-accurate Princess Celestia for Autumn, sometimes, we are a bit too impatient. The profusion of so-called Pinklestias, pink Princess Celestias, would make for an ideal scenario to perform a similar intervention.

Many things are wrong with Pinklestia's voice: she doesn't quote actual lines from the series, she talks about how beautiful her wings are (despite the fact that real Alicorns' wings are supposed to be in the same colour as the general coat), and asking if you're a princess as well, which does reinforce ancient stereotypes associated with the pre-Friendship is Magic My Little Pony, particularly the 3rd generation, and stereotypes associated with over-glorified princess-themed girls' toys in general. 

The perfect hypothetical en-masse subversion would be to repaint Pinklestia in the right colour, change the voice box so then she quotes actual lines from the series, and then re-shelf them, in a similar fashion. Even the show's intended audience would agree that the current Princess Celestia toy, aka Pinklestia, is not accurate, so this intervention would actually win favours from both the traditional audience, and of course, bronies.

DAT201: Artefact: using interventions as a way to spread the magic of friendship

As unconventional as it may seem, interventions are a great way to get the message out there. From urinating on sculptures resembling urinals to wrapping up statues in red tape, the best intervention involves an easily-tangible interactive installation; whilst travelling to Berlin on a field trip to Transmediale 2012, back in February, an interactive installation caught my attention. The 'procrastinating machine', which is just simply a Linux computer that is modified with a script, in which after a period of inactivity, the computer takes over and opens up new tabs in the web browser.

Seeing that it is a perfect opportunity to seize, I got it out of procrastination mode, opened up a new tab in the browser and got on to Equestria Daily, of which is a website of importance to the brony community. Once the computer went back into procrastination mode, more My Little Pony: Friendship is Magic-related websites opened up, tab-by-tab. The intervention was a success. As part of my artefact, I noted that example in the manual, and then suggested others as a way of spreading the message of love and tolerance within a public space.

On another note, whilst I was in the lecture about Anonymous, there were a few fellow bronies on the IRC, which was displayed on the right of the main projected screen. I wonder if they have noticed my little intervention I did?

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.

DAT204: background and asset design for Blue November HTML5 canvas game groupwork

As part of our groupwork for HTML5 canvas game development, I was commissioned by the team to design a background for the game, Blue November (link: http://giantkiwi.co.uk/sites/aotbn/). I've designed the background using Adobe Illustrator, and made use of Bézier curves to emulate the waves, as our game takes place in the sea:

In addition, I've also vectorised an existing asset that will be used in the game's introduction page. Because the carrier needed to be simplified, I've toned down the details:

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: Information column and stands: other ideas

There seems to be problems with existing information kiosks being underused, and this could be down to the fact that there is not enough function that could make them more useful. The idea I came up to ensure that the kiosks can do more is to also use them to display passive information, in addition to providing interactive information. Vertical text has been used in countries like China for many years, and, whilst it is very useful for fitting in a lot of information in such a tight space, it can also be used to display information that only requires minimal space.

Heres some examples of how they could be mounted in the planned installations:

The information column outside of the RBS building could display graphical imagery, in addition to vertical text, whilst the information stand, below, could display text information vertically on the column:

The text information is collected from a central server, and will be syncronised to ensure accuracy, especially when it comes to the time. Because some foreign tourists that come in by coach would need somewhere to check the clock, and if they don't notice the overhead-mounted displays, the kiosks can provide them information, since they would be placed in prominent locations, such as near the exits and by the RBS building, near one of the entrances to the Bus Station.

DAT201: essay summary, ponies, artefact ideas and how to make it all complete like magic

During my research on hacktivism and tactical media, I've noticed something that may seem quite out of the ordinary for a research topic, especially for the latter, but whilst I was exploring that area, I've found something very intriguing that boosted my research, and as a result, I've understood the culture of it a lot more, and became part of it at the same time. Now, in terms of tactical media, you'd not normally expect the presence of multi-coloured equines to appear in such form, even on a website that is arguably well known for its tactical media (4chan), and the memes that resulted from it, but since the 10th of October 2010, postings of pictures from the new animated TV series of the My Little Pony franchise, My Little Pony: Friendship is Magic, became commonplace.

This then resulted in one of the fastest-growing fandoms in the world, especially considering that the huge majority of fans, never before experienced in MLP's nearly 30-year old history, are male (female fans exist as well), and are mostly between the ages of 13 through to the 30s. The phenomenon even went as far as to spread worldwide in many forms of media, and outside of 4chan as well, as a result of a ban that resulted from a 'flame war' (since lifted) in early 2011. The birth of bronies (from a portmanteau of 'bro' and 'pony') has resulted in an increase in the usage of a form of tactical media, but rather than being used for a political cause (as many past examples show), it is being used to promote the TV series, and to recruit more people into the fandom.

An idea I had for an artefact was to produce a series of posters referencing MLP, but done in a subtle way like most forms of guerrilla communications, whilst another was to explore the possibilities of performing interventions in digital spaces. However, it then came to my mind that I wanted to actually take the research I've done in my essay, and transform it into a sort of 'cook book', or manual, to show brony digital artists on how to apply digital arts practices used in tactical media to promote the TV series, the fandom, and the mantra: "Love and Tolerance", which fits perfectly for not just the fandom, but also world problems as well, because in this world, there doesn't seem to be enough love and tolerance, given today's political and economic climate.

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.

DAT203 - A better gateway for Plymouth

To attract people into Plymouth, a gateway is needed, but to attract more requires a better gateway, because first impressions of the city is what makes people think about the city in general. To put this into context, whenever you're going into Plymouth by road or bus, you should be seeing something that will make you look forward to the city and its many attractions that form part of the city's heritage and cultural scene, as well as to make the whole experience more memorable.

At the moment, whenever you come in on the National Express or any other inter-city coach service to Plymouth, you would be faced with a façade of a city that has long been under decay by slow redevelopment, and its juxtaposition by the Drake Circus Shopping Centre and an underpass that gives the impression of danger and pessimism does not help with the first impressions, so the focus of my project is to improve the Bretonside Bus Station area. Initial ideas being mooted for the project is to provide an interactive and immersive experience for tourists, although at the same time, the façade needs to be improved to provide a vision of safety and a better experience for people coming into Plymouth.

DAT203 - Infrastructure

In every city, there is an infrastructure - London has one, Birmingham has one, Manchester has one, even our own Plymouth has one as well. However, the infrastructure of Plymouth isn't as well developed as other competing cities around the UK, in fact, pretty much every major city in developed Europe. In today's lecture, we was shown many examples of urban infrastructure, both in fiction and reality, of which we were then introduced to our assignment, a joint project with Plymouth City Council.

The reason for Plymouth's slow development dates back to after World War 2, when the city was bombed by the Nazi Luftwaffe. The city had more bombs dropped on it than Coventry, and as a result, most of the city had to be rebuilt from the ground up. in 1943, Sir Patrick Abercrombie drew up a plan for redeveloping the city, and was then enacted after World War 2, with 20,000 new houses built by the 1960s, and a new Civic high-rise completed during that same period. 

The city was designed with the automobile in mind, which has resulted in an American-influenced infrastructure and architecture, which was typical of many American cities at the time. In addition, it was also fitting for Plymouth, as it was a city that has historical links with the Plymouth in the United States, of which the Pilgrim Fathers discovered, but following a trend of pedestrianisation in the 1980s and the 1990s, the main roads going through the city centre's main shopping districts were paved over, and this has resulted in an important piece of infrastructure being severed or severely curtailed. 

In addition, the ills of the existing transport infrastructure were then felt in the 2000s and the 2010s as other comparable cities were then becoming fully developed, and with the recovery from the global financial crisis still underway, this has now come more important than ever, with the airport now closed and better railway links being needed to help boost growth in city commerce and to increase the speed of redevelopment.

DAT204: Application complete!

After 3 nights dedicating the whole weekend to the assignment, I have finally completed my semantic application. Since the proposal back in November, the project has come a long way, and with a design change occurring half-way, the result looks very promising, and does hold a lot of potential as to how this application can change the world.

The Introduction page is dominated with a profile picture and a brief introduction underneath it; the rest of the introduction is done in the Personal Profile. The content is marked up using XML in a polyglot environment (except for the addresses in the Contact page, where there is already a HTML5 semantic tag associated with it), and the content have CSS3 background transition effects to provide emphasis, which helps employers to easily read the content, especially in environments where processing of applications in a swift and timely fashion are required. The content box is styled natively using CSS3, as is the text in the AJAX tabs, and in terms of AJAX, it is used (with JQuery magic) to display the content in the same page from separate HTML files without having to go to another page.

Adding to the easy-to-use nature of the application, the content pages are formatted in a way that even the less-experienced users can easily populate the pages, provided that they have at least a plain-text editor and some knowledge of HTML (the custom XML tags are already provided for the user), because the main CSS file already provides the styling for the content, so whenever it appears unformatted in a WYSIWYG editor, the content becomes styled once it is loaded up in the application.

Overall, I've managed to produce an application that has a lot of potential, and even though I've already seen many examples of online portfolio websites, this semantic application has a lot of potential to impress employers in the professional world...

To view the application, click here: http://www.elnormo91.co.uk/semanticapp/semanticapp.html

DAT204: Evolution of the design

After trying to make the website work with the originally-proposed design, I've then decided to take a different approach. Whilst trying to implement as many CSS3 features as possible, I've then discovered something that can make the website very lightweight yet powerful; in addition to the existing polyglot markup approach, I've also discovered the wonders of JQuery and AJAX.

The JQuery will be used to make the Edit dialogue hidden until the user clicks on it, and the AJAX will be used to paste the content from separate HTML documents making up the pages into the same website, via the use of tabs, without having to go to a separate page, replacing the need to press backwards whenever the user wants to go back to the previous page.

In terms of interface, I've decided to change it to one that can relate to businesses very well, with the content of the eCV centralised, so then more emphasis can be placed on the content, and with the tabs linking to the different sections coloured in a rainbow-style scheme, in a similar fashion to how Filofaxes are sectioned by colour code, or how some documents are bookmarked, to make the sections easier to remember. The goal that was envisioned in my specifications was to create something similar to Zerply, with a more business-oriented interface and a standardised layout.

DAT204: Laying down the foundations and tightening up the ratchet...

So far, the foundations of the semantic application has been laid, and what was originally the empty shell of an app that has yet to see the light of the day has now started to progress. In terms of the app, I have chosen to include XML in harmony with HTML5. Despite it sounding like a rather uncanny marriage, the ability of using custom tags in HTML5 is still there, and even though XHTML was going to be the future, the clear direction was that HTML5 eventually emerged to become the winner.

However, the idea of 'XHTML5' still hasn't been put to the metaphorical bed yet, and as this application shows, the idea of XML semantics with the many features of the HTML5 platform can still be a good one.

As the Christmas holidays are starting to just come around the corner, the work still doesn't stop; the next part is to get the graphics sorted out and figure out a way of getting the content in whilst adding in the wonderful HTML5 features.

DAT203: Augmented Reality: more about it

Although it has been said that the Wizard of Oz can be considered to be the very first example of augmented reality (or a model of which a typical AR setup is based upon), the first documented example of a form of augmented reality dates back to the 1950s, with the advent of Sensorama, which was a machine that produced visuals, sound, movement, and even smell. However, it was not considered a success, as there was no financial backing to support the project and to apply patents to it.

In 1966, the first form of visual augmented reality, the head-mounted display (HMD) was invented by Ivan Sutherland, which provided the user with a view of a virtual world, which applied the principles of the Wizard of Oz model. Whilst the phrase 'augmented reality' was coined in 1992, the first, modern functioning form of augmented reality was created in 1992 by the US Air Force Research Laboratory, known as Virtual Fixtures, and in 1999, a standard platform of augmented reality, ARToolKit, was created by Hirokazu Kato of the Nara Institute of Science and Technology in Japan, and has since been ported to many platforms, including mobile devices, of which their potential was not realised until the boom of smartphones in the late 2000s.

A more recent implementation of augmented reality was created in 2008 as Wikitude, a travel guide that utilises the smartphone's built-in camera to overlay information onto the screen, and then provides the user with information about places to visit, shops, restaurants etc.