L'abaciologi del monestir

L'abaciologi del monestir

El Museu de Sant Cugat presenta, com a part de la seva museografia, l'interactiu tàctil “L'abaciologi del monestir”. Aquesta aplicació permet al visitant conèixer als 72 abats que ha tingut el monestir de Sant Cugat mitjançant diferents tipus de cerca que s’adapten als interessos del visitant i es poden realitzar en català, castellà i anglès.

Dades del client

Client: Museu de Sant Cugat (Sant Cugat del Vallès, Barcelona)
Categoria: Projectes multimèdia, Lavert experiències
Data: 31 des. 2010

Fitxa tècnica

Solucions

El Museu de Sant Cugat ens encarrega un interactiu que mostri l'abaciologi del monestir de Sant Cugat, la llista cronològica d'abats que el van governar.

La solució de Lavert consisteix en:

Concepció i producció d'un interactiu en format tàctil que mostra els 72 abats que ha tingut el monestir de Sant Cugat seguint diferents criteris de recerca:

• Fets històrics

• Cronologia

• Sistema d'elecció

• Abats constructors

Cadascuna d'aquestes recerques temàtiques condueix a l'usuari a una selecció d'abats relacionats amb fets o períodes específics de la història del monestir. Es tracta d’un interactiu a tres idiomes en el qual el visitant pot buscar la informació que li interessi a partir d’una interfície tàctil que evoca la superfície de treball en un scriptorium.

En la seva realització s'han utilitzat eines de retoc d'imatges (Gimp) per la homogeneització de tots els arxius visuals així com per a la creació de textures i efectes de llum. La interactivitat s'ha dut a terme mitjançant l'ús del llenguatge de programació action script 2 que permet portar un seguiment de les accions de l'usuari i, mitjançant l'ajuda d'una base de dades, la creació d'interdependències dinàmiques entre diferents fitxes o elements.

Totes les animacions s'han dut a terme amb el programa adobe flash cs4.

Projectes relacionats
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; }