CineCita is a travelling cinema and video laboratory, on tour in the Central Andes in the fall of 2010. I made the website: frontend and content management system.

Screenshot of the CineCita Website in English displaying the following text: CineCita is a travelling cinema and video laboratory, that will be on tour in the Central Andes in the fall of 2010. CineCita aims to improve general access to audiovisual media and to increase media literacy with rural populations in the region. During the tour, a smart travelling “cine-bus” visits villages in Ecuador, Peru and Bolivia, screening a selected programme of international short films and organizing participative video workshops for local communities.  Screenings are free of charge and held at public places. The selected programme focuses on female perspectives, giving a voice to women’s narratives, from both Europe and Latin America. In the video workshops, young women learn to shoot their own short documentary video, empowering them with audiovisual skills and inspiring them to tell their own stories. An international team of organizers accompanies the workshop participants, while documenting an excerpt of their everyday lives on video themselves. Together, screenings and workshops provide a means of an exchange and networking between the Central Andean Region and Europe.  At the conclusion of each tour stop, the young directors may present their work in form of a public screening. Their films are then sent on the road with CineCita and shown to further audiences in the region.


Content Management

The site is running a custom made content management system. I made it with PHP5, Zend Framework, Doctrine ORM and HTMLPurifier. is the technical predecessor of


English and Spanish where necessary. The most ready-to-use CMSs have mean support for Internationalisation. This CMS was planned from the beginneng with multiple languages in mind. Translation is the only thing to do, but if one translation is missing an available one is taken as fallback. Technically the number of languages is not limited.


The site has a totally integrated blog with built in ATOM and RSS newsfeed. Some parts of the website are altered by the staff of CineCita while they are on tour. They can use a WYSIWYG-editor and don’t have to mess around with HTML so much.

An Interactive Map

is providing a quick overview on the CineCita tour plan and lets the user navigate through the tourstops. The results of the workshops held by CineCita will be availabe there.


are transporting Emotions. You have to see this on the life site. The header is animated everywhere and when a submenu is loaded the little girl in the upper right corner is opening the curtain. No Flash was used at all, we tested how far we could go without it. Frontend tools where jQuery, jQuery Tools and of course XHTML 1.0 Strict


Progressive enhancement ensures that the page works good without Javascript. However — when Javascript is running — the contents are cached and the page-frame must not be requested every time. This keeps the feeling of the page intact and improves the control over the animated curtain.

Screenshot of the CineCita website in spanish, showing a map with some dots that stand for tourstops. Over one tourstop a speech bubble is visible displaying the date and name of the stop.

The Media Data is Outsourced


are the core media of CineCita. At workshops videos are produced by local girls and women. The videos are delivered by the good and scaleable services of Vimeo or YouTube.

The Embedded Slideshows

are loading image albums from Googles Picasa and displaying them in the article. The CineCita people are using this feature a lot in their blog articles to show the wonderful places they visit on their journey.

The code It is a very modified version of pwi - Picasa Webalbum Integrator. Best Thing: the heavy lifting of massive image delivery is done by Google.

The Graphic Design

is by

Part of a Screenshot of the CineCita website showing an embedded slideshow. A big image and below a line of thumbnail-images.

Monday, May 3, 2010 3:38:23 PM Europe/Berlin