1 Internship FACT (Foundation for Art and Creative Technology) Project aangeboden door Jonathan Pyncket Pieter Sijmons voor het behalen van de graad v...
Internship FACT (Foundation for Art and Creative Technology)
Project aangeboden door Jonathan Pyncket Pieter Sijmons voor het behalen van de graad van Bachelor in de Multimedia en communicatietechnologie Academiejaar 2008-2009
1 Table of Contents 1
Table of Contents..................................................................................................................................... 3
About FACT ............................................................................................................................................ 6
3.2
About FACT TV ....................................................................................................................................... 7
Projects .................................................................................................................................................. 11 5.1 Redesign of FACT TV ............................................................................................................................ 11 5.1.1 What is FACT TV .............................................................................................................................. 11 5.1.2 Assigment ........................................................................................................................................ 11 5.1.3 What we want to change ................................................................................................................ 11 5.1.4 What it will deliver .......................................................................................................................... 12 5.1.5 Current website ............................................................................................................................... 13 5.1.6 Mockups .......................................................................................................................................... 16 5.1.7 Final result ....................................................................................................................................... 20 5.2 FACT TV Player plugin .......................................................................................................................... 29 5.2.1 What is the FACT TV player ............................................................................................................. 29 5.2.2 Assignment ...................................................................................................................................... 29 5.2.3 Functionality Implementation ......................................................................................................... 30 5.2.4 Design Implementation ................................................................................................................... 32 5.2.5 Result............................................................................................................................................... 33 5.3 3D Browser for FACT TV ....................................................................................................................... 35 5.3.1 Assignment & Solution .................................................................................................................... 35 5.3.2 Implementation............................................................................................................................... 35 5.3.3 Result............................................................................................................................................... 37 5.4 FACT TV client 1 – HUB Festival ........................................................................................................... 39 5.4.1 What is HUB Festival ....................................................................................................................... 39 5.4.2 Assignment ...................................................................................................................................... 39 5.4.3 Implementation............................................................................................................................... 40 5.4.4 Result............................................................................................................................................... 47 5.5 FACT TV client 2 – ACC Liverpool ......................................................................................................... 49 5.5.1 What is ACC Liverpool ..................................................................................................................... 49 5.5.2 Assignment ...................................................................................................................................... 50 5.5.3 Current website ............................................................................................................................... 50 5.5.4 Result............................................................................................................................................... 51 5.6 FACT TV Packages website .................................................................................................................. 55 5.6.1 What are FACT TV Packages ............................................................................................................ 55 5.6.2 Assignment ...................................................................................................................................... 55 5.6.3 Result............................................................................................................................................... 56 5.7 WE PLAY event ..................................................................................................................................... 57 5.7.1 What is WE PLAY ............................................................................................................................. 57 5.7.2 Assignment ...................................................................................................................................... 57 5.7.3 Implementation............................................................................................................................... 57 5.7.4 Result............................................................................................................................................... 58
Personal reflections ............................................................................................................................... 64 9.1
Jonathan .............................................................................................................................................. 64
Appendix I – FACT company structure ................................................................................................. 68
11.2
Appendix II – PureMVC conceptual diagram ....................................................................................... 72
11.3
Appendix III – Reports Jonathan Pyncket ............................................................................................. 73
11.4
Appendix IV – Reports Pieter Sijmons ................................................................................................ 105
2 Foreword At the end of the Bachelor Multimedia & Communications Technology course, every student needs to undertake a 3 month internship. Here, we need to prove ourselves in a real working environment, bringing together everything we learned in the past three years. We all have the opportunity to do this internship in a Belgian company or abroad throughout Europe. Pieter and I choose for the latter part, embarking on an adventure to Liverpool. It has been an amazing twelve weeks here at FACT and it would not have been possible without the help of the people at HOWEST and FACT. Therefore we would like the thank our professors - especially Ms. Jill VandenDriessche and Ms. Ilse Beerland – and our supervisors and colleagues at FACT, Mr. Simon Bradshaw, Ms. Deena Denaro and Mr. Paul Hendrick.
Jonathan & Pieter
5
3 Introduction 3.1 About FACT FACT, the Foundation for Art and Creative Technology, was founded in 1988. It’s mission was to inspire and promote the artistic significance of film, video and new media. Twenty years on, and still the UK’s primary exponent of innovative digital media, it’s aim is to pioneer new forms of artistic and social interaction with emerging creativity. The new FACT building opened in 2003 and was the first purpose-built arts venue in Liverpool for more than 60 years. It houses two galleries, a Media Lounge, cafe, shop and cinemas in which people can experience a range of FACT activities from exhibitions, events and live webcasts, to training and conferences.
FACT Programme is the artistic core of the organisation, commissioning and exhibiting projects by artists in film, video and new and emerging media forms and working with a wide variety of partner organisations. Collaboration and Education works across four key areas: housing, health, young people and education, and with local communities. Media Services supports and develops the national infrastructure for artists and exhibitors working with video and new and emerging media forms. As well as managing the Medialab, a training and workshop room, activities include: the Moving Image Touring & Exhibition Service (MITES), the national technical support service for artists and exhibitors; Digital Mastering, New Tools training courses, FACT Online Archive and TV channel, FACT TV. A schematic overview of the FACT organisation can be found under Appendix I 6
3.2 About FACT TV A Global Hub for Film, Video, &New Media FACT TV is a creative mix of high quality programmes, including new media art, documentaries, interviews, exclusives, event and exhibition previews as well as trailers for upcoming FACT exhibitions. Simultaneous creation of multiple profiles using high-resolution HD video formats for large screens, and low-resolution profiles for videos to play on small devices, such as the iPhone and mobile phones allows FACT to reach it’s audience anytime, anywhere. A lively, and extremely current mix of art, culture and opinion for a global audience, FACT TV is cultural programming that’s customisable and presented on-demand. But FACT TV doesn’t just present content to the widest possible audience. It also receives and broadcasts content from a wide array of users and producers through partnerships with organisations like the Streaming Museum, and TATE Liverpool, as well as a network of top film academies in the UK. By incorporating social media such as blogs, active forums, Twitter, Facebook, and You Tube, FACT TV is really engaging it’s audiences by establishing a two-way relationship with viewers and encouraging them to respond and contribute. Not only will FACT TV be a major new publisher of the visual documentation of their own creative programme, but FACT TV will also host and facilitate the publishing of creative content from other educational and cultural organisations locally, nationally and internationally. Through it’s partnership with institutions like the Streaming Museum, TATE Online, and the International Urban Screen Association, it will become a global hub for new media, art, music, architecture & design, as well as educational, environmental and social issues.
Coming Soon, Everywhere Around You Building upon the recent TenantSpin installation at the TATE Liverpool’s The Fifth Floor Exhibition (Ideas Taking Space) FACT TV will set up a TV studio onsite, where stories, opinions and views will be collected from visitors and streamed online through FACT TV. This project sees FACT TV creating a truly interactive exhibit that explores new video and web2.0 platforms to enhance user engagement. FACT will create themes, but the audience can participate by creating their own news and TV segments, all shown and archived on the FACT TV website. Additionally, FACT TV is developing a commissioning programme that will explore the use of FACT TV as a site for new media and web-based work that exploits the new venues in public and digital environments. And FACT TV will also be a major platform for the Abandon Normal Devices festival - a major new cinema and digital culture festival for the northwest in September 2009. Celebrating film and media art at the edge of innovation, AND will challenge audiences to experience, debate and interact with ideas, in a festival that questions the normal.
7
Breaking Out of the (White) Box In today’s world, audiences are growing accustomed to choosing when and where they want to view media and the competition for their loyalty is multiplying, rapidly outdating traditional forms of programming. FACT TV allows viewers to incorporate FACT into their lifestyle needs. In response to this FACT has charged itself with the mission of “turning itself inside-out” through the creation of programming that transcends conventional gallery spaces and takes full advantage of emerging digital and public venues. FACT TV was developed as a platform so users can experience FACT where they want it, when they want it. FACT TV is about new ways of thinking in how to curate, commission, create, deliver, enhance, and inform new work. It is about radically rethinking the producer-audience relationship, and it is about remodelling the role of organisations within their communities locally and internationally and within arts and non-arts sectors. It meets users demands by allowing customization and engagement, taking FACT and it’s partners beyond1-dimensional organisations and instead maintains a 2way relationship with it’s users. By publishing the digitized documentation of live events from around the world, the goal is to redefine the ways in which audiences experience exhibitions and associated programmes, making content more accessible than the often closed-door discussions that occur within the confines of museum walls.
Upload Once, Be Seen Everywhere Built entirely in-house using open source software ‘Ruby on Rails’, FACT TV Version 1 launched in October 2008, and FACT is now rolling the service out to cultural and creative organizations as an Internet TV station in a box. FACT is looking to develop partnerships with arts organizations around the world to support the online delivery of their digital content, and to commercially partner with businesses in the creative industries that wish to broadcast their technological innovations to their users. In addition to the viewing on the website, FACT TV enjoys high visibility through its own channels on YouTube and Google Video, and through iTunes and RSS feeds. The next phase of developments will enhance viewing on the iPhone and other Mobile 2.0 devices. Cultural organizations with rich video content can easily broadcast on a global level. FACT TV offers extremely easy uploading with its simple web-based interface, which enables content publication for numerous platforms. All they have to do is tick where they want their content to be and FACT TV automatically gets it’s out there.
8
4 Project file Project File
Internship Multimedia & Communication Technology 2008-2009 1. Project collaborator(s): Surname: Sijmons Frist Name: Pieter Option MM Surname: Frist Name: Option:
2. Supervisors: Name company : Company supervisor : Surname: First Name: MCT Coach: Surname: First Name:
ProjectID :
1428
Pyncket Jonathan MM
FACT‐ Foundation for Art and Creative Technology Bradshaw Simon Beerland Ilse
3. Project title: Redesign and commercialisation of FACT.tv
4. Project assignment: - To redesign / update the looks of the current FACT TV website (the backend remains unchanged) - Commercialising FACT TV through creating a frontend that allows easy adapting towards other organisation’s needs and branding - Multiple smaller side projects related to FACT TV. 5. Input: - Design and backend of the current FACT TV website. - Several ideas for a possible FACT TV Packages website.
9
6. Output: A fully functional, easy adaptable frontend for the FACT TV website, with mock-ups for possible future clients.
7. Criteria to measure success: - interactivity (ease of sharing, easy browsing, ... ) and creative design - fast search and browse function
8. What the project doesn’t realise: - Changing the backend of FACT TV - Changing the global infrastructure
10. Planning: ID Milestones
Person responsible
Timing (end date)
1
FACT.tv packages website
Pieter
13/03/2009
2
Mock-up for HUB Festival
Pieter
24/04/2009
3
HUB Festival website
Jonathan Pieter
13/05/2009
4
Mock-up for ACC Liverpool
Pieter
18/05/2009
5
FACT.tv new design mock-ups
Pieter
25/05/2009
6
Upgrade FACT.tv player with: HD button, meta-data, share functionality
Jonathan Pieter
19/06/2009
3D search function for FACT.tv
Jonathan
19/06/2009
FACT.tv new website
Jonathan Pieter
19/06/2009
7 8
10
5 Projects 5.1 Redesign of FACT TV 5.1.1
What is FACT TV
An extensive description can be found in chapter “3.2 About FACT TV” The website itself can be viewed online at http://www.fact.tv
5.1.2
Assigment
Redesign the front-end of FACT TV to increase looks, usability and functionality.
5.1.3
What we want to change
There are 3 major issues that we want to address: interactivity, ease of navigation and browsing/searching through videos. Firstly, FACT TV in its current state is very static. There is no movement, no dynamics, only simple point and click interfacing. While the web is moving towards more user input and interactivity, FACT TV still needs to jump on this wagon. Secondly, it’s very hard to navigate through the website. Everything seems to be everywhere and a first time user has a lot of trouble finding what he is looking for. There is no clear site structure and navigation elements seem to be randomly dotted around. Lastly we want to make it easier for users to find the video or artist that they want. At the moment there is a somewhat ‘hidden feature’ to get an overview of the available videos, but it is again hard to filter on what you are actually interested in. One major solution to these problems would be an interactive 3D browsing feature similar to Cooliris. This would give the website an extra dimension, requires user interactivity and with proper filtering by channel, artist or topic give a better overview of the specific videos the user is interested in. The old search function would still be there, to give the user the choice to use the system he or she is more comfortable with. Not only does this address the previously stated problems, but it would defiantly give FACT TV a big wow-factor to let it stand out of similar online TV sites. Furthermore, we would like to give FACT TV a new skin with some minor site structure and layout changes so that site navigation is improved. The new look of FACT TV could also be used to give a renewed attention to the whole project and to make it more in line with the new and upcoming FACT website. Re-skinning the current website will also allow us to get familiar with the process and test the flexibility of the design to easily implement it for other organisations.
11
Lastly the video player itself will be given improved functionalities. These include the displaying of video and artist information, adding HD capabilities and the possibility to easily share the video with friends. All of this requires no changes to be made to the current back-end so that maintenance will remain the same. We decided that the final website structure, functionality and usability should be easily portable to other client websites. In this format, FACT TV can be easily sold as a ‘package’ to other organisations or events as only the looks (CSS) would need to change.
5.1.4 • •
•
• • • •
What it will deliver New FACT.tv skin with some minor site structure and layout changes so that site navigation is improved. New look could also be used to give a renewed attention to the whole project and to make it more in line with the new and upcoming FACT website. Improved video player with new functionalities. These include the displaying of video and artist information, adding HD capabilities and the possibility to easily share the video with friends. High quality thumbnails and a new colour pallet to follow the latest trends in online TV platforms (like the BBC iPlayer, Hulu, ...). Consistent and recurring page lay-out throughout the entire website, allowing users to quickly get familiar with FACT.tv. Anonymous comment system, so there is a wider range of users who can give feedback on videos. Related video field on the player page, keeps the users on the website (the youtube experience).
12
5.1.5
Current website
Fig 1: Old FACT TV website - Home page
13
Fig 2: Old FACT TV website - Browse video page
14
Fig 3: Old FACT TV website - Player page
15
5.1.6
Mockups
Fig 4: New FACT TV Mockup - Home page
16
Fig 5: New FACT TV Mockup - Categories page
17
Fig 6: New FACT TV Mockup - Channels page
18
Fig 7: New FACT TV Mockup - Player page
19
5.1.7
Final result
Fig 8: New FACT TV website - Home page
20
Fig 9: New FACT TV website - Channels layout view
21
Fig 10: New FACT TV website - Channels thumbnail view
22
Fig 11: New FACT TV website - Categories page
23
Fig 12: New FACT TV website - A-Z page
24
Fig 13: New FACT TV website - Search page
25
Fig 14: New FACT TV website - Selected Tag page
26
Fig 15: New FACT TV website - Player page (info open)
27
Fig 16: New FACT TV webiste - Player page (info closed)
28
5.2 FACT TV Player plugin 5.2.1
What is the FACT TV player
The player that FACT TV uses is the JW FLV Player. The JW FLV Player is the Internet’s most popular and flexible media player. It supports playback of any format the Adobe Flash Player can handle (FLV, MP4, MP3, AAC, JPG, PNG and GIF). It also supports RTMP, HTTP, live streaming, various playlists formats, a wide range of settings and an extensive javascript API. The skinning functionality allows you to completely customize its look and its plugin architecture allows you to easily extend the player with features such as sharing, recommendations, searching, analytics and ad serving. More information can be found on: http://www.longtailvideo.com/players/jw-flvplayer/
5.2.2 • • • • •
Assignment Display the picture of the user that uploaded the video, the video title and author name Add HD functionality by letting the users switch between the HD and normal quality playlist Add video sharing functionality. Add a way for the users to email their friends with the link to the video. Add the Facebook, Twittter, ... sharing functionality from the html site to the video player Individual functionalities can be turned on and off through the page html code Make it look like an integrated part of the video player
Do all this without changing the player’s core coding. If a new version of the player comes along, it has to be easily updatable.
29
5.2.3
Functionality Implementation
Since FACT uses the JW player, they want to make the added functionalities compatible with it. This means that they have to be written as a plugin to the player. Example of how to implement the JW player to a website:
this will be replaced by the SWF
<script type='text/javascript' src='swfobject.js'> <script type='text/javascript'> var s1 = new SWFObject('player.swf','player','400','300','9'); s1.addParam('allowfullscreen','true'); s1.addParam('flashvars','file=video.flv'); s1.write('preview');
Notice the flashvars parameter above can contain a list of variables for configuring the player to use different Plugins or Skins. JW Player plugin A JW Player plugin is a separate SWF file, written in Actionscript 3, which is loaded by the player at runtime. Plugins integrate seamlessly with the player, both in terms of coding (through the API) and graphics (stacked on top of the player). Plugins are loaded into player by setting the plugins flashvar. More info at http://developer.longtailvideo.com/trac/wiki/BuildingPlugins The SWFObject instance will create the code needed to embed the player.swf. It sets its dimensions to 400 x 300 pixels and also sends the flashvars for the file and allowfullscreen variables.The instance also replaces the text by the SWF, so we can see a Flash movie directly embedded in our page without borders but with XHTML validity. SWFObject Offers two optimized Flash Player embed methods: a markup based approach and a method that relies on JavaScript. It offers a JavaScript API that aims to provide a complete tool set for embedding SWF files and retrieving Flash Player related information. The intent is to unify all existing Flash Player embed methods and provide a new standard for embedding Adobe Flash Player content, while only using one small JavaScript file (9.5Kb / GZIPed: 3.8Kb). More info at http://code.google.com/p/swfobject/wiki/documentation
There is one problem though. By default, plugins are hosted at plugins.longtailvideo.com Since we do not want our FACT plugin to be uploaded there and made publicly available, one change had to be made to the core player code. Location: “\com\jeroenwijering\player\SPLoader.as” , Line 36 Set private var basedir:String = '/' 30
This sets the root folder of the player to our own root, so that the player won’t look for our plugins elsewhere. Necessary files for the player and plugin to work: -
\player.swf \htmlPage.html \swfobject.js
-
\overlay.swf \ftvplugin.swf
-
\ld_playlist.xml
path and name defined as flashvar ‘skin’ path defined as flashvar ‘plugin’. Name cannot be changed path and name defined as flashvar ‘ftvplugin.ld_file’
Optional files, depending on wanted plugin functionality: -
\hd_playlist.xml \shareXML.xml
path and name defined as flashvar path and name defined as flashvar
Note: use the standard ‘file’ flashvar if HD-functionality is not wanted. Else do NOT put this flashvar in the html code as this will override the’ ftvplugin.ld_file’ flashvar and HD-functionality. Flashvars: -
‘file’
only to be used when HD-functionality is not wanted. Else leave blank. (see note above) ‘autostart’ set to ‘false’. Else this will override the HD-functionality ‘repeat’ set to ‘list’. This will ensure proper playback of the playlists ‘controlbar’ set to ‘over’ ‘lightcolor’ determines the colour of the volume bar and HD button ‘plugins’ set to the plugin path. Plugin name cannot be changed ‘ftvplugin.hd’ toggle HD functionality (true/false) ‘ftvplugin.share’ toggle Share functionality (true/false) ‘ftvplugin.metadata’ toggle Metadata display functionality (true/false) ‘ftvplugin.sharexml’ location of the XML data containing ‘link share websites’ ‘ftvplugin.hd_file’ location of HD playlist ‘ftvplugin.ld_file’ location of normal LD playlist. This is the standard playlist ‘current_user’ e-mail address of the current logged in user
31
XML Playlist variables: The XML file containing the High Def or Low Def playlist can be based upon the following: Simon Reynolds: on the Hardcore Continuum http://www.fact.tv/videos/watch/518 <sharing> http://www.fact.tv/videos/watch/518http://www.fact.tv/videos/watch/518Simon Reynolds: on the Hardcore ContinuumFACT TV intro substitute <media:content start="00:00" url="videos/xmen_hd.mov"/> <media:thumbnail url="images/preview_xmen_hd.jpg"/> <description>Some x-men movie trailer http://www.youtube.com X-men trailer (HD)Wolverineimages/xmen_hd.jpgArtist video substitute <media:content start="00:00" url="videos/matt_hd.mp4"/> <media:thumbnail url="images/preview_matt_hd.jpg"/> <description>Video about a dancing guy http://www.youtube.com Where is MattMattimages/matt_hd.jpg If any tag element is absent, the player will simply not show the associated data and arrange the UI elements accordingly. 5.2.4
Design Implementation
The JW Player includes skinning through a separate SWF file that contains the player’s graphical elements and layout. Custom skins are easy to publish: by adding a single variable in the embed code, you can assign a new skin to the player. Skins are implemented in very much the same way as Plugins, they just require a different variable. Instead of plugins= , it's now simply skin= . More information can be found at http://www.longtailvideo.com/support/tutorials/Skinning-the-JW-Player
32
5.2.5
Result
Fig 17: FACT TV player plugin - All functionality enabled, all XML data present
Fig 18: FACT TV player plugin - Sharing functionality disabled, only author name available
33
Fig 19: FACT TV player pluign - Sharing screen
Fig 20: FACT TV player plugin - When video is playing and mouse is not over it
34
5.3 3D Browser for FACT TV 5.3.1
Assignment & Solution
What it delivers This is part of our solution to making the FACT TV website more interactive. It: • • • • • •
Gives the website an extra dimension Provides a quick overview of all the videos on FACT.tv Adds more user interactivity With proper filtering by channel, categories, latest, popular, ... to give a better overview of the specific videos the user is interested in. Give FACT.tv a big wow-factor to let it stand out from similar online TV sites. Works perfectly together with the ‘normal’ FACT.tv website. It’s not a replacement for FACT.tv, it’s an extra feature to spice it up.
Cooliris We first wanted to implement the Cooliris browser plugin that can be found at http://www.cooliris.com. However, there are the following problems: • • • •
Some undesired features Users have to install the plugin to their browser Cannot be sold as part of the online TV package due to legal reasons No search functionality for your own website
Therefore, we decided to build our own version of it. We quickly decided to build it in Flex, as it then can run in the browser itself, only Flash Player needs to be installed and Flex has excellent out of the box UI features.
5.3.2
Implementation
The 3D browsing application can be launched from the FACT TV website through a button in the header. A new full screen popup window will be opened and the application starts up. When the user then clicks on a video, he will get another popup that redirects him to the video player page on the FACT TV website. When the user closes the application, he will only close the popup wherein it is located and therefore will immediately see the underlaying FACT TV website, where he left off.
35
Full screen problem One of the big wow-factors this application has, is its full screen capability. Although the Flash Player now supports full screen mode, due to security reasons, only limited user input is allowed. Because we want to user to be able to search for videos, we cannot use the Flash Player full screen mode in combination with a search box. Therefore, we decided the best solution was to open the 3D browser application in a new, full screen popup window, with only the title bar shown.
PureMVC I have chosen to use the PureMVC framework to build the 3D Browsing application on. We had briefly seen it during our RIA courses and I wanted to see what it was all about and its real life application/integration. About PureMVC PureMVC is a lightweight framework for creating applications based upon the classic Model, View and Controller concept. Based upon proven design patterns, this free, open source framework which was originally implemented in the ActionScript 3 language for use with Adobe Flex, Flash and AIR, is now being ported to all major development platforms. The Model, View and Controller application tiers are represented by three Singletons (a class where only one instance may be created).The MVC
Singletons maintain named caches of Proxies, Mediators and Commands, respectively. The Façade, also a Singleton, provides a single interface for communications throughout the application. These four Singletons are referred to as the Core Actors. Data objects, be they local or remote, are managed by Proxies. The View Components that make up the User Interface are managed by Mediators. Commands may interact with Proxies, Mediators, as well as trigger or execute other Commands. All actors discover and communicate with each other via the Façade, rather than work directly with Model, View and Controller. PureMVC also introduces a Publish/subscribe-style Observer notification scheme. This allows asynchronous, event-driven communications between the actors of the system, and also promotes a loose coupling between those actors, since the subscriber never needs to have direct knowledge of the publisher.
More information on the PureMVC framework can be found at their website on: http://www.puremvc.org A conceptual diagram of the framework can be found under Appendix II
36
Circle View The videos are placed on a circular path to give a sort of 360° effect. The papervision3D camera also moves on a circular path, but with a smaller radius. To quickly calculate points on a circle, I used the CASA library classes. About CASA Lib CASA Lib is a flexible ActionScript library designed to streamline common chores and act as a solid, reliable foundation for Actionscript projects. It provides a core set of classes, interfaces, and utilities to get coding faster and more reliably without getting in the way. More information on CASA can be found at http://casalib.org/ To make a new Ellipse at (0,0): var targetCircle:Ellipse = new Ellipse( -radius, -radius, radius*2, radius*2 );
To get the coordinates of a point on the Ellipse: var targetPoint:Point = targetCircle.getPointOfDegree(degrees);
5.3.3
Result
Fig 21: 3D Browser for FACT TV - Standard view
37
Fig 22: 3D Browser for FACT TV - Small amount of videos, no scrollbar
Fig 23: 3D Browser for FACT TV - Max zoom out
38
5.4 FACT TV client 1 – HUB Festival 5.4.1
What is HUB Festival
HUB is the largest free urban & extreme sports festival in the UK. From 23rd - 24th May, extreme sports fans, skaters, bboys, bgirls and bands will take over Wellington Dock, Liverpool for a bank holiday weekend with a funky urban twist. Amateur competitions, free promos, aftershow parties, loads of prize give-aways and legends in BMX, Skateboarding, Break dancing and Beat Boxing will all add to the mix. HUB Festival also launched “HUB Life” and “HUB Night”, the brand new Fringe Festival element so people can live, love and breathe from 23rd – 31st May in some of the funkiest venues across the city including FACT, TATE, LEAF, NOVAS, Zanzibar, The Picket and The Bluecoat plus many more… The HUB Festival website can be found at http://www.hubfestival.co.uk The newly created HUB TV website can be found at http://hub.fact.tv
5.4.2 • • •
Assignment Create a design for FACT TV so that it looks like, and integrates with the current HUB Festival website. Create a website based on the FACT TV backend and the newly made HUB design. Add the following functionalities: o Non-registered users can upload a video, rate them and add comments o Uploaded videos by non-admin users need to be approved first before they are published. Admins stay up to date with new uploads through a rss feed. o Users can create and add their own tags to the videos that they upload o Displaying the ‘most popular’ videos
On this project, we closely worked together with Paul Hendrick, FACT’s Web Developer. Since he made the FACT TV website in Ruby on Rails, he made the necessary changes to the back-end for the new functionalities and permissions.
39
5.4.3
Implementation
Design: The design of the HUB tv site is entirely based on the existing HUB festival website (hubfestival.co.uk), so the two sites could perfectly fit into each other and users wouldn’t see that there are actually 2 physical (different) sites. The font (used for the titles) is based on the graffiti font that was used on the original site, but we wanted a slightly different font, to give the HUB tv side a more free look. This also gives a more open view and invites users to upload there content to the website. The colour pallet was also based on the HUB festival site, and the green highlighted font is based on a colour that fits with the background and the grey/dark field containers. The buttons are just text, because an image wouldn’t fit into the design of the transparent containers.
Structural changes: The HUB TV website is based on the current FACT TV website, but we have made some changes based on the specifications HUB provided: • • • •
On the home page, there are 2 columns with the ‘most recent’ and ‘most popular’ videos. The latest video is displayed and unregistered users can go to the upload page. Consistent and recurring page lay-out throughout the entire website, allowing users to quickly get familiar with HUB TV. Anonymous comment system, so there is a wider range of users who can give feedback on videos. Users can create and add their own tags to the videos they upload.
40
Fig 24: Design for Video Upload page - step1
41
Fig 25: Design for Video Upload page - step2
42
Fig 26: Design for the Video Player page
43
Fig 27: Design for the Video Browsing page - thumbnail view
44
Fig 28: Design for Video Browsing page - layout view
45
Fig 29: Design for Home page
46
5.4.4
Result
Fig 30: Existing HUB website
47
Fig 31: Newly created HUB TV website – Home page
48
5.5 FACT TV client 2 – ACC Liverpool 5.5.1
What is ACC Liverpool
The ACC Liverpool is a building that consists of 2 main parts: the Echo Arena and the BT Convention Centre. Echo Arena: Echo Arena Liverpool is a state of the art 11,000 capacity arena. A versatile space that is the perfect venue for concerts, comedy, family entertainment and sport. Situated in the beautiful location of the Kings Dock on the River Mersey, it offers visitors a unique experience in one of the UK's most vibrant cities. Host to the opening ceremony of the Capital of Culture Year in January 2008, Echo Arena Liverpool is the centre of entertainment for concert goers and sports enthusiasts across the North West and North Wales.
BT Convention Centre: The BT Convention Centre is a unique, purpose built meetings facility that consists of 3 auditoriums, 18 breakout rooms and a big multi-purpose hall. The latest technology combined with innovative design means that the event experience is exceptional and people will want to come back for more. Their dedicated business centre offers a fantastic level of service to meet all kinds of business needs; photocopying, printing, workstations and wi-fi facilities and their experienced team ensures events will run without a hitch. Situated in the heart of Liverpool on the historic, world heritage waterfront, the BT Convention Centre ensures a meeting, conference or exhibition is a real success.
49
5.5.2
Assignment
Design a mock-up for ACC Liverpool to show them how ACC TV could look like.
5.5.3
Current website
Fig 32: Existing ACC Liverpool website
50
5.5.4
Result
Fig 33: Design for ACC TV website - White home page
51
Fig 34: Design for ACC TV website - Black home page
52
Fig 35: Design for ACC TV website - Browse video page
53
Fig 36: Design for ACC TV website - Video player page
54
5.6 FACT TV Packages website 5.6.1
What are FACT TV Packages
FACT is looking to commercialise their Online TV Platform: its backend, hosting and maintenance. This is what makes up a FACT TV Package. FACT would like to offer several formulas to suit the needs of different organisations.
5.6.2
Assignment
Create a demo website to give an overview of the different FACT TV Packages, with their individual Package options and price.
55
5.6.3
Result
Fig 37: New FACT TV Packages website
56
5.7 WE PLAY event 5.7.1
What is WE PLAY
WE PLAY is the Northwest cultural legacy project for the 2012 Olympic and Paralympic Games combining digital, physical and virtual participation opportunities for people from all walks of life and integrating year round public events, community programmes and the development of new work. Over the next four years people from across the region will be able to enjoy and participate in a whole range of exciting new projects and events as part of the WE PLAY programme in the Northwest. At its heart, WE PLAY will inspire the region to engage in play as a creative, physical and learning activities through experiencing digital culture, street arts and online and outdoor journeys. WE PLAY is a region-wide project made up of three Major Annual Legacy Programmes which are Abandon Normal Devices, a festival of new cinema and digital culture; Lakes Alive, a street arts programme across the whole of Cumbria, and New Cultural Journeys; a youth- led culture and sport participation programme for the Fylde Coast and Lancashire.
5.7.2
Assignment
Animate the WE PLAY logo to make the presentation more dynamic.
5.7.3
Implementation
We decided to animate the logo in Adobe Flash. The character bows to pick up the letters, gets back up and starts to juggle with them. After the letters go a few times around, they eventually start to drop out of his hands and land back in their starting position to create the loop.
57
5.7.4
Result
WE PLAY logo
Fig 38: WE PLAY - existing logo
58
Animated Logo
Fig 39: WE PLAY - animated logo screenshots
59
Presentation
60
6 Planning Due to the nature of FACT, the ever changing flow of thing and new assignments coming in every week, we had to change our planning very often. Some of our projects, like the ACC Liverpool version of FACT TV, were totally dependent on the client and if they wanted to go further with the project. Some of our projects only were announced or allocated to us in the middle of our internship, simply because our superiors sealed the deal, or were asked to do them after their initial talks with us. One of our main assignments was the redesign of the FACT TV website. However, although initially planned in week 3, it got immediately set back due to new projects coming in. In the end, it was the last thing we did. Therefore, we decided after a few weeks, to take things as they come, have a good general overview of what is still on the horizon and have a weekly get together to discuss the planning for the upcoming 5 days. There are some things that we could work on and finish without interruption, but a lot of tasks were spread out over several weeks, pushed back several times and other things got completed in between.
61
7 Task assignment – allocation
Task
Detail
Person responsible
FACT TV Packages website
Design + creation
Pieter Sijmons
Reporting website
Design + creation
Pieter Sijmons
WE PLAY logo
Character animation
Pieter Sijmons
ACC Liverpool
Design Mock-up
Pieter Sijmons
HUB Festival
Design Mock-up
Pieter Sijmons
FACT TV redesign
Design Mock-up
Pieter Sijmons
CSS changes
Pieter Sijmons
Player plugin metadata & button design
Pieter Sijmons
WE PLAY logo
Letter animation
Jonathan Pyncket
HUB Festival
Website creation
Jonathan Pyncket
FACT TV redesign
Player plugin coding
Jonathan Pyncket
3D Browser
Jonathan Pyncket
Website structure changes
Jonathan Pyncket
Design + creation
Jonathan Pyncket
Internship rapport
62
8 Summary It was clear from the beginning that the main focus would be FACT TV. The FACT TV website itself needed a redesign and several other mock-ups needed to be made to show other organisations how their online TV platform could look like. Also within the website itself, some new features were implemented. First of all there is the plugin for the FACT TV video player. It now displays metadata such as the uploader avatar, author name and video title. There is also a sharing functionality, both through email and through social media websites such as Facebook, Digg, ... Secondly, there is the 3D Browsing feature for FACT TV. It is a full screen Flex application that quickly allows the user to preview the videos on FACT TV as thumbnails on a 3D circular wall. Users can browse through the different channels and categories, as well as search for their favourite videos. Next to these main projects, there were also some other small things that had to be created. There was the FACT TV packages website that displays the different formulas/options of FACT TV that other organisations can buy. Another little project was the animation of the WE PLAY logo that was used in the launch event at the Manchester Velodrome.
63
9 Personal reflections 9.1 Jonathan The main thought in my mind is that the past three months went by way to fast. I can remember the first day we arrived in Liverpool, alone in a new big city. Luckily the people at FACT were quick to make us feel welcome and show us around town. We had the perfect place to stay in a Georgian house with other students from all over the world, so there was always something new to discover and experience. At FACT, we had great colleagues to work with. Everybody there was so committed to their work, that it was only natural to us to behave in the same way. All the persons we closely worked with know their stuff and are really good at what they are doing. Although FACT clearly is located in the Arts sector, and not directly related to programming and developing, the New Media Services department that I worked in does need skilled people to provide in their PC-related needs. Because we got a lot of freedom in the ways we could accomplish the projects that we were assigned, I believe both Pieter and I both got to do what we wanted and expected from this Internship. I got to do what I like and do best: Flash/Flex developing, both with the JW player plugin and the 3D browsing application. Through these, I learned a lot about the JW Player, PureMVC, Papervision3D and Flex in general, since the 3D browsing app was the first big project I made on the Flex Platform. It really sparked my interest in it, making me want to specialise further in this area. However this experience was not just about the new technologies that you learn, it’s also how you deal with a real life working environment, where your deadlines are even more important, money is involved and others depend on you. Even more, there is the international aspect to it. Not only a new environment, away from home, friends and family, but also the language and cultural barrier. Although I thought I knew the UK well, I was really surprised how different it is here. And the more time you spend here, the more you start to notice little things that are just a bit off. It’s all part of the great experience we’ve had the past three months and it is something I recommend to everyone. Just go for it, it’s the experience of a lifetime ...
64
9.2 Pieter It’s very hard to make a (short) conclusion about the amazing time I had during my 3 months in Liverpool, I rewrote this whole piece several times because I always had the feeling something was missing. It’s the problem many people have when they try to write about a feeling or an experience, which you need to see and feel, rather than read about it. But let’s switch to the actual conclusion... One of the first things I noticed after my first day at FACT is that the people were really friendly. After a while I discovered that it’s a common habit that people in Liverpool make friends quite easily. It was very strange to see everybody addressing each other by their first names, like there is no hierarchy at all. This really makes you feel welcome because there is no distance between the employees. You really feel like being part of the family, and this feeling increases your devotion for the work you do there. This also gives a big benefit when it comes to feedback moments, not only the director is giving feedback, he also receives feedback, which makes sure the result in the end is always better... It also lets you feel responsible, so if there is a major problem (like reduced funding due to the recession), everybody helps to find a solution. There was a very strong diversity in the projects we did at FACT, not a single week was the same. This makes sure you increase your knowledge about many different subjects in a short period. Of course we had our main project, FACT.tv, but even this was split up in different parts like the packages site, the mock-up and the actual creating (coding) of the website. Some sudden projects beside FACT.tv (like the WE PLAY logo animation, HUB tv) were a welcome break and helped me learn a lot about being flexible. It also gave me a better view of what FACT does, and what they can realize. It wasn’t always easy to be flexible in the team... I learnt that you can’t always expect people to be there and ready when you need them our when you want them to get something done. Sometimes deadlines get changed, appointments get rescheduled, people get sick... The key lies in the fact that you use this time to finish parts of the project you haven’t thought of. Scheduling is a helpful friend here, however you won’t always have the time to schedule every project you are working on. Getting feedback is another part where I learned a lot. At first it’s hard to get any if you didn’t plan it in a meeting for the simple reason everybody is quite busy with their own work. Mails are getting lost in enormous mailboxes and if you write stuff on paper it might get lost under a thousand other papers. The solution was simple: just stick your designs under their nose while they walk from one meeting to another... The first reaction is very useful, you immediately know if they like it or not. You still need to be very flexible after the design is turned into a working website, it’s common that people always want change when it’s nearly finished. Of course, you can’t please everyone, so it’s a skill to find the best compromise between all the feedback. Sometimes you even have to say that some things are impossible to implement due to time limits or technical restriction. In the end, you are even more satisfied with the result if they (or at least most of them) really like it...
65
I was very delighted to find out that our multimedia and communication technology courses are based on high standards. Apparently we actually do know a lot of things that are directly usable in the industry. Even things we haven’t seen are easy to pick up because we can fall back on the knowledge we already have. However, every project was a challenge and I got to know more about several programming languages during the implementation of the main project. Finally the fact that you are based in another country with other habits, another language, new people to meet,... and that you live on your own is something you can’t underestimate! Still it worked out pretty well. The house was absolutely fabulous and gave me the warm feeling of being home. Like I already mentioned, people are very nice here, so if I ever had any problems, they were ready to help where they could. I picked up the British way of living quite fast and even after a few weeks I totally adjusted to the habits that seemed a bit strange in the first week... Speaking English all day and night was easier that I expected (in the beginning with tons of mistakes of course), and I was really glad that I finally had a way to practise, because you only can learn a language by speaking it. In a nutshell, I adored every single second of my time here in Liverpool! Even the times when it was less pleasant, because I still learned a lot from those experiences. So if anybody will ask me about my internship in FACT I’ll have a smile on my face! And I’ll be back there, one day…
11 Appendices 11.1 Appendix I – FACT company structure
11.2 Appendix II – PureMVC conceptual diagram
11.3 Appendix III – Reports Jonathan Pyncket Week 1: 02/03/09 -> 06/03/09 De activiteiten deze week kunnen kort samengevat worden in de volgende punten. -
Kennismaking met het FACT gebouw Volledige tour gekregen doorheen het FACT gebouw, met beveiligingsposten en branduitgangen. We kregen een toegangskaart met Office prioriteit, welke ons toelaat het gebouw te betreden 24u op 24u, mits een melding aan het beveiligingspersoneel als dit buiten de kantooruren valt.
-
Kennismaking met het personeel en hun functies in FACT Daar er ca 70 personen actief zijn bij FACT bleef onze kennismaking beperkt tot het MITES team. Gedurende onze stage zullen we meerdere mensen leren kennen.
-
Kennismaking met FACT.tv Aan deze website zullen wij gedurende ons verblijf het meeste werken, dus een grondige kennis van de huidige staat was vereist. Hieromtrent hebben we ook enkele meetings gehad waarbij we de positieve en negatieve kanten ervan bekeken, en besproken hoe we deze kunnen herwerken. Deze meetings werden bijgewoond door Simon (onze baas), Deena (onze supervisor) en Paul (programmeur). Er werden enkele duidelijke taken besproken en zaken die we niet mochten veranderen.
-
Kennismaking met de huidige projecten lopend in FACT Daar op het moment van onze aankomst er binnen een goede week een nieuwe expositie van start ging, werden we voldoende gebrieft om hierover informatie te kunnen verwerken in onze toekomstige projecten.
-
Bezoek nationaal museum Liverpool Daar FACT dikwijls samenwerkt met dit museum leek het interessant om dit even te bezoeken en te kijken welke content we zouden kunnen gebruiken in de projecten.
-
Project 1: Uitbreiding flash player op FACT.tv Na een korte briefing over ons eerste project (de uitbreiding van de flash player met HD functionaliteit) van start gegaan. Dit project dient vooral als oriëntatie in de FACT.tv website.
Het betrof dus vooral een kennismakingsweek. Onder het motto ‘goed begonnen, half gewonnen’ sprokkelde we voldoende informatie om een duidelijk beeld te krijgen van FACT, zijn werknemers en onze plaats en taak in het bedrijf.
Week 2: 09/03/09 -> 13/03/09 Maandag 09/03
Verdere uitbouw Flash player met HD functionaliteit. Eerst de huidige plug-ins en skins onderzocht. Brain-storm games “Climate for Change” expositie snelle sessie waar enkele ideeën over de komende expositie werden doorgegeven aan Simon. Briefing project skin ACC Liverpool De ACC Liverpool (vergelijkbaar met EXPO Kortrijk, maar moderner) wordt als potentiële klant gezien bij de verkoop van FACT.tv packages. Er wordt een demo gemaakt hiervoor: concreet een skin op de huidige FACT.tv, in de stijl van ACC Liverpool om zo de mogelijkheid van een .tv website voor hen uit te leggen. Als ze toehappen is dit een groot project! Ideeën uitwisseling over FACT.tv De pro’s en contra’s nog even overlopen.
Dinsdag 10/03
Design FACT.tv player het uizicht van de player modificeren naar de stijl van FACT.tv Coderen extra functionaliteit FACT.tv player De extra functionaliteit van de player coderen zonder de huidige player.swf te veranderen. Alles wordt dus in een extra plug-in geschreven, zodat de player kan upgedate worden zonder de plug-in code te verliezen. Converteren FACT lettertype Dit was enkel beschikbaar voor MAC, dus geconverteerd naar PC lettertype voor verder gebruik in projecten. Onderzoek naar Climate for Change expositie via het intranet, zodat er een beter inzicht kan gevormd worden hoe de games kunnen samenvallen met deze expositie. Deze games krijgen slechts een lagere prioriteit, dus dit zou een bijproject worden.
Woensdag 11/03
Design verder vervolledigen FACT.tv player de HD button design geperfectioneerd en uitgetest op verschillende achtergrondvideo’s. Verder coderen extra functionaliteit FACT.tv player Dynamisch inladen van de knoppen + bijhouden van de stream data in cookie. Uittesten 3D camera Deze gadget kan mogelijkheid opleveren tot een nieuwe manier van informatieoverdracht van FACT, daarom werd dit uitgetest en werden de mogelijkheden en doenbaarheid hiervan besporken. Mini-website maken met video’s betreffende “Gana solutions” Gecomprimeerde fla’s in een loop forever plaatsen. Eerst de mogelijkheid onderzocht om via premiere een montage hiervan te maken, maar geen succes geboekt. De oplossing was dus mini-site met playlist die in een loop geplaatst wordt.
Donderdag 12/03
Mini-website verder afwerken Na enkele problemen met de playlist er toch in geslaagd om deze werkend te krijgen. Brainstorm sessie over de nieuwe skin van FACT.tv Het basis idee is een search functionaliteit gebaseerd op Cooliris. De volledige site in deze flash implementatie is niet mogelijk, daar de huidige back-end moet behouden worden, dus dit zal als plug-in geïmplementeerd worden. Verder coderen extra functionaliteit FACT.tv player Stream functionaliteit van HD verder uitgewerkt. Meeting over nieuwe skin FACT.tv Deze is uitgesteld naar morgen wegens te druk schema van Simon en Deena. Uitbreiding persoonlijk werkmateriaal & comptabiliteitstest Daar onze projecten hoofdzakelijk op MAC’s gebruikt zullen worden, kregen we MAC’s ter beschikking & testten we of alles daarop functioneerde. Design en coding FACT.tv pakketten mini-website. De desing en coding van een kleine website waar de mogelijke koper een overzicht ziet van de pakketten die FACT.tv aanbied. Dit blijft nog even in een beta stadium, maar dient als demo materiaal.
Opening expositie Climate for Change Onze aanwezigheid was aan te raden, daar er nuttige contacten met andere expositie galerijen konden gemaakt worden. Contact gelegd met Tenantspin en conversatie gehad over mobiele games voor deze expositie.
Vrijdag 13/03
Meeting nieuwe skin/redesing FACT.tv Samen met Simon en Paul. Reacties waren positief en we kregen groen licht om dit project te starten. Verdere briefing over projecten Uitwerken seach functie FACT.tv en mock-up ACC arena zullen de hoogste prioriteit krijgen de volgende weken. Verder werken (en finaliseren) beta-site FACT.tv packages Deze demo site is klaar voor publicatie, maar er dienen nog enkele zaken veranderd te worden alvorens deze effectief live kan gaan. Verder coderen FACT.tv player
Deze week werd gekenmerkt door het werken aan de FACT.tv player en de vooruitblik naar de mock-up voor de ACC Arena. Er worden continue nieuwe projecten toegevoegd en andere veranderd in prioriteit, het is dus een kwestie van flexibel te werken. Als er plots een klein project hoge prioriteit krijg moet je snel je huidig werk kunnen herplannen. Ik merkte ook dat het kennen van de juiste personen een hele hoop nuttige projecten kan teweegbrengen. Ook is dit geen ‘9 to 5-job’, wat betekend dat na de kantooruren er nog een hoop bedrijfgerelateerde zaken zijn die aandacht vereisen. Dit alles maakt een job @ FACT echter zeer gevarieerd en aangenaam. Volgende week zal waarschijnlijk in het thema van de ACC staan.
Week 3: 16/03/09 -> 20/03/09 Maandag 16/03
Brainstorm sessie 3D-film sessie met de mensen van Tennantspin voor een mogelijk project Feedback geven op presentatie van Simon onze baas moest een belangrijke presentatie geven en vroeg onze feedback als multimediale mensen (qua interactiviteit, informatieoverdracht, flashyness, …) Plannen bezoek echo arena originele datum wordt verzet omdat we dan in de USA zitten. Bezoek dient om foto’s te nemen voor een mockup. Verder werken aan de FACT TV player plugin verder uitwerken van weergave van meta data. Onder meer de auteur avatar, naam en titel van de video
Dinsdag 17/03
Nieuw project: WE PLAY logo animeren WE PLAY is een concept/organisatie die ontstaan is door de komende Olympische Spelen in 2012 in London. Het doel is om culturele activiteiten te combineren met sport. De launch wordt gegeven volgende week dinsdag in de velodroom in Manchester voor een groot publiek. Voor de presentatie willen ze het huidig logo animeren om alles wat meer dynamiek te geven. Deadline binnen 2 dagen dus dit krijgt hoogste prioriteit.
Woensdag 18/03
Animeren WE PLAY logo animeren van de letters in het logo. Het ventje zal met deze letters jongleren. Staff meeting alle werknemers van FACT aanwezig. Alle departementen overlopen naar de status van hun projecten. Brainstorm over 3D-4D films en projecteren op smoke-screen de artiesten die FACT aantrekt proberen altijd te vernieuwen. Simon wil graag werken met deze technologieën Overzicht FACT TV veranderingen opsomming maken van welke veranderingen we specifiek willen maken en hoe we de website willen veranderen in de komende maanden. Dit staat ook onder het tabblad “project” op de rapportage site
Donderdag 19/03
Finalisatie animatie WE PLAY logo eerste oplevering was zeer gunstig. Heel goede reacties gekregen. Tweaken van de animatie en exporteren naar verschillende formaten. Testen naar performance in Powerpointbestand. Verder werken aan de FACT TV player plugin controle op ontbrekende parameters in de html-pagina. Eventuele fouten opvangen en weergave aanpassen naargelang welke metadata aanwezig is. Implementatie van nieuwe skins en de beste elementen samenvoegen.
Vrijdag 20/03
Fotoshoot ACC Liverpool bezoek aan ACC Liverpool met fototoestel. Meerdere 360° fotoreeksen genomen en algemene foto’s van het complex. Upgrade security badge om de 360° te renderen hebben we zwaardere machines nodig. Toegang verkregen tot het Medialab. Renderen 360° shots eerste pogingen tot renderen van 360° shots. Research naar instellingen en tweaken van de resultaten gegeven door Photoshop.
Samenvatting
De animatie van het WE PLAY logo was een leuke zijopdracht. Er zijn volle dagen werk in gekropen om alles vlot in elkaar te laten overlopen en de coördinatie van de letters en het ventje overeen te laten komen. De reacties van de mensen van WE PLAY waren uitermate positief en het overtrof hun verwachtingen. Komende dinsdag wordt alles op groot scherm getoond in de velodroom in Manchester, alsook onze namen bij de credits. Fotoshoot in de ACC arena was succesvol. Alhoewel alle zalen leeg waren, zal het toch een indruk geven voor de mockup die we maken. We kunnen altijd terugkomen tijdens een evenement indien de klant effectief een FACT TV package aankoopt. Door de zijopdrachten kon ik deze week niet veel verder werken aan de FACT TV player plugin. De grote zorg hier is om alles compatibel te houden conform met de JW player en het plugin/skin systeem dat zij gebruiken. Indien succesvol kan FACT later de player updaten en zal de plugin/skin blijven werken. Dit zal de hoofdtaak worden voor volgende week.
Week 4: 23/03/09 -> 27/03/09 Maandag 23/03
Verder werken aan FACT TV player plugin finalisatie weergeven van meta-data. Optimalisatie van XML-files van waaruit de data wordt opgehaald Research iPlayer BBC FACT.tv zal een look krijgen zoals deze iPlayer, er zijn slechts enkele kleine minpuntjes aan deze website (mobile telefoon versie en css keuze), en die kunnen we eenvoudig wegwerken.
Dinsdag 24/03
Verder werken aan FACT TV player plugin implementatie van playlists in de player. Aanmaken van High Definition en Low Definition playlists. Correct laten inladen van de juiste playlist naargelang de keuze van de gebruiker. Deze wordt bijgehouden in een flash cookie. Bij het afsluiten van de player wordt de positie van de huidige video bijgehouden. Research naar Cooliris variant voor FACT TV onderzoek naar haalbaarheid van een applicatie zoals Cooliris (http://www.cooliris.com/). Bespreking met Paul (programmeur) over de samenwerking met de huidige backend. Positieve reacties van Simon (baas) en Deena (supervisor). Verder onderzoek goedgekeurd.
Woensdag 25/03
Verder werken aan FACT TV player plugin Uitwerken van problemen bij het inladen van reeds bezochte video’s. Player wilt niet seeken naar de opgeslagen tijd waar de gebruiker de vorige keer gestopt is met kijken. Onderzoek naar de JW player waar het probleem zit. Proberen van verschillende omwegen om de comptabiliteit te garanderen met de JW player. Ik mag geen core-code veranderen om het probleem op te lossen aangezien FACT geen Flashprogrammeur heeft om veranderingen aan te brengen wanneer een nieuwe versie van JW player uitkomt. Implementatie 360° panorama’s in Flash de panorama’s laten ronddraaien in Flash. Grote problemen met cpu-verbruik waardoor de beweging niet vloeiend is.
Donderdag 26/03
Meeting mock-up ACC Liverpool deadline voor de mockup is uitgesteld. Vergadering met de mensen van ACC Arena is verplaatst naar een latere datum. Lecture Lord Puttnam lezing over de plaats van technologie in de opvoeding van kinderen en hoe het meer kan geïntegreerd worden in het huidig schoolsysteem. Verder werken aan FACT TV player plugin afwerken van nieuwe graphics. HTML variabelen implementeren die de kleur van de player beïnvloeden. Opstellen van documentatie om de player te integreren in de huidige backend en wat te doen bij een upgrade van de core JW player wanneer een nieuwe versie uitkomt.
Vrijdag 27/03
Overlopen lopende projecten vergadering met Simon en Deena over de stand van zaken van de huidige projecten. Bespreking en verschuiven van prioriteiten voor wanneer we terug zijn. Research naar Cooliris vairant voor FACT TV onderzoek naar Fullscreen modus voor Flash/Flex. Probleem: bij fullscreen wordt de keyboard input geblokkeerd voor security redenen. Concreet kan de gebruiker dus geen zoekveld invullen. Zoeken naar alternatief voor het fullscreen probleem. Beste oplossing lijkt het openen van een pop-up window over het volledig scherm zonder werkbalken. Het wow-effect gaat wat verloren, maar dit lijkt de enigste mogelijkheid.
Samenvatting
De FACT TV plugin lijkt klaar om geïmplementeerd te worden. Dit is voor na onze reis naar de USA. Er zullen waarschijnlijk wel nog nieuwe bugs optreden, maar implementatie gebeurt eerst op een test-versie van de site. Groen licht werd gegeven voor de Cooliris variant voor FACT TV. Ik heb de opdracht gekregen om een 3D-browser te creëren voor de FACT TV video’s. Dit wordt uitgewerkt in Flex binnen een popup window in de browser. De gebruiker zal makkelijk kunnen browsen tussen de video’s op FACT TV en zoeken naar de content die hij of zij wil. Dit alles natuurlijk op een gebruiksvriendelijke manier en alles moet makkelijk te implementeren zijn bij andere klanten die FACT TV packages aankopen in de toekomst. Dit is een groot project en wordt geschat op een maand tijd. Na de vakantie moet de FACT TV player plugin worden geïntegreerd in de huidige website. Eventueel nieuwe bugs gaan moeten opgelost worden en kleine veranderingen aan de huidige backend moeten nog gebeuren. Hiervoor zal ik nauw moeten samenwerken met Paul, de programmeur bij FACT. Verder heeft de Cooliris-achtige applicatie de hoogste prioriteit voor mij wanneer de nieuwe player is geïmplementeerd.
Week 5: 13/04/09 -> 17/04/09 Maandag 13/04
Paasmaandag
Dinsdag 14/04
Research naar PureMVC pureMVC is een framework om model, view en contoller uit elkaar te houden. Het biedt ook de mogelijkheid om makkelijk je applicatie te porten naar een andere backend zonder al te veel werk. We hebben dit framework kort in de les RIA gezien en ik had het graag gebruikt voor de 3D browsing applicatie. 3D browsing applicatie voor FACT TV starten met de planning over hoe de applicatie zal worden opgebouwd
Woensdag 15/04
3D browsing applicatie voor FACT TV opbouwen van de applicatie vanuit het PureMVC perspectief. PureMVC verder de structuur van dit framework onderzoeken. Documentatie lezen en de opbouw met de verschillende elementen onder de knie krijgen.
Donderdag 16/04
3D browsing applicatie voor FACT TV aanmaken van de proxies voor de searchbar en het menu. Data ophaling vanuit XML verzorgen en deze doorspelen naar geïnteresseerde mediators. Opbouw van nieuwe MXML elementen en hun mediators. Tour de Flex applicatie overlopen naar bruikbare UI elementen en hoe ze gebruikt worden.
Vrijdag 17/04
3D browsing applicatie voor FACT TV menu opbouwen via XML. Verschillende categorieën, favorieten, channels, …. kunnen dynamisch worden ingeladen. Alles wordt weergegeven in een flex accordeon. Eerste weergave van de verschillende videos (preview image + titel) op de gewone 2D manier. Videos worden in 3 rijen weergegeven en wanneer de gebruiker er op klikt wordt hij naar de juiste pagina op de FACT TV website genavigeerd. PopUp window met behulp van de PopUp klasse, popup-blokkers omzeilen zodat de gebruiker naar de FACT TV website wordt geleidt.
Samenvatting
De FACT TV plugin kon deze week nog niet geïmplementeerd worden. Paul, de programmeur, had deze week verlof genomen. Volgende week is hij terug en wordt de nieuwe player/plugin op de interne test website gezet. Het gaat goed vooruit met de 3D browsing applicatie. Het was veel zoeken in het begin naar de week hoe PureMVC juist in mekaar zit. Ook is het de eerste keer dat ik een echte Flex applicatie maak butien de labo uren. Het begint vlotter en vlotter te gaan en ik leer massa’s nieuwe dingen. Volgende week bouwt voor op deze week en staat de 3D weergave gepland.
Week 6: 20/04/09 -> 24/04/09 Maandag 20/04
3D browser applicatie voor FACT TV aanmaken van nieuw MXML element voor een scrollbar. Proberen van implementeren van externe scrollbalk voor een ander MXML element. Onderzoek naar Flex-zoom functie. Implementeren van gewone zoom. Proberen van 3D weergave van de video’s met de Flash Player 10 functies. Papervision 3D onderzoek naar Papervision 3D in combinatie met Flex.
Dinsdag 21/04
Papervision 3D onderzoek naar Papervision 3D in combinatie met Flex. 3D browser applicatie voor FACT TV implementeren van papervision3D in de Flex applicatie. Implementeren van nieuwe CASA klasses om cirkelpunten makkelijk bij te houden. Werken aan 3D weergave van de video’s met behulp van papervision.
Woensdag 22/04
3D browser applicatie voor FACT TV Werken aan 3D weergave van de video’s met behulp van papervision. Creëren van 3D-muur gemaakt uit video’s. Bepalen van de juiste coördinaten en gewenste layout toe te passen. Bugtesting naar ophalen van video’s. Data ophaling aangepast.
Donderdag 23/04
FACT TV plugin Finale bugesting op de FACT TV plugin en implementeren op de website. Uitwerken van problemen omtrent in en uitschakelen van verschillende modules in de plugin. Overleg met Paul (programmeur) over implementatie van de plugin/player op de live website en integratie met de backend.
Werkt voorlopig in Firefox. Er zijn nog onvoorziene problemen opgetreden in Internet Explorer. Verdere bugtesting staat gepland voor morgenvroeg. 3D browser applicatie voor FACT TV Opnieuw bekijken van data ophaling vanuit de backend. Genereren van nieuwe XML-files met de nodige data nodig om de video’s weer te geven. Verder werken aan de 3D-muur weergave en het positioneren van alle elementen. Debuggen van probleem met datarequests die niet doorkwamen. Bug trad willekeurig op in de core code van Flash. Voorlopig opgelost.
Vrijdag 24/04
3D browser applicatie voor FACT TV experimenteren met 3D camera controls. Uitproberen van verschillende cameratypes en positionering van video’s. Requestbug treedt nog steeds op, maar minder frequent. Nog geen oorzaak/oplossing gevonden. HUB TV nieuwe opdracht gekregen omtrent het HUB festival. Gebruikers/festivalgangers moeten video’s kunnen uploaden naar de HUB TV website die we aan het creëren zijn. Bespreken met Paul (programmeur) en Pieter hoe we dit best aanpakken en welke al reeds bestaande delen uit de FACT TV backend we kunnen toepassen.
Samenvatting
Ik ben tot de conclusie gekomen dat ik Papervision3D zal moeten gebruiken voor mijn 3D browser applicatie. De ingebouwde 3D functionaliteit van Flash Player 10 zelf is niet genoeg. PV3D is niet direct gemaakt om met Flex-elementen samen te werken, dus dit vergde enig tijd om te implementeren. De nieuwe FACT TV player/plugin is nog altijd niet geïmplementeerd. Na de poging op donderdag heb ik verdere problemen uitgewerkt. De implementatie werd constant opgeschoven omdat Paul (programmeur) constant nieuwe taken erbij krijgt die eerst moeten afgehandeld worden. Komende maandag proberen we opnieuw. Nadat Pieter deze week de mockup heeft voorgesteld aan de mensen van HUB Festival, hebben ze een bijkomende opdracht gegeven: gebruikers moeten video’s van op bvb hun gsm kunnen uploaden naar de nieuwe HUB TV website die momenteel in ontwikkeling is. Deze opdracht krijgt de hoogste prioriteit en zal waarschijnlijk de rest van de week in beslag nemen. Deadline staat op vrijdag, wanneer een beta-versie moet worden afgeleverd van de HUB TV website en de upload mogelijkheid. Zowel ik als Pieter nemen dit voor onze rekening.
Week 7: 27/04/09 -> 01/05/09 Maandag 27/04
HUB TV website Opzetten van de nieuwe HUB TV website. Analyseren van de huidige HUB website en onderzoeken van mogelijke manieren om de 2 te combineren. Integratie van de FACT TV backend is niet direct mogelijk in Wordpress. Er moet een volledig nieuwe HUB TV site worden opgezet die zo dicht mogelijk aanleunt bij hun huidige site.
Dinsdag 28/04
HUB TV website Instellen van toegangsrechten tot de nieuwe HUB TV website. Starten met de implementatie van de nieuwe layout. Zowel de structuur als uitzicht moeten aangepast worden. Introductie tot de FACT TV backend. Deze is gebaseerd op Ruby on Rails. Uitleg over hoe alles in elkaar zit en hoe Ruby werkt. Veranderen van de structuur van de home pagina. Instellen van de juiste kolommen en welke video informatie wordt weergegeven. Aanpassingen aan algemene site layout om het op te delen in een linker- en rechterkolom.
Woensdag 29/04
HUB TV website Layout veranderen van de Browse pagina. Verschillende layouts moeten kunnen worden ingesteld (thumbnail-view en list-view). Aanmaken van verschillende modules om de rechterkolom te bevolken. Staff meeting meeting met de FACT werknemers over lopende projecten. Geen speciaal nieuws voor ons.
Donderdag 30/04
HUB TV website Layout veranderen van de individuele video pagina. Hier wordt de video weergegeven, bijkomende metadata weergegeven en kunnen er comments gegeven worden.
Vrijdag 01/05
HUB TV website Layout veranderen van verschillende admin pagina’s. Verscheidene onderdelen met worden verwijderd naar de noden van HUB festival toe. Iedere gebruiker moet video’s kunnen uploaden, channels en categories vallen weg, bepaalde specifieke instellingen omtrent video codecs vallen weg, …
Samenvatting
De HUB festival website heeft heel de week in beslag genomen. De deadline van vrijdag werd vlot gehaald en een werkende beta versie was klaar om gepresenteerd te worden. De meeting is er desondanks niet gekomen en de uiteindelijke deadline is vastgelegd geweest op volgende week vrijdag. Dan moet een volledig werkende versie afgeleverd worden om online te plaatsen. Zoals vermeld zit de meeste functionaliteit er al in. Alles wat we zelf konden doen hebben we gedaan en nu is het wachten geblazen op Paul (programmeur) om de core code te veranderen waar nodig. Verder moeten nog enkele admin pagina’s aangepast worden. Structureel is alles al in orde. Wel moet de layout nog aangepast worden voor verscheidene browsers (Internet Explorer en Safari).
Week 8: 04/05/09 -> 08/05/09 Maandag 04/05
Feestdag
Dinsdag 05/05
HUB TV Website Aanpassen van de layout van de resterende admin pagina’s. Implementeren van de zoekfunctie en weergeven van de resultaten. Weergave van tags en zoeken op tags aanpassen. Aanpassen van kleine details over de gehele site en alles aligneren.
Woensdag 06/05
HUB TV Website Aanpassen van de layout voor Internet Explorer 7. Overlopen van alle pagina’s en alle elementen opnieuw positioneren waar nodig. Verder werken aan nieuwe admin pagina’s.
Donderdag 07/05
HUB TV Website Aanpassen van de layout voor Safari en Firefox op MAC. Overlopen van alle pagina’s en alle elementen opnieuw positioneren waar nodig. Zoeken en implementeren van Safari CSS hacks, zowel voor de huidige als vorige versies. Verder werken aan de upload functionaliteit en weergave van feedback naar de gebruiker toe.
Vrijdag 08/05
HUB TV Website Zoeken en implementeren van een oplossing voor het Internet Explorer 6 png probleem. Javascript oplossing gevonden die het mogelijk maakt om toch transparante png’s weer te geven in IE6. Verder afwerken van de site.
Samenvatting
De HUB Festival website is eindelijk afgeraakt. Er resteren enkel nog wat aanpassingen aan de back-end, die dus voor Paul (programmeur) zijn. Maandag wordt de website live gezet. Onze deadline is dus mooi gehaald geweest. Spijtig genoeg hebben de netwerkmensen nog wat problemen om de website te verplaatsen naar een externe server die de extra bandbreedte en video opslag aankan. We krijgen van iedereen heel goede reacties. Ik ben benieuwd wat de effectieve gebruikers ervan gaan denken wanneer de site volgende week live gaat. Onze baas, Simon, is ook heel tevreden. Dit was de eerste implementatie van FACT TV voor een externe klant. Alhoewel de HUB festival site gratis werd gemaakt, dient het wel als een mooi voorbeeld van wat er met FACT TV kan bereikt worden. Het is een mooie showcase om nieuwe klanten te lokken. Volgende week wordt het verder werken aan de 3D browsing feature voor FACT TV. Pieter start ondertussen met de mockups voor ACC Arena die tegen vrijdag klaar moeten zijn.
Week 9: 11/05/09 -> 15/05/09 Maandag 11/05
HUB Festival Website Verder nakijken van alle details. Nogmaals checken of alles werkt in FF, Safari en IE. 3D Browser voor FACT TV Verder werken aan het menu. Uitwerken van verschillende bugs tijdens het inladen van nieuwe rss feeds en deze weergeven als video’s. Verschillende fade-ins en fade-outs plaatsen tussen de huidige afhandeling van events.
Dinsdag 12/05
3D Browser voor FACT TV Herwerken van de camera, type en positie. Verbinden van de scrollbalk aan de camera-positie. Werken aan een formule die de relatie legt tussen het huidig zoom-niveau en de hoek waarin de camera mag bewegen.
Woensdag 13/05
HUB Festival Website De site is eindelijk live gegaan. Laatste aanpassingen aan het hoofdmenu. Staff Meeting meeting met de FACT werknemers over lopende projecten. Geen speciaal nieuws voor ons. 3D Browser voor FACT TV Oplossing gevonden voor het begrenzen van de camera-hoek ten opzichte van het huidig zoomniveau. De camera-hoek wordt nu uitgerekend via 4e graads formules: ax4 + bx³ + cx² + dx + e.
Donderdag 14/05
3D Browser voor FACT TV Verfijnen van het zoomen en heen en weer scrollen. Animaties optimaliseren en vlotter laten lopen. Aanmaken van een scrollfunctie door het heen en weer slepen met de muis.
Vrijdag 15/05
3D Browser voor FACT TV Weergeven van de beschrijving bij een video rollover. Alle overgangen in de applicatie mooi laten verlopen met een alpha-tween. Applicatiestructuur aanpassen om rekening te houden met de tijd die deze tweens innemen.
Samenvatting
Deze week is de HUB festival website eindelijk live gegaan op hun servers. Het eindresultaat is te zien op http://hub.fact.tv Al bij al is er relatief veel tijd in gekropen. Natuurlijk was de backend waarop de site gebaseerd is, voor ons volledig nieuw. Na het maken van deze site zal de volgende opdracht natuurlijk veel vlotter verlopen. Dit zal waarschijnlijk de redesign van FACT TV zelf worden. Pieter start volgende week met de mockups in Photoshop hiervoor. De 3D Browser app voor FACT TV begint meer en meer vorm te krijgen. Momenteel wordt het menu en de video’s dynamisch ingeladen. De video’s worden mooi in de 3D ruimte gepositioneerd, alsof ze op de binnenkant van een grote bol worden geprojecteerd. Het zoomen en heen en weer scrollen verloopt al een stuk vlotter. Volgende week staat de zoekfunctie op het programma. Dat is, als er niks bijkomt, het laatste functioneel aspect dat ontbreekt. Daarna komt het design en oppoetsen van alle elementen aan de beurt.
Week 9: 11/05/09 -> 15/05/09 Maandag 11/05
HUB Festival Website Verder nakijken van alle details. Nogmaals checken of alles werkt in FF, Safari en IE. 3D Browser voor FACT TV Verder werken aan het menu. Uitwerken van verschillende bugs tijdens het inladen van nieuwe rss feeds en deze weergeven als video’s. Verschillende fade-ins en fade-outs plaatsen tussen de huidige afhandeling van events.
Dinsdag 12/05
3D Browser voor FACT TV Herwerken van de camera, type en positie. Verbinden van de scrollbalk aan de camera-positie. Werken aan een formule die de relatie legt tussen het huidig zoom-niveau en de hoek waarin de camera mag bewegen.
Woensdag 13/05
HUB Festival Website De site is eindelijk live gegaan. Laatste aanpassingen aan het hoofdmenu. Staff Meeting meeting met de FACT werknemers over lopende projecten. Geen speciaal nieuws voor ons. 3D Browser voor FACT TV Oplossing gevonden voor het begrenzen van de camera-hoek ten opzichte van het huidig zoomniveau. De camera-hoek wordt nu uitgerekend via 4e graads formules: ax4 + bx³ + cx² + dx + e.
Donderdag 14/05
3D Browser voor FACT TV Verfijnen van het zoomen en heen en weer scrollen. Animaties optimaliseren en vlotter laten lopen. Aanmaken van een scrollfunctie door het heen en weer slepen met de muis.
Vrijdag 15/05
3D Browser voor FACT TV Weergeven van de beschrijving bij een video rollover. Alle overgangen in de applicatie mooi laten verlopen met een alpha-tween. Applicatiestructuur aanpassen om rekening te houden met de tijd die deze tweens innemen.
Samenvatting
Deze week is de HUB festival website eindelijk live gegaan op hun servers. Het eindresultaat is te zien op http://hub.fact.tv Al bij al is er relatief veel tijd in gekropen. Natuurlijk was de backend waarop de site gebaseerd is, voor ons volledig nieuw. Na het maken van deze site zal de volgende opdracht natuurlijk veel vlotter verlopen. Dit zal waarschijnlijk de redesign van FACT TV zelf worden. Pieter start volgende week met de mockups in Photoshop hiervoor. De 3D Browser app voor FACT TV begint meer en meer vorm te krijgen. Momenteel wordt het menu en de video’s dynamisch ingeladen. De video’s worden mooi in de 3D ruimte gepositioneerd, alsof ze op de binnenkant van een grote bol worden geprojecteerd. Het zoomen en heen en weer scrollen verloopt al een stuk vlotter. Volgende week staat de zoekfunctie op het programma. Dat is, als er niks bijkomt, het laatste functioneel aspect dat ontbreekt. Daarna komt het design en oppoetsen van alle elementen aan de beurt.
Week 10: 18/05/09 -> 22/05/09 Maandag 18/05
3D Browser voor FACT TV Toevoegen van search functie aan de applicatie. Verzenden van requests naar de server met afhandeling van eventuele errors. Wegwerken van bugs omtrent het draggen of scrollen en de muis op verkeerde plaatsen loslaten. Optimaliseren van foutberichten en hun weergave.
Dinsdag 19/05
3D Browser voor FACT TV Debugging van de search functie. Oplossen van communicatieproblemen met de Ruby backend. Usability aanpassen door knoppen te laten enablen/disablen. Aanpassen van de search bar naar een toolbar. Invoegen van zoomcontrols op de nieuwe toolbar. Mensen met een muis zonder scrollwheel kunnen nu ook in- en uitzoomen.
Woensdag 20/05
3D Browser voor FACT TV Toevoegen van sorting controls aan de toolbar. Gebruikers kunnen de video’s nu sorteren op naam, meest recente, lengte en rating. Naargelang de waar de gebruiker zich bevindt in de applicatie, deze sortcontrols enablen of disablen.
Donderdag 21/05
3D Browser voor FACT TV Afhandelen van de resize events, wanneer de gebruiker de applicatie vergroot of verkleint. De gemakkelijkste manier is het aanpassen van de zoom op de Papervision3D camera. Uitrekenen, testen en begrenzen van de zoomniveaus op de camera. Het zoomniveau aanpassen naargelang de schermresolutie van de gebruiker. Een relatieve standaardwaarde blijft nu behouden. Max en min grenzen worden uitgerekend gebaseerd op deze standaardwaarde.
Vrijdag 22/05
3D Browser voor FACT TV Toevoegen van een help-scherm. Dit wordt weergegeven als de applicatie opstart of wanneer de gebruiker de bijhorende knop op de toolbar activeert. Debuggen van het enablen/disablen van bepaalde knoppen of knopgroepen op de toolbar.
Samenvatting
Deze week stond volledig in het teken van de 3D Browser. Er is heel wat functionaliteit toegevoegd, maar er blijven maar nieuwe dingen bijkomen. Collega’s die de applicatie testen of bekijken geven goede bruikbare feedback en ideeën voor mogelijke uitbreidingen. Als er niks meer bijkomt, wordt de applicatie volgende week zo goed als afgewerkt. Functioneel gezien zit het meeste er al in, maar grafisch moeten de puntjes nog wat op de i gezet worden. Ook ga ik proberen de applicatie nog wat vlotter te laten lopen. De week erna staat de redesign van FACT TV op het programma.
Week 11: 25/05/09 -> 29/05/09 Maandag 25/05
Feestdag
Dinsdag 26/05
3D Browser voor FACT TV Starten met het oppoetsen van de grafische elementen. Alles in eenzelfde stijl plaatsen, met gradients en doorschijnende onderdelen. Rekening houden met kleinere schermresoluties en de onderdelen in grootte en positie aangepast. Bij het verkleinen van de applicatie beweegt of schaalt alles mooi mee. Toevoegen van een loader clip met bijhorende events en afhandeling.
Woensdag 27/05
3D Browser voor FACT TV Debuggen van de applicatie. Soms treedt er een bug op bij het opstarten van de lokale app. Het menu wordt niet ingeladen en de applicatie blijft natuurlijk hierop wachten. Na verdere inspectie blijkt dat er geen request voor data wordt gestuurd naar de backend. De code loopt ergens vast in de klasses van Flash zelf. De bug treedt ogenschijnlijk willekeurig op, soms 10x na elkaar, soms een hele dag niet. Momenteel nog geen oplossing gevonden. FACT Staff meeting Algemene vergadering met verantwoordelijken van alle afdelingen. Niks speciaal te melden voor onze afdeling.
Donderdag 28/05
3D Browser voor FACT TV Aanpassen van de grootte van de scrollhandle wanneer er wordt ingezoomd en dus meer of minder video’s worden getoond. Opzoekwerk naar het verbeteren van prestaties in Papervision3D. Na veel testen en optimalisatie wordt de kwaliteit nu op medium gezet tijdens het inzoomen of heel en weer scrollen. De videocontainers konden niet op non-transparant worden gezet, daar de titel van de video de zichtbaarheid verminderde boven de thumbnail.
Vrijdag 29/05
3D Browser voor FACT TV Debuggen van het openen van een video. Muiskliks op een video worden op bepaalde delen van het scherm niet geregistreerd. De mouseOver funcie werkt raar genoeg wel perfect. Ik vermoed dat dit te maken heeft met de 3D weergave en rotatie van de videoelementen. Uittesten van verschillende oplossingen. Uiteindelijk gekozen voor de oplossing die bij een mouseOver alle muisevents uitschakelt en daarna gelijk welke klik koppelt aan de video waarover de muis aan het zweven is.
Samenvatting
De 3D Browser is klaar om geïmplementeerd te worden in de nieuwe FACT TV website waarmee we volgende week starten. Iedereen is tevreden met het resultaat en zit glunderend te kijken naar de bewegende 3D animaties. Dit was een heel mooi project, waar ik veel dingen heb in bijgeleerd en is iets waarin ik later graag zou verder werken. Volgende week staat dus eindelijk het redesign van FACT TV op het programma. De mock-ups van Pieter zijn bijgewerkt en goedgekeurd. Maandag wordt een nieuwe test-server online gezet zodat we hier op kunnen werken en meteen de veranderingen in de browser zien.
Week 12: 01/06/09 -> 05/06/09 Maandag 01/06
Redesign van FACT TV Starten met het veranderen van de paginastructuur in Ruby. Veranderen van de huidige structuur door het bijvoegen, aanpassen of weglaten van paginaonderdelen en alles in de correcte div-elementen te steken.
Dinsdag 02/06
Redesign van FACT TV Veranderen van de huidige structuur door het bijvoegen, aanpassen of weglaten van paginaonderdelen en alles in de correcte div-elementen te steken.
Woensdag 03/06
Redesign van FACT TV Veranderen van de huidige structuur door het bijvoegen, aanpassen of weglaten van paginaonderdelen en alles in de correcte div-elementen te steken.
Donderdag 04/06
Redesign van FACT TV Aanpassen van de CSS voor Internet Explorer 7. Verder helpen met het aanpassen van de gewone CSS en de paginastructuur veranderen waar nodig. Beginnen met de video kolommen op de home pagina. Via Javascript worden de kolommen getweend wanneer op de juiste knoppen wordt geduwd.
Vrijdag 05/06
Redesign van FACT TV Aanpassen van de CSS voor Internet Explorer 7. Verder helpen met het aanpassen van de gewone CSS en de paginastructuur veranderen waar nodig. Bijhouden van de positie van de videokolommen op de home pagina. Wanneer de gebruiker naar een andere pagina gaat, refresht of terugkeert naar de website, glijden de videokolommen naar de laatst gekende positie.
Samenvatting
De nieuwe FACT TV site begint stilaan vorm te krijgen. De home pagina is zo goed als af en de structuur van de overige pagina’s is af. Deze moeten enkel nog opgemaakt worden d.m.v. CSS. We krijgen plots massa’s feedback over onze vorderingen. Mensen waaraan we een hele week hebben gevraagd voor feedback, geven plots hun mening nu het te laat is. Natuurlijk bij constructieve aanpassingen veranderen we dingen als nodig, maar grote aanpassingen in de structuur van de site zitten er niet meer in. Volgende week gaan we door met het redesign van FACT TV. Het einde komt al in zicht, nog maar 2 weken te gaan. We liggen mooi op schema voor de deadline wanneer we vertrekken. Iedereen is er gerust in. Verder kreeg ik deze week een mooie opfrissing van mijn Javascript kennis. Ook heb ik wat nieuwe zaken hieromtrent bijgeleerd die later altijd van pas kunnen komen.
Week 13: 08/06/09 -> 12/06/09 Maandag 08/06 •
Redesign van FACT TV Aanpassen van de CSS voor Internet Explorer 7. Verder helpen met het aanpassen van de gewone CSS en de paginastructuur veranderen waar nodig.
Dinsdag 09/06
Redesign van FACT TV Veranderen van de huidige structuur door het bijvoegen, aanpassen of weglaten van paginaonderdelen en alles in de correcte div-elementen te steken. Aanpassen van de ruby code om de video grootte op player pagina dynamisch te berekenen.
Woensdag 10/06
Redesign van FACT TV Verder helpen met het aanpassen van de gewone CSS en de paginastructuur veranderen waar nodig. 3D Browser voor FACT TV Integreren van de 3D browser in de nieuwe website. Oplossen van problemen in verband met security en het ophalen van data uit een ander domein. Research naar dit probleem en crossdomain.xml. Verdere uitwerking van de applicatie en de nodige aanpassingen doen zodat alle data vanuit hetzelfde domain wordt opgehaald.
Donderdag 11/06
Redesign van FACT TV Verder helpen met het aanpassen van de gewone CSS en de paginastructuur veranderen waar nodig. Plugin voor de FACT TV player Integreren van mijn plugin voor de JW Player voor FACT TV in de nieuwe website. Met de opgedane kennis van Ruby kon ik zelf de veranderingen maken in de backend om alle nodige data voor de plugin te genereren .
Vrijdag 12/06
Redesign van FACT TV Verder helpen met het aanpassen van de gewone CSS en de paginastructuur veranderen waar nodig. Plugin voor de FACT TV player Extra functionaliteit en usability toevoegen: in het share-scherm kun je nu met de ESC-toets terugkeren. De metadata velden worden pas zichtbaar nadat de data is ingeladen
Samenvatting
De integratie van zowel de 3D browser als de plugin voor de video player zijn redelijk vlot gegaan. Enkel bij de 3D browser was er een groot probleem omtrent de ingebouwde Flash Security. Bij het ontwikkelen draaide ik telkens een lokale kopie, waar de security settings in het begin werden ingesteld. Wanneer de applicatie op de server draaide, moesten de settings worden aangepast en moest alle data ophaling vanuit hetzelfde domain gebeuren. De nieuwe FACT TV website ziet er goed uit. Een voorlopige versie is te vinden op http://test.fact.tv. Het ziet er naar uit dat alle deadlines vlot gehaald zullen worden. Volgende week worden de admin pagina’s verder aangepast en wordt alles nog eens overlopen voor andere browsers als IE6 of Safari. Hopelijk kan de nieuwe versie volgende week al live gaan, voor we terugkeren naar België. Het zit er bijna op. De voorbije 3 maanden zijn (te) snel voorbij gegaan. Vrijdagavond was er een afscheidsdrink met iedereen en een mooie speech van de grote baas die ons bedankte voor al het werk. We zijn blij dat alles zal afgeraken voor we terug komen volgende week vrijdag, zodat we hier in schoonheid kunnen afsluiten.
Week 14: 15/06/09 -> 19/06/09 Maandag 15/06
Redesign van FACT TV Allerhande kleine bugs uitwerken. CSS aanpassen voor Internet Explorer.
Dinsdag 16/06
Redesign van FACT TV Dynamisch laten de grootte van de video op de herwerkte home pagina berekenen. De Javascript code voor de herwerkte videokolommen aanpassen. Code meer dynamisch maken zodat de code kan herbruikt worden bij nieuwe implementaties. Verder CSS aanpassen voor verscheidene browsers.
Woensdag 17/06
Redesign van FACT TV CSS en paginastructuur aanpassen voor Safari. FACT Grote meeting met alle personeelsleden over de toekomst van FACT en wat er de komende jaren concreet op het programma staat.
11.4 Appendix IV – Reports Pieter Sijmons Week 1: 02/03/09 -> 06/03/09 De activiteiten deze week kunnen samengevat worden in de volgende punten. -
Kennismaking met het FACT gebouw Volledige tour gekregen doorheen het FACT gebouw, met beveiligingsposten en branduitgangen. We kregen een toegangskaart met Office prioriteit, welke ons toelaat het gebouw te betreden 24u op 24u, mits een melding aan het beveiligingspersoneel als dit buiten de kantooruren valt.
-
Kennismaking met het personeel en hun functies in FACT Daar er ca 70 personen actief zijn bij FACT bleef onze kennismaking beperkt tot het MITES team. Gedurende onze stage zullen we meerdere mensen leren kennen.
-
Kennismaking met FACT.tv Aan deze website zullen wij gedurende ons verblijf het meeste werken, dus een grondige kennis van de huidige staat was vereist. Hieromtrent hebben we ook enkele meetings gehad waarbij we de positieve en negatieve kanten ervan bekeken, en besproken hoe we deze kunnen herwerken. Deze meetings werden bijgewoond door Simon (onze baas), Deena (onze supervisor) en Paul (programmeur). Er werden enkele duidelijke taken besproken en zaken die we niet mochten veranderen.
-
Kennismaking met de huidige projecten lopend in FACT Daar op het moment van onze aankomst er binnen een goede week een nieuwe expositie van start ging, werden we voldoende gebrieft om hierover informatie te kunnen verwerken in onze toekomstige projecten.
-
Bezoek nationaal museum Liverpool Daar FACT dikwijls samenwerkt met dit museum leek het interessant om dit even te bezoeken en te kijken welke content we zouden kunnen gebruiken in de projecten.
-
Project 1: Uitbreiding flash player op FACT.tv Na een korte briefing over ons eerste project (de uitbreiding van de flash player met HD functionaliteit) van start gegaan. Dit project dient vooral als oriëntatie in de FACT.tv website. Het betrof dus vooral een kennismakingsweek. Onder het motto ‘goed begonnen, half gewonnen’ sprokkelde we voldoende informatie om een duidelijk beeld te krijgen van FACT, zijn werknemers en onze plaats en taak in het bedrijf.
Week 2: 09/03/09 -> 13/03/09 Maandag 09/03
Verdere uitbouw Flash player met HD functionaliteit. Eerst de huidige plug-ins en skins onderzocht. Brain-storm games “Climate for Change” expositie snelle sessie waar enkele ideeën over de komende expositie werden doorgegeven aan Simon. Briefing project skin ACC Liverpool De ACC Liverpool (vergelijkbaar met EXPO Kortrijk, maar moderner) wordt als potentiële klant gezien bij de verkoop van FACT.tv packages. Er wordt een demo gemaakt hiervoor: concreet een skin op de huidige FACT.tv, in de stijl van ACC Liverpool om zo de mogelijkheid van een .tv website voor hen uit te leggen. Als ze toehappen is dit een groot project! Ideeën uitwisseling over FACT.tv De pro’s en contra’s nog even overlopen.
Dinsdag 10/03
Design FACT.tv player het uizicht van de player modificeren naar de stijl van FACT.tv Coderen extra functionaliteit FACT.tv player De extra functionaliteit van de player coderen zonder de huidige player.swf te veranderen. Alles wordt dus in een extra plug-in geschreven, zodat de player kan upgedate worden zonder de plug-in code te verliezen. Converteren FACT lettertype Dit was enkel beschikbaar voor MAC, dus geconverteerd naar PC lettertype voor verder gebruik in projecten. Onderzoek naar Climate for Change expositie via het intranet, zodat er een beter inzicht kan gevormd worden hoe de games kunnen samenvallen met deze expositie. Deze games krijgen slechts een lagere prioriteit, dus dit zou een bijproject worden.
Woensdag 11/03
Design verder vervolledigen FACT.tv player de HD button design geperfectioneerd en uitgetest op verschillende achtergrondvideo’s. Verder coderen extra functionaliteit FACT.tv player Dynamisch inladen van de knoppen + bijhouden van de stream data in cookie. Uittesten 3D camera Deze gadget kan mogelijkheid opleveren tot een nieuwe manier van informatieoverdracht van FACT, daarom werd dit uitgetest en werden de mogelijkheden en doenbaarheid hiervan besporken. Mini-website maken met video’s betreffende “Gana solutions” Gecomprimeerde fla’s in een loop forever plaatsen. Eerst de mogelijkheid onderzocht om via premiere een montage hiervan te maken, maar geen succes geboekt. De oplossing was dus mini-site met playlist die in een loop geplaatst wordt.
Donderdag 12/03
Mini-website verder afwerken Na enkele problemen met de playlist er toch in geslaagd om deze werkend te krijgen. Brainstorm sessie over de nieuwe skin van FACT.tv Het basis idee is een search functionaliteit gebaseerd op Cooliris. De volledige site in deze flash implementatie is niet mogelijk, daar de huidige back-end moet behouden worden, dus dit zal als plug-in geïmplementeerd worden. Verder coderen extra functionaliteit FACT.tv player Stream functionaliteit van HD verder uitgewerkt. Meeting over nieuwe skin FACT.tv Deze is uitgesteld naar morgen wegens te druk schema van Simon en Deena. Uitbreiding persoonlijk werkmateriaal & comptabiliteitstest Daar onze projecten hoofdzakelijk op MAC’s gebruikt zullen worden, kregen we MAC’s ter beschikking & testten we of alles daarop functioneerde. Design en coding FACT.tv pakketten mini-website. De desing en coding van een kleine website waar de mogelijke koper een overzicht ziet van de pakketten die FACT.tv aanbied. Dit blijft nog even in een beta stadium, maar dient als demo materiaal.
Opening expositie Climate for Change Onze aanwezigheid was aan te raden, daar er nuttige contacten met andere expositie galerijen konden gemaakt worden. Contact gelegd met Tenantspin en conversatie gehad over mobiele games voor deze expositie.
Vrijdag 13/03
Meeting nieuwe skin/redesing FACT.tv Samen met Simon en Paul. Reacties waren positief en we kregen groen licht om dit project te starten. Verdere briefing over projecten Uitwerken seach functie FACT.tv en mock-up ACC arena zullen de hoogste prioriteit krijgen de volgende weken. Verder werken (en finaliseren) beta-site FACT.tv packages Deze demo site is klaar voor publicatie, maar er dienen nog enkele zaken veranderd te worden alvorens deze effectief live kan gaan. Verder coderen FACT.tv player
Deze week werd gekenmerkt door het werken aan de FACT.tv player en de vooruitblik naar de mock-up voor de ACC Arena. Er worden continue nieuwe projecten toegevoegd en andere veranderd in prioriteit, het is dus een kwestie van flexibel te werken. Als er plots een klein project hoge prioriteit krijg moet je snel je huidig werk kunnen herplannen. Ik merkte ook dat het kennen van de juiste personen een hele hoop nuttige projecten kan teweegbrengen. Ook is dit geen ‘9 to 5-job’, wat betekend dat na de kantooruren er nog een hoop bedrijfgerelateerde zaken zijn die aandacht vereisen. Dit alles maakt een job @ FACT echter zeer gevarieerd en aangenaam. Volgende week zal waarschijnlijk in het thema van de ACC staan.
Week 3: 16/03/09 -> 20/03/09 Maandag 16/03
Uitbouw fact.tv packages site finalisatie van css Brain-storm sessie 3D film samen met Tennantspin uitwisseling ideeën voor mogelijk 3D project 20 seconden presentatie techniek feedback aan Simon, wie de presentatie gaf Plannen bezoek echo arena voor raw-footage deze stond op 6 april, maar zal verzet worden naar een vroegere datum. Het is de bedoeling dat er footage verzameld wordt om in de mock-up te verwerken.
Dinsdag 17/03
Project: animatie logo WE PLAY voor olypische spelen in London 2012 het bestaande logo dient geanimeerd te worden met behulp van flash. Dit is slechts een klein project, maar als de reacties ok zijn, is dit een dikke vis die FACT kan binnenhalen. Deadline in 2 dagen, dus dit project krijgt de hoogste prioriteit! Alle andere projecten worden uitgesteld tot dit is afgewerkt.
Woensdag 18/03
Animeren WE PLAY logo beiden deel van de animatie op ons genomen: Pieter -> animatie peetje, Jonathan -> animatie letters. Staff meeting met alle (aanwezige) werknemers van FACT. Algemene onderwerpen besproken per afdeling. Voor onze afdeling geen speciale vermeldingen, we zijn bij deze officieel voorgesteld aan alle werknemers. Bespreking 3D, 4D en 5D films & smoke-screen Simon ziet potentie in deze nieuwe technologieën, het blijft nog even afwachten of deze effectief zal gebruikt worden gedurende onze stage en of we daaraan meewerken.
De smoke-screen komt er zeker, de mogelijkheid om de nieuwe mock-up’s daarop te tonen bestaat. Summary over verbetering van FACT.tv A4 blad met onze (toekomstige) verbeteringen van FACT.tv, dit staat ook op de rapportage website.
Donderdag 19/03
Finalisatie animatie WE PLAY logo Net voor de deadline in orde gebracht, meerdere exports waren nodig. Er waren enkele problemen bij het omzetten naar een formaat dat zowel voor PC als voor MAC zonder problemen werkte, en als oplossing kozen we voor avi/ quicktime export. Implementatie geanimeerd WE PLAY logo in presentatie deze presentatie wordt vanavond getoond bij een groot sport evenement, de reacties tot hiertoe zijn al zeer positief. Onze persoonlijke namen werden toegevoegd aan de credits, waarvoor we FACT zeer dankbaar zijn.
Vrijdag 20/03
Bezoek ACC Liverpool met cameramateriaal volledige rondleiding gekregen door deze ‘EXPO-alike’ en meerdere 360° shots genomen, deze zullen gebruikt worden in de mock-up. Alle raw-footage komt op onze naam te staan. Upgrade security badge verkregen Vanaf vandaag krijgen we toegang tot het Medialab, ik heb zwaardere machines nodig om 360° renders te laten berekenen. Start renderen 360° panorama’s voor mock-up ACC Liverpool eerste renders zijn mislukt, maar toch al enkele mooie resultaten verkregen. Tweaken (=bewerken) hiervan zal even tijd nemen.
Het WE PLAY logo project kwam als een verassing, waardoor de mock-up voor de ACC even werd uitgesteld. Zoals vorige week al verteld, flexibiliteit is vereiste nummer 1 in dit soort jobs. Nu er footage beschikbaar is kan de mock-up voor de ACC terug als prioriteit nummer 1 geplaatst worden. Dit zal dan waarschijnlijk ook wel de hoofdzaak worden voor volgende week. Deze mock-up is echter gebaseerd op de mock-up van FACT.tv, dus deze beide projecten zullen tezamen lopen.
Week 4: 23/03/09 -> 27/03/09 Maandag 23/03
360° panorama’s voor ACC mock-up renderen van de panorama’s in HD mode, deze worden gebruikt in de voorlopige mock-up als achtergronden. Dit proces neemt veel tijd in beslag, ook al kreeg ik 8 iMac’s ter mijn beschikking. Research iPlayer BBC FACT.tv zal een look krijgen zoals deze iPlayer (www.bbc.co.uk/iPlayer), er zijn slechts enkele kleine minpuntjes aan deze website (mobile telefoon versie en css keuze), en die kunnen we eenvoudig wegwerken voor FACT.tv.
Dinsdag 24/03
Verder renderen 360° panorama’s + tune up resultaten G5 ter beschikking gekregen, tune up van de resultaten van de 360° panorama’s gaat nu een stuk vlotter.
Woensdag 25/03
Afwerken panorama’s nog enkele bijwerkingen gedaan, maar aangezien deze in een raw-mock-up gebruikt zullen worden (wat dus een demo van de mock-up in wording is) gaan we er geen extra tijd meer aan spenderen. Implementatie 360° panorama’s in Flash bewegen met de muis draait de panorama’s, dit kan een handige wow-factor teweeg brengen wat we nodig hebben om de ACC te overtuigen om een .tv website te gaan gebruiken (die wij dan ontwerpen en hosten natuurlijk). Er zijn nog enkele problemen met het cpu gebruik. Ook het draaien is nog niet volledig smooth.
Donderdag 26/03
Verder werken aan panorama’s in Flash nog steeds enkele problemen met het smooth bewegen, maar de zware cpu belasting is opgelost. Ik ga dit op een andere manier proberen oplossen. Meeting mock-up ACC Liverpool deadline is verplaatst naar later, dus we hebben meer tijd om dit project uit te werken en meer voorbeelden te tonen om ze te overhalen om voor ons te kiezen. Lecture Lord Puttnam project gerelateerde bespreking over toekomst van educatie en de plaats van de technologie daarin.
Vrijdag 27/03
Overlopen lopende projecten Aangezien we de volgende 2 weken vakantie hebben, overlopen we alle huidige en toekomstige projecten nog eens, zodat we weten hoever we staan met alles na 4 weken. Research 360° panorama’s in Flash aangezien er nog steeds een probleem is met de vlotte beweging van de 360° panorama, onderzoeken we even of er geen andere mogelijkheid bestaat om deze te implementeren in de mock-up. De kans dat we dit gaan gebruiken als statische achtergrond blijft klein, want dit geeft weer niet zo een dynamische indruk, en dat is wat we wouden.
Deze week werd (zo goed als) volledig ingenomen door het werken aan de 360° panorama’s voor de mock-up voor de ACC Liverpool. Er is meer tijd ingekropen dan ik oorspronkelijk gedacht had, maar de technische kant vertraagde een vlotte werking. Het is best dat we dit na de vakantie nog even herbekijken in hoeverre we de panoramaview een rol laten spelen in de eerste mock-up. Daar veel tijd verloren ging door het wachten op de render op de computers gebruikte ik deze tijd om de iPlayer grondig te bekijken en ideeën te sprokkelen voor de mock-up voor FACT.tv. Geen volledige tijdverspilling dus.
Week 5: 13/04/09 -> 17/04/09 Maandag 13/04
Paasmaandag - verlof mooi einde van de vakantie zodat er morgen met 100% energie kan gestart worden.
Dinsdag 14/04
Update projecten een snelle update doorgenomen van de lopende en komende projecten. Analysatie huidige FACT.tv website grondig onderzoek gedaan van de huidige FACT.tv website en de mogelijkheden.
Woensdag 15/04
Analysatie huidige FACT.tv website De pro’s en contra’s overlopen van het onderzoek van gisteren en omgezet naar benodigdheden voor de nieuwe website. Schetsen raw mock-ups FACT.tv met pen en papier schetsen maken van hoe de nieuwe website opgebouwd zal zijn.
Donderdag 16/04
Schetsen raw mock-ups FACT.tv verder werken aan deze handgemaakte schetsen. Het is belangrijk dat deze al een goed beeld geven van hoe de nieuwe site er zal uitzien zodat ik al enkele feedback kan vergaren. Meeting met HUB festival bestuursleden + Simon & Stuart We krijgen de vraag of het mogelijk is om een volledige implementatie van FACT.tv te ontwerpen/programmeren voor de huidige HUB site (www.hubfestival.co.uk). Concreet: de functionaliteit van FACT.tv, maar in de stijl van de huidige site. We kunnen volledig gebruik maken van de huidige interface. Ook moet er een upload functie voorzien worden waar gebruikers zonder te registreren video’s kunnen uploaden en taggen. Eerste deadline geplaatst op volgende week vrijdag, alle andere projecten worden verder op de tijdslijn geplaatst. Feedbackmoment raw mock-ups FACT.tv enkele problemen/onduidelijkheden besproken met Stuart ivm de mock-up voor de nieuwe website.
Vrijdag 17/04
Afwerking raw mock-ups FACT.tv ookal heeft de HUB tv mock-up hogere prioriteit heb ik eerst deze mock-up afgewerkt zodat ik de kans krijg om hier op tijd voldoende feedback van te krijgen. Kopies uitgedeeld aan Paul, Simon, Stuart, Deena, Claudia en Chris. Research HUB website grondig onderzoek gedaan naar de stijl van de HUB website, aangezien ik deze ga gebruiken voor de mock-ups.
Na terug te starten bleek de opvolging/opfrissing van de lopende projecten heel belangrijk, daar een aantal zaken (alweer) van prioriteit veranderd zijn. De mock-ups voor de ACC zijn verschoven naar een latere datum, waardoor de mock-ups voor FACT.tv hoger in de lijst kwamen. De HUB tv website komt als een totale verassing, doch dit zal een goede oefening zijn om de back-hand van FACT.TV (die gebruikt zal worden hiervoor) te leren kennen. Nogmaals, flexibiliteit is een nood in deze wereld.
Week 6: 20/04/09 -> 24/04/09 Maandag 20/04
Verwerken bronmateriaal HUB festival website Downloaden en ordenen van de huidige files van de HUB website. Ik heb een volledige kopie gemaakt zodat we daar op verder kunnen werken. De bedoeling zal zijn dat we onze TV site (gebaseerd op de backhand van FACT.TV) implementeren in de huidige HUB site.
Dinsdag 21/04
Ontwerpen nieuwe logo’s voor HUB tv de standaard logo’s aangepast vanop de huidige HUB site naar HUB tv logo’s volgens de branding van HUB & FACT. Hand draw mock-ups HUB tv ontwerpen van de mock-ups voor HUB tv op papier om een idee van de lay-out te krijgen.
Woensdag 22/04
Ontwerpen mock-ups in Photoshop na de hand mock-ups zet ik deze om in Photoshop files. Dit ging vrij vlot aangezien de bron bestanden (zoals achtergronden, logo’s enzo.) al beschikbaar waren van de huidige site.
Donderdag 23/04
Verder werken/afwerken mock-ups in Photoshop & exporteren naar jpg om morgen in de meeting met de HUB bestuursleden te bekijken.
Vrijdag 24/04
Meeting HUB festival feeback moment van de HUB bestuursleden & hun webdesigner. De reacties op de designs waren heel positief, de verdere uitwerking is besproken. Zij zullen een veld voorzien op een door hun bijgeplaatste pagina waar wij onze externe website in kunnen laden. De ftp en admin gegevens zullen doorgezonden worden in de loop van volgende week.
Rapporteren project aan Paul en Jonathan & testing Nu men ons vanaf de HUB kant groen licht gaf heb ik Paul en Jonathan ingelicht over het HUB tv project. Zij zijn beide programmeurs dus zullen het meeste programmeer werk op hun nemen. Ik zal waar nodig assisteren. Er is gestest op welke manier we het best gaan werken (externe versie van FACT.tv kopieren of lokaal draaien?). Er is uiteindelijk gekozen om een externe versie van FACT.tv te maken waar we op kunnen wijzigen.
Deze week is volledig in beslag genomen door het ontwikkelen/ontwerpen van designs voor HUB tv. Dit project zal een mooie proef vormen voor het ontwerpen en wijzigen van FACT.tv, wat nog steeds ons hoofddoel is. De volgende week zal dus het uitwerken van de mock-ups naar een website beslagen. dus het uitwerken van de mock-ups naar een website beslagen.
Week 7: 27/04/09 -> 01/05/09 Maandag 27/04
Meeting met Paul en Chris – wijziging manier van implementatie blijkbaar is het niet mogelijk om onze site te implementeren in de HUB site, dus we gaan onze kopie van FACT.tv ombouwen zodat deze er hetzelfde uitziet als de HUB site en dan beide sites aan elkaar laten doorlinken. We hebben dus 2 fysieke verschillende sites. Doordat deze bijna identiek zullen zijn qua design zal de gebruiker daar echter weinig van merken. Dit brengt extra werk met zich mee(alle wijzigingen aan de layout moeten dan 2 keer gedaan worden) maar er was geen alternatief om de backhand van FACT.tv werkend te krijgen op een andere site. Installatie SFTP connecties om toegang te krijgen tot de back-hand van FACT.TV maken we gebruik van SFTP, deze is voor ons opgesteld door het IT team.
Dinsdag 28/04
CSS research HUB website om onze kopie van FACT.tv er te laten uitzien zoals de designs van de HUB site was het onderzoeken van de css vanzelfsprekend. Dit bleek echter niet zo eenvoudig te zijn (nietzelfgeschreven code leest echt moeilijk). Omzetten Photoshop Mock-ups naar webelementen exporteren van Photoshop mock-up naar png afbeeldingen.
Woensdag 29/04
Staff Meeting update huidige projecten, langs onze kant de aankondiging van HUB tv. Marketing zag dit als een mooie kans om de FACT.tv packages te promoten, dus we zullen ook nauwer samenwerken met hun. Omzetten Photoshop mock-ups naar webelementen exporteren van Photoshop mock-up naar png afbeeldingen.
Donderdag 30/04
Extra zaken ontwerpen voor HUB tv blijkbaar waren er nog een aantal kleine zaken die niet volledig ontwikkeld waren in de voorgaande mock-ups (zoals drukknoppen en extra achtergronden). Deze zijn klaargemaakt en omgezet naar web elementen.
Vrijdag 01/05
Coderen van HUB tv assisteren van Paul en Jonathan aangezien dit anders te lang zou duren mochten zij dit op hun 2en doen. Voornamelijk CSS codering en html fields verwijderen die teveel stonden in de kopie van FACT.tv. Er deden zich enkele moeilijkheden voor aangezien we met 3 tegelijk aan dezelfde files werken. Er is sprake van versiebeheer, maar dit staat nog niet volledig op punt
Deze week werd vooral gekenmerkt door het omzetten van mock-ups naar webelementen en deze implementeren in de FACT.tv website. Aangezien de backhand van FACT.tv geschreven is in ruby on rails leren we hier veel bij, doch moeten we veel uitleg vragen aan Paul. Het ontwikkelen van de website gaat iets trager omdat er veel rekening moet gehouden worden met andere personen (Paul, IT, meerdere mensen werken aan dezelfde files -> overschrijfprobleem). Het komt er dan vooral op neer om je daar niet druk in te maken (als je andere mensen opjaagt gaat het nog trager) en je tijd nuttig gebruikt. Dit leerproces zorgt er echter wel voor dat eenmaal we aan de redesign van FACT.tv beginnen we al voldoende zullen weten om snel door te werken.
Week 8: 04/05/09 -> 08/05/09 Maandag 04/05
Bank holiday vrijaf
Dinsdag 05/05
Verder CSS coderen van HUB tv vooral fixes om ervoor te zorgen dat de site er perfect hetzelfde uitzien zoals de huidige www.hubfestival.co.uk website, zodat de gebruik het niet ziet dat hij op een andere website aangekomen is. Aangezien Jonathan en ik tegelijk werken aan de CSS geeft dit soms problemen dat we elkaars versie overschrijven. Met een goede communicatie was dit opgelost. Javascript codering HUB tv Deze code laat het toe om bij het hoveren van een video thumbnail de omschrijving te zien. Dit was oorspronkelijk css code, doch daar internet explorer er niet echt goed mee omsprong schrijven we dit in javascript.
Woensdag 06/05
Lay-out problemen verholpen in IE In Internet Explorer bleken er zware lay-out fouten te zitten, het heeft veel zoekwerk opgeleverd om te vinden waar in onze css er enkele fouten zaten die dit veroorzaakte. Nota: in firefox en Safari waren er geen zware problemen. Research IE fix zoeken naar een manier om een alternatieve CSS te gebruiken als de webpagina getoond wordt in een IE browser. Vanaf heden wordt er dus gewerkt met 2 CSS’en (1 voor IE en 1 voor alle andere browsers). Onderzoek naar streaming Ben had een project lopen waar hij video streaming wou laten gebeuren zonder al te veel extra programma’s/sevices. Na een beetje opzoekwerk kwam direct streaming via VLC player uit de bus.
Donderdag 07/05
Onderzoek browser compatibility nu in firefox alles in orde is was het tijd om de andere browsers te testen (IE8; IE7; IE6; Safari; Opera; Google Chrome; Navigator). Dit deel van het ontwerpen/ontwikkelen is het meest saaie maar bijna belangrijkste werk. IE6 heeft nog steeds een groot marktaandeel in handen, dus ook hier moet er naar gekeken worden. Concreet is dit css aanpassen speciaal voor IE, ook enkele javascripts aanpassen en een oplossing zoeken voor de png bestanden.
Vrijdag 08/05
Branding op HUB tv voor FACT in orde brengen daar dit een ‘gratis’ project is voor het HUB festival mag er serieus wat branding op de HUB tv site geplaatst worden. Ik probeer dit toch niet te opzichtig te doen, de gebruiker gaat anders een te grote verandering in de stijl opmerken. Voor elke video hebben we een preview filmpje geplaatst waarop voor 4 sec “powered by fact.tv” te zien is. Ook zijn alle pagina titels aangepast met een ‘powered by fact.Tv” zin. Onderaan de pagina staat dit ook nog eens vermeld. Deze zaken werden meebeslist door Angelica (head of communications / marketing).
Ook deze week had HUB tv de grootste prioriteit. Het was vooral het herstellen van foutjes in de stylesheet en het testen in andere browsers. Enkele problemen hierbij waren dat als je het hersteld voor de ene browser, de andere weer een verkeerd resultaat teruggeeft. Er waren ook enkele vertragingen bij het beschikbaar stellen voor het grote publiek, het IT team had namelijk andere prioriteiten. Ik merkte ook dat met hoe meer mensen je samenwerkt, hoe trager het proces verloopt. Het komt er dan op neer om je er niet aan te irriteren en je energie te gebruiken voor iets anders . Dit is allemaal deel van het leerproces natuurlijk…
Week 9: 11/05/09 -> 15/05/09 Maandag 11/05
Finalisatie HUB website laatste aanpassingen aan de css en testen in de Internet Explorer browsers (6 tot 8), alles zou nu in orde moeten zijn (ook IE6!) Research IE6 stand-alone browser daar ook IE6 moest getest worden onderzocht ik samen met Chris (IT) naar een stand-alone IE6 brower voor Vista. De tool van Microsoft (Expression SuperPreview) bleek niet te voldoen en uiteindelijk vonden we een programma IE Tester, welk de IE browsers 5.5 tot 8 ondersteund. Volledige back-up van de HUB website gemaakt om zelf het project te bewaren (hoewel ik het niet kan runnen zonder server) en kwestie van bij eventuele problemen terug te schakelen naar deze versie. Feedback van FACT.tv mock-ups verwerkt deze (geringe) feedback op de mock-ups vergeleken met de ACC ontwerpen. Daar deze op hetzelfde design gebaseerd zijn kan ik deze feedback hiervoor ook gebruiken.
Dinsdag 12/05
Design mock-ups ACC ontwerpen van de ACC mock-ups, gebaseerd op de feedback van de FACT.tv mock-ups. Research javascript functie verschuiven velden de javascript functies die we gaan gebruiken voor de verschuivende velden bleek een stuk ingewikkelder dan verwacht, daar dus even onderzoek naar uitgericht. Bespreking met Stuwart over het nut van channels voor ACC ipv Channels en Categories gaan we enkel met categories werken. Channels bleek niet echt relevant te zijn.
Woensdag 13/05
Staff Meeting overlopen toekomstige projecten@ FACT, Media Services (ons departement) had niet veel te zeggen; we zijn bezig, dus dat is goed Design mock-up ACC homepagina begint vorm te krijgen, het is vrij moeilijk om content te vinden, dus baseren we ons op toekomstige evenementen en gebruiken de footage daarvan. OK melding online gaan HUB tv nadat de IT dienst groen licht gaf, konden ook wij doorgeven aan de mensen van het HUB festival dat ze konden doorlinken vanop de huidige site. Mogelijkheid check-out server onderzocht samen met Chris, Paul en Jonathan. Het zou handig zijn dat wij een eigen draaiende server hebben op onze pc’s (via virtual pc een Linux server met ruby draaien), doch daar ging blijkbaar te veel set-up werk bij komen kijken. Deze mogelijkheid is dus uitgesteld.
Donderdag 14/05
Bug gefixt in de HUB admin css blijkbaar waren er een aantal waarden in de css overschreven bij het uploaden, dit in orde gebracht. Blijkbaar gaat er ALTIJD iets mis bij het online plaatsen van een volledige website … dus nooit op een vrijdag doen, of je moet zaterdag terugkomen! Verder werken aan design ACC ook de player page krijgt vorm… Ik ben niet volledig akkoord met de witte achtergrond, maar daar kan ik niet in kiezen (het ACC logo ziet er niet uit in zwart), dus wit is de enge optie.
Vrijdag 15/05
Verplaatsen deadline mock-ups ACC tv de deadline is verplaatst naar maandag, dan worden deze getoond op een presentatie waar de mensen van ACC aanwezig zullen zijn. Design ACC afwerken de categorie pagina is ook in orde, heb erna alle exports van de designs in een webpagina geplaatst zodat dit een duidelijk overzicht geeft van hoe het uiteindelijk eruit zo zien. Hulp bij monteren filmpje Media Services Mike (de monteur van de films op fact.tv) was bezig met een film over de media services. Ik zorgde voor enkele footage foto’s van ons werk.
Deze week stond het ontwerpen van de ACC website centraal. Maandag wordt deze voorgesteld en als men hierop toehapt dan is dat een ander groot project voor FACT. Jammer genoeg is er ook nog een hoop tijd gegaan naar het oplossen van enkele bugs in de live versie van de HUB website. Blijkbaar is dat een typisch gebeuren na het uploaden van een website.
Week 10: 18/05/09 -> 22/05/09 Maandag 18/05
Meeting met ACC directie (samen met Simon, Angelica, Alex en Arthur) Media services stelde hun voor aan de mensen van ACC en toonden alle zaken die zij voor hen konden doen. Dit gaat van projectors verhuren, managen van exposities, televisie station aanmaken, website zoals fact.tv aanbieden,… Ik toonde de designs van ACC en deze werden vrij enthousiast onthaald. Er zijn juist nog enkele onzekerheden in hoeverre dit met het nieuw design van hun huidige website gaat samenpassen. Ook hebben ze enkele onzekerheden in hoeverre de artiesten dit gaan goedkeuren dat users videomateriaal kunnen uploaden (zoals HUB). Aangezien dit enkel een optie is kan dit uitgeschakeld worden natuurlijk . De verdere samenwerking wordt opgevolgd. Bespreken mogelijkheid implementatie Fact 3D engine op touch screen na enkele videos online te hebben gezien over Multi-touch applicatie onderzochten we even of het mogelijk was om de fact 3D flex applicatie daarin te verwerken. Dit zou echter te veel research vragen voor de korte periode dat we hier nog zijn.
Dinsdag 19/05
Uitwerken mock-ups FACT.tv naar designs mede met de feeback van de ACC designs ben ik begonnen aan de uitwerking van de FACT designs. Hier wordt er echter wel de zwarte background gebruikt. Tenantspin streaming server research volgende week is er een live debat voor tenantspin en ik zal de video upload en live streaming verzorgen. Later deze week horen we daar meer over.
Woensdag 20/05
Bespreking mogelijkheid Linux server het zou handig zijn om de uitwisseling tussen windows en OS X vlotter te laten verlopen. Deze zou ook gebruikt kunnen worden als transcoding server. Er is daar echter geen bugdet voor, maar de mogelijkheden zijn nu toch besproken. Quick meeting met Simon overlopen van de huidige projecten. Vanaf nu krijgt FACT.tv terug de volledige prioriteit.
Donderdag 21/05
Tenantspin streaming server overview Ik kreeg een rondleiding van Ted over hoe ik de streaming server volgende dinsdag moet opzetten. Dit is niet zo moeilijk en kan dus gemakkelijk naast men andere projecten gedaan worden. Enkel de computer kant zal voor mij zijn, de video en audio input daar zal Ben voor zorgen. Uitwerken FACT.tv mock-ups nu alle voorbereiding hiervoor gepasseerd is en alle feedback (hoe gering die ook is) verwerkt is ben ik volledig begonnen met de design van de front-page en de player page.
Vrijdag 22/05
Design FACT.tv de volledige dag werdt gespendeerd aan het uitwerken van de design. Ik had enkele besprekingen met marketing over het kleurpallet, zij willen mij pink (roze) laten gebruiken, maar dit past echt niet bij het design. Ik heb dan een aantal wijzigingen aangebracht die het iets beter laten implementeren. Wij doen wat ons gevraagd wordt… maar ik heb toch meerdere malen laten weten dat mijn persoonlijke mening is dat het er niet echt bij past. We kunnen het maar zeggen.
Een beetje een hectische week de voorbije dagen door de verschillende aparte zaken die zijn gepasseerd. Ik leerde heel veel bij door in de meeting te zitten met de ACC directie, zo gaat het er blijkbaar aan toe ‘in real life’. Voor de rest kennis gemaakt met een hoop mogelijkheden en nieuwe software (zoals de streaming server). De designs van FACT tv gaan goed vooruit, ik zal daar gedurende het weekend hoogstwaarschijnlijk aan verder werken om deze op tijd af te krijgen.
Week 11: 25/05/09 -> 29/05/09 Maandag 25/05
Bank Holiday
Dinsdag 26/05
Uitwerken design FACT.tv verder werken aan de desing van de front page en de player page
Woensdag 27/05
Staff Meeting algemene vergadering met een update van de huidige stand van zaken. Niets speciaal te melden voor onze afdeling. FACT tv is comming up gemeld en de reacties waren positief . Uitwerken design FACT.tv de categorie en channel pages in thumb en list view zijn in orde
Donderdag 28/05
Uitwerken design FACT.tv uitwerken knop explore in 3D, na feedback is deze 6 keer volledig veranderd Feedbackmoment op de designs van FACT.tv de algemen indruk was goed, ik kreeg enkele interessante punten om te veranderen. Ook de kleurschema’s werden besproken, doch marketing weet nog steeds te stempel door te drukken en de roze menu buttons op te dringen. Geen probleem…
Vrijdag 29/05
Uitwerken design FACT.tv afwerken van de verschillende pagina’s
1 hoofdzaak deze week: designen van FACT.tv! Na enkele weken een aanloop te nemen kregen de mock-ups groen licht en is het uiteindelijke design klaar! Volgende week zal dit dan volledig geïmplementeerd worden als website.
Week 12: 01/06/09 -> 05/06/09 Maandag 01/06
Opzetten dreamweaver check-out site in dreamweaver alle settings in orde brengen zodat er met meerdere mensen aan dezelfde site kan gewerkt worden zonder elkaars files te overschrijven. Elke keer als je iets uitcheckt, dan maakt dreamweaver een lock-file welke een andere user tegenhoud om deze te openen. Natuurlijk kan je dit overrulen, maar dan is de functionaliteit nuttenloos… Dit is bijna volledig hetzelfde als een svn server. Exporteren van desings naar html images alle designs slicen en omzetten naar images, ready for web. Daar we in het verleden problemen gehad hebben met IE6 zorgen we ervoor dat de png’s een background hebben, want er zal toch enkel op een zwarte achtergrond gewerkt worden. CSS homepagina schrijven daar Jonathan in de ruby code wijzigingen aanbrengt kan ik onmiddellijk d
Dinsdag 02/02
CSS en Ruby code aanpassen FACT.tv zowel de css als ruby code schrijven voor fact.tv. Door de uitcheck server kunnen we zeer snel werken en ingrijpen waar nodig mocht Jonathan of Ik een fout maken. De css van de home pagina is zo goed als af, behalve de slice containers.
Woensdag 03/06
CSS en Ruby code aanpassen voor FACT.tv de homepagina is helemaal in orde Javascript voor FACT.tv schrijven De code voor het scrollen van de containers & het tonen van de omschrijving bij het hoveren over een image in de containers.
Donderdag 04/06
CSS, Ruby en javascript code schrijven voor FACT.tv de website begint langzamerhand vorm te krijgen, de samenwerking met Paul verloopt ook goed, al weet hij niet echt waar eerst te beginnen met de back-hand verder uit te bouwen… Feedbackmoment ik ga regelmatig de vooruitgang tonen aan personen om feedback te krijgen. Het is een stuk gemakkelijker nu er een ‘werkende’ versie online staat waar je op elke pc naartoe kan surfen. Het probleem is soms dat er vraag komt naar volledig constructieve wijzigingen. Meestal zijn het dan ook die mensen waar je al weken feedback van vraagt. Nuja, we blijven flexibel en doen zoveel als we kunnen.
Vrijdag 05/06
CSS, Ruby en javascript code schrijven voor FACT.tv de website komt langzaam maar zeker uit zijn beta-uiterlijk. De meeste belangrijke functies zijn operationeel
Daar waar ik vorige week volledig bezig was met het designen is het nu het implementeren van FACT.tv. Het is op zijn minst interessant te noemen om je design vorm te zien krijgen. Ik heb alweer een hoop HTML, CSS, Javascript en Ruby bijgeleerd gedurende de implementatie. Ik begin zelf meer en meer daar voor te vallen dan fancy Flash . Alles gaat mooi volgens schema, als we zo blijven doordoen gaat fact.tv volledig in orde zijn tegen de tijd dat wij hier vertrekken. De late feedback is een beetje spijtig, maar niets is perfect natuurlijk…
CSS en Ruby code schrijven voor FACT.tv vormgeven van de andere pagina’s volgens de vooropgestelde richtlijnen van de feedback en het design
Niet veel te reporten deze week, en bijna geen tijd voor gehad ook want elke minuut waren we bezig met bovenstaande zaken. FACT tv is zo goed als af, er moeten enkel nog enkele crossbrowser tests gedaan worden en enkele zaken aangepast worden in de admin pages (welke voorheen nog niet konden aangepast worden omdat de back-hand daar nog niet op voorzien was). Zoals voorzien is deze versie 1.0 nog niet volledig klaar om online te plaatsen, maar met de fixes volgende week zal alles klaar zijn tegen dat we terug naar België keren.
Week 14: 15/06/09 -> 19/06/09 Maandag 15/06
Bugs uitwerken in de FACT website css bugs olossen die problemen gaven in crossbrowsers Aanpassen admin pages ook de admin pages zien er nu zichtbaar uit
Dinsdag 16/02
Admin pages verder aanpassen extra css wijzigingen voor IE7 Testen en bugfixing rondsurfen op onze site, ze ziet er goed uit! Meerdere kleine bugs opgelost
Woensdag 17/06
FACT staff update meeting met alle personeelsleden van FACT in ‘the box’. De toekomst van FACT werd er besproken alsook enkele financiële kwesties, oplossingen voor naambekendheid. Crossbrowser fixes fixes voor IE8, IE7, IE6, safari, opera
