esta presentación se distribuye bajo una licencia creative ...€¦ · © 2016 ex libris |...

© 2016 Ex Libris | Confidential & Proprietary © 2016 Ex Libris | Confidential & Proprietary

• Esta presentación se distribuye bajo una licencia Creative

Commons Reconocimiento-NoComercial-CompartirIgual • Esta licencia permite a otros entremezclar, ajustar y construir a

partir de su obra con fines no comerciales, siempre y cuando le reconozcan la autoría y sus nuevas creaciones estén bajo una licencia con los mismos términos.

• Acceda al Resumen de la Licencia | Acceda al Código Legal

1

https://creativecommons.org/licenses/by-nc-sa/4.0

https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode

© 2016 Ex Libris | Confidential & Proprietary

Maite Novo, Raquel López | Implementation Consultants and Support

Personalización básica de la nueva interfaz de usuario de Primo Expania 2017


Agenda

1. Presentación y objetivos del taller

2. Conceptos

Qué es la nueva UI de Primo y porqué la hemos cambiado: tecnología y diseño

3. Instalación del entorno de pruebas local y custom package

4. Customización básica (CSS)

Cambio logos, fuentes, colores, tamaños de letra, etc…

5 Primo Roadmap

6. Enlaces útiles


Presentación y objetivos del taller

• Dirigido a administradores de Primo con conocimientos básicos de HTML y CSS.

• Se aprenderá de forma práctica a utilizar el paquete de

personalización de la interfaz de Primo (UI Customization Package Manager): instalar, configurar el entorno de pruebas, ejemplos prácticos de personalización básica: logos, fuentes, colores, tamaños de letra, etc..

• No se entrará a hacer cambios que necesiten modificaciones

de AngularJS. • Cada alumno hará las prácticas en la instalación de Primo de su

propia institución, para aquellos que no tengan Primo hay disponible un entorno de pruebas.


Conceptos

• Tecnología más moderna: Angular JS permite: • Desacoplar la manipulación del DOM de la lógica de

aplicación • Desacoplar el lado cliente del lado servidor en una

aplicación • Proveer estructura para el desarrollo de una aplicación

• Más intuitiva, responsiva, orientada a la experiencia del usuario, etc..

• Creada en conjunto con usuarios de Primo (Hackaton)

ADAM, Dspace, Fedora, CONTENTdm


Instalación del entorno de pruebas local y custom package

Para instalar el entorno de pruebas local seguir las instrucciones en: • https://github.com/ExLibrisGroup/primo-explore-devenv

• Descargar el proyecto en tu pc

• Descomprimir el archivo

https://github.com/ExLibrisGroup/primo-explore-devenv








• Desde cmd: npm install [email protected] –g

• Reiniciar el ordenador • Desde cmd: npm install -g gulp



• Abrir un nuevo cmd • cd al directorio del proyecto C:\**\**\primo-explore-devenv C:\**\**\primo-explore-devenv-master • Desde cmd: npm install.

• Editar el valor proxy server (la url de tu primo Front-End) en /gulp/config.js: var PROXY_SERVER = https://your-server:443

https://your-server/





• Ir a la carpeta del proyecto y empezar a customizar:

• Descargar desde Primo Back Office o GitHub un nuevo paquete o un paquete ya customizado

sobre el cual quieras hacer más cambios.

• Guarda el paquete en tu entorno de desarrolo en la carpeta primo-explore/custom

• Desde cmd: gulp run --view <view_code> • Abre un navegador y pon la url: http://localhost:8003/primo-explore/?vid=<view_code>



• Puedes ver los cambios solo con refrescar tu navegador

• Una vez hayas finalizado, comprime el paquete

• Desde cmd: gulp create-package

• Cárgalo usando el BackOffice de Primo


Customización básica (CSS)

• Cambiar colores { "primary": "#53738C", "secondary" : "#A9CDD6", "backgroundColor" : "white", "links": "#5C92BD", "warning": "tomato", "positive": "#0f7d00", "negative": "gray", "notice": "#e08303" } • Cambiar imágenes https://github.com/uleodolter/primo-new-ui-hackathon

Nombres de las imágenes: library-logo.png – Contiene el logo de la biblioteca. favicon.ico – Contiene el favicon. icon_<resource_type>.png – Contiene la imagen del recurso específico. Por ejemplo icon_audio.png

https://github.com/uleodolter/primo-new-ui-hackathon









Rollout Timeline: 2016

12

Aug. 2016

Aleph/Voyager beta release (not all features included) Release

May 2016

Additional features

Nov. 2016

• OvP Aleph/Voyager • My library card • Service page • Full display • Customization

• Mobile • Accessibility • Advanced search • bX Recommender • Consortia support – Alma

• Citation trail • Virtual browse • Featured results • Personalization


Rollout Timeline: 2017

13


Enlaces útiles

• Primo New UI - All the resources in one page https://knowledge.exlibrisgroup.com/Primo/Knowledge_Articles/Primo_New_UI_-_All_the_resources_in_one_page • The Primo New UI Customization Workflow Development

Environment https://github.com/ExLibrisGroup/primo-explore-devenv • PRIMO New UI Hackathon/Virtual Conference: Dec.12-Dec.16 https://github.com/uleodolter/primo-new-ui-hackathon#angularjs-conceptual-overview https://www.youtube.com/watch?v=ICvM8Xa_gkE

https://knowledge.exlibrisgroup.com/Primo/Knowledge_Articles/Primo_New_UI_-_All_the_resources_in_one_page













https://github.com/uleodolter/primo-new-ui-hackathon#angularjs-conceptual-overview












https://www.youtube.com/watch?v=ICvM8Xa_gkE





¿Preguntas?

© 2016 Ex Libris | Confidential & Proprietary

GRACIAS [email protected] [email protected]

mailto:[email protected]

mailto:[email protected]

esta presentación se distribuye bajo una licencia creative ...€¦ · © 2016 ex libris |...

Documents