El abaciologio del monasterio

El abaciologio del monasterio

El Museu de Sant Cugat presenta, como parte de su museografía, el interactivo táctil “El abaciologio del monasterio”. Esta aplicación permite al visitante conocer a los 72 abades que ha tenido el monasterio de Sant Cugat mediante diferentes tipos de búsqueda que se adaptan a los intereses del visitante y pueden realizarse en catalán, castellano e inglés.

 
Datos del cliente

Client: Museu de Sant Cugat (Sant Cugat del Vallès, Barcelona)
Categoría: Proyectos multimedia, Lavert experiencias
Fecha: 31 Dic 2010

Ficha técnica

Soluciones

El Museo de Sant Cugat nos encarga un interactivo que muestre el abaciologio del monasterio de Sant Cugat, la lista cronológica de abades que lo gobernaron.

La solución de Lavert consiste en:

Concepción y producción de un interactivo en formato táctil que muestra los 72 abades que ha tenido el monasterio de Sant Cugat siguiendo diferentes criterios de búsqueda:

• Hechos históricos

• Cronología

• Sistema de elección

• Abades constructores

Cada una de estas búsquedas temáticas conduce al usuario a una selección de abades relacionados con hechos o períodos específicos de la historia del monasterio. Se trata de un interactivo a tres idiomas en el que el visitante puede buscar la información que le interese a partir de una interfaz táctil que evoca la superficie de trabajo en un scriptorium.

En su realización se han utilizado herramientas de retoque de imágenes (Gimp) para la homogeneizacion de todos los archivos visuales así como para la creación de texturas y efectos de luz. La interactividad se ha llevado a cabo mediante el uso del lenguaje de programación action script 2 que permite llevar un seguimiento de las acciones del usuario y, mediante la ayuda de una base de datos, la creación de interdependencias dinámicas entre distintas fichas o elementos. Todas las animaciones se han llevado a cabo con el programa adobe flash cs4.

Proyectos relacionados
input:focus, select:focus, textarea:focus { border-color: #046a38; } a { color: #046a38; } .radio i, .checkbox i { color: #046a38; } .radio i:before { background-color: #046a38; } .button, .btn-default { border-color: #046a38; background-color: #046a38; } .button:hover { color: #046a38; } .page-header-top { background-color: #046a38; } .page-header-bottom-alt { background-color: #046a38; } .page-intro:after { background-color: #046a38; } .page-intro:before { background-color: #046a38; } .page-content-section-bg { background-color: #046a38; } .page-content-section-bg:before { background-color: #046a38; } .page-content-section-border { border-top-color: #046a38; } .page-footer { background-color: #046a38; } .block-head-1 { border-bottom-color: #046a38; } .block-head-1 i { background-color: #046a38; } .block-head-2:after { background-color: #046a38; } .block-head-2 i:after, .block-head-2 i:before { background-color: #046a38; } .block-head-3 { border-bottom-color: #046a38; } .block-head-3 i:after { background-color: #046a38; } .block-head-4:after { background-color: #046a38; } .block-head-7 { border-bottom-color: #046a38; } .block-head-7:after { background-color: #046a38; } .page-content-section-bg .block-head-3 i { color: #046a38; } .main-search button { color: #046a38; } .main-search button:after { background: #046a38; } .main-nav li a { color: #046a38; } .main-nav li a:before { background-color: #046a38; } .main-nav li ul { background-color: #046a38; } .main-nav li li:hover > a, .main-nav li li.active > a, #block-newsletter-newsletter-subscribe .form-submit:hover, .block-product-details .add-wishlist .button-alt:hover, .block-product-details-2 .add-wishlist .button-alt:hover { color: #046a38; } .main-nav .switcher { border-color: #046a38; background-color: #046a38; } .main-nav .mega > div { background-color: #046a38; } #block-newsletter-newsletter-subscribe .form-submit, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { border-color: #046a38; background-color: #046a38; } .art-portfolio ol li.active, .ui-slider-horizontal .ui-slider-handle, .ui-slider-horizontal .ui-slider-range, .btn-primary.link { background-color: #046a38; } .btn-primary, .button:hover, .btn-default:hover, .btn-default:focus, .btn-default:active { border-color: #046a38; color: #046a38; } .btn-primary.link:hover, .btn-primary.link:focus, .btn-primary.link:active { color: #046a38; } } @media screen and (max-width: 767px) { /* phone */ .main-nav ul { background-color: #046a38; } .main-nav li a { color: #ecf0f1; } .main-nav li ul { background: #e9e9e9; } .main-nav li li { border-top-color: #046a38; } .main-nav li li a { color: #046a38; } .main-nav li li a:hover { background-color: #046a38; color: #fff; } .main-nav li li ul { border-top-color: #046a38; } .main-nav .mega ul li { border-top-color: #046a38; } } .slider-revolution .fa:after { background-color: #046a38; } .slider-revolution .title { border-top-color: 1px solid #046a38; border-bottom-color: 1px solid #046a38; } .slider-revolution .button-my { border-color: #046a38; background-color: #046a38; } .slider-revolution .button-my:hover { color: #046a38; } .pagination-1 a:hover { border-color: #046a38; color: #046a38; } .pagination-1 .active, .pagination-1 .active:hover { border-color: #046a38; background: #046a38; } .pagination-2 a:hover { color: #046a38; } .pagination-2 .active, .pagination-2 .active:hover { background: #046a38; } .pagination-3 a:before { box-shadow: inset 0 0 0 1px #046a38; } .pagination-3 .active:before, .pagination-3 .active:hover:before { background: #046a38; } .pagination-4 a:hover { border-color: #046a38; } .pagination-4 .active { border-color: #046a38; background: #046a38; } .pagination-5 a { border-color: #046a38; background-color: #046a38; color: #046a38; } .block-benefits div:hover { border-color: #046a38; background-color: #046a38; } .block-benefits i { color: #046a38; } .block-benefits-2 li i { color: #046a38; } .block-benefits-2 .tabs a:hover { border-color: #046a38; background-color: #046a38; } .block-benefits-2 .tabs .active a, .block-benefits-2 .tabs .active a:hover { color: #046a38; } .block-benefits-3 i { color: #046a38; } .block-about .button { border-color: #046a38; color: #046a38; } .block-about .button:hover { background: #046a38; color: #ecf0f1; } .block-about .owl-prev:hover, .block-about .owl-next:hover { color: #046a38; } .block-about-2 .bar { background: #046a38; } .block-about-2 .value { color: #046a38; } .block-about-4 .owl-pagination div { border-color: #046a38; background: #046a38; } .block-about-5 .owl-prev, .block-about-5 .owl-next { display: inline-block; border-color: #046a38; background-color: #046a38; } .block-about-5 .owl-prev:hover, .block-about-5 .owl-next:hover { color: #046a38; } .block-about-6 .icons a:hover { color: #046a38; } .block-mission .year { background: #046a38; } .block-mission .years a:after { border-bottom-color: #046a38; } .block-recent-works ol li:hover { color: #046a38; } .block-recent-works ol .active { border-color: #046a38; background: #046a38; } .block-recent-works .description { background: #046a38; } .block-recent-works .description:before { border-right-color: #046a38; } .block-recent-works-3 h3 { border-top-color: #046a38; } .block-recent-works-3 .link { border-color: #046a38; } .block-recent-works-3 .fancybox { background-color: #046a38; } .block-recent-works-3 .owl-pagination div { border-color: #046a38; background: #046a38; } .block-recent-works-4:before { background: #046a38; } .block-recent-works-4 .fancybox { background: #046a38; } .block-recent-works-4 .owl-prev:hover, .block-recent-works-4 .owl-next:hover { color: #046a38; } .block-recent-works-6 a:before { background: #046a38; } .block-recent-works-6 .owl-prev, .block-recent-works-6 .owl-next { border-color: #046a38; background: #046a38; } .block-recent-works-6 .owl-prev:hover, .block-recent-works-6 .owl-next:hover { color: #046a38; } .block-portfolio ol li:hover { color: #046a38; } .block-portfolio ol li.active { border-bottom-color: #046a38; } .block-portfolio ul .pic span:after, .block-portfolio ul .pic span:before { background: #046a38; } .block-portfolio ul .pic span i { color: #046a38; } .block-portfolio-2 ol li:hover { color: #046a38; } .block-portfolio-2 ol li.active { background: #046a38; } .block-portfolio-2 ul .pic:before { background: #046a38; } .block-portfolio-2 ul .pic a { background: #046a38; } .block-portfolio-2 ul .pic a:hover { color: #046a38; } .block-portfolio-3 ol li:hover { color: #046a38; } .block-portfolio-3 ol li.active { background: #046a38; } .block-portfolio-4 h3 { border-top-color: #046a38; } .block-portfolio-4 .link { border-color: #046a38; } .block-portfolio-4 .fancybox { background: #046a38; } .block-portfolio-5 ol li:hover { color: #046a38; } .block-portfolio-5 ol li.active { background: #046a38; } .block-portfolio-5 .info:before { background: #046a38; } .block-portfolio-6 ol li:hover { color: #046a38; } .block-portfolio-6 ol li.active { background: #046a38; } .block-portfolio-6 ul a:before { background: #046a38; } .block-portfolio-7 ol li:hover { color: #046a38; } .block-portfolio-7 ol li.active { background: #046a38; } .block-portfolio-7 ul li:before { background: #046a38; } .block-portfolio-7 ul a:hover { color: #046a38; } .block-portfolio-8 li div:before { background: #046a38; } .block-portfolio-8 li a { background: #046a38; } .block-clients .owl-prev, .block-clients .owl-next { color: #046a38; } .block-testimonials-3 .carousel h3 { border-bottom-color: #046a38; } .block-testimonials-3 .owl-pagination div { border-color: #046a38; } .block-testimonials-3 .owl-pagination .active { background: #046a38; } .block-testimonials-4 .owl-prev, .block-testimonials-4 .owl-next { border-color: #046a38; background: #046a38; } .block-testimonials-4 .owl-prev:hover, .block-testimonials-4 .owl-next:hover { color: #046a38; } .block-services li a { border-color: #046a38; } .block-services li a:hover { background-color: #046a38; } .block-services-2 li a:hover { background: none; } .block-services-2 li a:after { box-shadow: inset 0 0 0 2px #046a38; } .block-services-2 li a:hover:after { background-color: #046a38; } .block-services-3 li a:hover { background: none; } .block-services-3 li a:after { box-shadow: inset 0 0 0 2px #046a38; } .block-services-3 li a:before { background: #046a38; box-shadow: inset 0 0 0 2px #046a38; } .block-services-3 li a:hover:after { background-color: #046a38; } .block-services-4 li a { border-color: #046a38; } .block-services-4 li a:hover { background-color: #046a38; } .block-services-5 li i { color: #046a38; } .block-services-5 li i:hover { background: #046a38; } .block-services-6 h3 span { color: #046a38; } .block-services-6 li a { border-color: #046a38; background: #046a38; } .block-services-6 li a:hover { color: #046a38; } .block-services-7 .info i { background: #046a38; } .block-services-7 .carousel .active { background: #046a38; } .block-services-7 .carousel .owl-prev, .block-services-7 .carousel .owl-next { border-color: #046a38; background: #046a38; } .block-services-7 .carousel .owl-prev:hover, .block-services-7 .carousel .owl-next:hover { color: #046a38; } .block-pricing dt { color: #046a38; } .block-pricing .price:before { background: #046a38; } .block-pricing li:hover .inner { background: #046a38; } .block-pricing li:hover .button { color: #046a38; } .block-pricing li:hover .button:hover { background: #046a38; } .page-content-section .block-pricing .inner { box-shadow: 0 0 0 1px #046a38; } .block-pricing-2 dt { color: #046a38; } .block-pricing-2 .price { background: #046a38; } .block-pricing-2 .button { color: #046a38; } .block-pricing-2 li:hover .inner { background: #046a38; } .block-pricing-2 li:hover .button:hover { background: #046a38; } .block-progress li i { border-color: #046a38; color: #046a38; } .block-team-2 .pic:before { background-color: #046a38; } .block-team-2 .icons a { color: #046a38; } .block-team-3 .pic:before { background-color: #046a38; } .block-team-3 .icons a { color: #046a38; } .block-team-3 .info h3 { color: #046a38; } .block-team-list .pic span:after { background-color: #046a38; } .block-team-list .icons a:hover { color: #046a38; } .block-team-list .icons a:before { background: #046a38; } .block-team-list .skills { border-top-color: #046a38; border-bottom-color: #046a38; } .block-team-grid .pic:before { background-color: #046a38; } .block-skills i:before { background-color: #046a38; } .block-skills .bar { border-color: #046a38; background-color: #046a38; } .block-skills-2 i:before { background-color: #046a38; } .block-skills-2 .bar { border-color: #046a38; background-color: #046a38; } .block-capabilities h3 { color: #046a38; } .block-capabilities-2 h3 { color: #046a38; } .block-recent-posts .info { background-color: #046a38; } .block-recent-posts-2:before { background-color: #046a38; } .block-recent-posts-2 li .button { color: #046a38; } .block-recent-posts-2 li .button:hover { background-color: #046a38; } .block-recent-posts-2 .button-more { color: #046a38; } .block-recent-posts-2 .button-more:hover { background-color: #046a38; } .block-featured-posts .pic:before { background-color: #046a38; } .block-blog-list .link { background: #046a38; } .block-blog-list .date:before { background-color: #046a38; } .block-blog-list .date-alt { background-color: #046a38; } .block-blog-list .zoom { background-color: #046a38; } .block-blog-grid .link { background: #046a38; } .block-blog-grid .date:before { background-color: #046a38; } .block-blog-grid .pic:hover .date { color: #046a38; } .block-blog-grid .zoom { color: #046a38; } .block-blog-details .date:before, .block-blog-details .reply:before, .block-blog-details .type:before { background-color: #046a38; } .block-blog-details .date-alt { background-color: #046a38; } .block-blog-details .share a:before { border-color: #046a38; background: #046a38; } .block-blog-details .share a:hover { color: #046a38; } .block-blog-details .about:before { background: #046a38; } .block-catalog-toolbar .view a:hover { border-color: #046a38; color: #046a38; } .block-catalog-toolbar .view .active, .block-catalog-toolbar .view .active:hover { border-color: #046a38; background: #046a38; } .block-catalog-toolbar .direction { border-color: #046a38; background: #046a38; } .block-catalog-toolbar .direction:hover { color: #046a38; } .block-catalog-grid .pic:before { background: #046a38; } .block-catalog-grid .badge { background: #046a38; } .block-catalog-grid .price { color: #046a38; } .block-catalog-grid .owl-prev, .block-catalog-grid .owl-next { border-color: #046a38; background: #046a38; } .block-catalog-grid .owl-prev:hover, .block-catalog-grid .owl-next:hover { color: #046a38;; } .block-catalog-list .pic:after { background-color: #046a38; } .block-catalog-list .badge:before { background-color: #046a38; } .block-catalog-list .price { color: #046a38; } .block-catalog-list .owl-prev, .block-catalog-list .owl-next { border-color: #046a38; background-color: #046a38; } .block-catalog-list .owl-prev:hover, .block-catalog-list .owl-next:hover { color: #046a38;; } .block-product-details .price { color: #046a38; } .block-product-details .button-alt { color: #046a38; } .block-product-details-2 .button-alt { color: #046a38; } .block-product-details-2 .share a:before { background-color: #046a38; box-shadow: 0 0 0 2px #046a38; } .block-product-details-2 .share a:hover { color: #046a38; } .block-product-info .owl-prev, .block-product-info .owl-next { border-color: #046a38; background-color: #046a38; } .block-product-info .owl-prev:hover, .block-product-info .owl-next:hover { color: #046a38; } .block-product-tabs .head .active { color: #046a38; } .block-product-tabs .head .active:before { border-top-color: #046a38; } .block-shopping-cart th { border-top-color: #046a38; color: #046a38; } .block-shopping-cart .price { color: #046a38; } .block-shopping-cart .remove { border-color: #046a38; background-color: #046a38; } .block-shopping-cart .remove:hover { color: #046a38; } .block-shopping-cart .quantity a { color: #046a38; } .block-shopping-cart .empty td { border-bottom-color: #046a38; } .block-shopping-cart-totals dd { color: #046a38; } .block-shopping-cart-totals .button-alt { color: #046a38; } .block-checkout-order td:last-child { color: #046a38; } .block-checkout-payment label { color: #046a38; } .block-welcome .icons i:after { border-color: #046a38; background: #046a38; } .block-welcome .icons a:hover i { color: #046a38; } .block-pasteboard:before { background: #046a38; } .block-pasteboard .icons a:hover { color: #046a38; } .block-map-3 .block-head { color: #046a38; } .block-contacts ul li:after, .block-contacts ul li:before { border-color: #046a38; background-color: #046a38; } .block-contacts ul li:before { background-color: #fff; } .block-contacts ul li span { border-bottom-color: #046a38; } .block-contacts ul .active { color: #046a38; } .block-contacts ul .active:before { background-color: #046a38; } .block-contacts ol { border-top-color: #046a38; } .block-contacts ol li { color: #046a38; } .block-contacts ol li i:after { background-color: #046a38; } .block-feedback .message i, .block-feedback-2 .message i { color: #046a38; } .block-not-found h3 { color: #046a38; } .block-not-found .pic:before { background-color: #046a38; } .block-not-found .pic div:before { background-color: #046a38; } .block-not-found-2 .button { color: #046a38; } .block-not-found-2 .button:hover { background: #046a38; } .block-coming-soon li:before { background-color: #046a38; } .block-coming-soon-2 li:after { background-color: #046a38; } .widget-categories a:hover, .widget-categories a.active { color: #046a38; } .widget-top-posts a:hover { color: #046a38; } .widget-text hr { border-top-color: #046a38; } .widget-text em { color: #046a38; } .widget-archive a:hover, .widget-archive a.active { color: #046a38; } .widget-tags a:hover { color: #046a38; } .widget-categories-filter a:hover { color: #046a38; } .widget-categories-filter .active { color: #046a38; } .widget-categories-filter .active span { background-color: #046a38; } .widget-price-filter .ui-slider-range { background-color: #046a38; } .widget-price-filter .ui-slider-handle { background-color: #046a38; } .widget-color-filter .active:before { border-color: #046a38; } .widget-top-products .pic i { background-color: #046a38; } .main-nav ul { background-color: #046a38; }