uPortal Winter Summit France 2020

Jan. 28 pm- Moment communs avec USA: Présentations uP5, Fiosan (UoE notifications) et introduction aux web-components.
Jan. 28 am- Présentation uPortal 5.x
Jan. 28 pm- Présentation Web-Components
Jan. 28 pm- Moment commu avec USA: Présentation Web-Components avancée
Jan. 29 am- Sujets libres
Jan. 29 pm- Échanges communs avec USA: Définition de la roadmap

uPortal Winter Summit France 2020

Présentation uPortal 5.x

Julien Gribonvald

GIP RECIA

Plan

Nouveautés

Quelques rappels
L'API
UI et web-components
Autres fonctionnalités

Atelier Déploiement
Moment d'échanges

Nouveautés

Quelques rappels

Cf présentation uPortal Winter Summit 2019 !

uPortal-start un client pour configurer/déployer facilement et rapidement !
Customization de l'UI via les Web-components
docker

Sinon pour les détails !

Nouveautés

l'API

Rappels importants sur l'API

api REST sécurisée par OIDC (OpenID Connect) -> évite de devoir déployer son propre service OIDC (ou autre)
session-less

Évolutions de l'API

Interrogation possible en server-to-server
Administration d'uPortal via API à venir

Activer Swagger en test !

Nouveautés

UI et web-components

Toutes les régions et leur contenu sont configurables/définissables => À vos uPortal-datas !

web-components: Déjà évoqué à plusieurs reprises ! Pour rappel ici ou aux ESUP-Days #28

Liste des web-components en évolution: se référer au repo github, sans oublier aux projets existant (notification portlet)

Nouveautés

Autres fonctionnalités

Indexation des contenus CMS d'uPortal (via lucene) pour la recherche

Améliorations autour des JWT

Mode maintenance des portlets

Atelier Déploiement

               
                 $ git clone https://github.com/Jasig/uPortal-start.git
                 $ cd uPortal-start

                 $ export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64/
                 $ ./gradlew tasks

                 $ cp build.properties.sample build.properties
                 # edit build.properties

                 $ ./gradlew hsqlStart
                 $ ./gradlew portalInit
                 $ ./gradlew tomcatStart
                 # aller à  http://localhost:8080/uPortal/ et lire https://github.com/Jasig/uPortal-start/blob/master/LISEZMOI.md#premier-lancement-duportal-via-uportal-start

Pour le reste il y a les documentations uPortal-Start https://jasig.github.io/uPortal/fr ou les mailing-list !

Moment d'échanges

Questions/réponses

Recensement des travaux en cours

Recensement des besoins

Autres sujets

Merci de participer aux échanges communs Apereo le 29/01 à partir de 15h - Détails ici

uPortal Winter Summit France 2020

Présentation uPortal Web-Components

Julien Gribonvald

GIP RECIA

Plan

Quelques Rappels
Atelier Développement
Moment d'échanges

Quelques Rappels

Atelier Développement

uPortal-web-component documentation

Documentation uPortal-contrib

Atelier Développement

Créer un nouveau Web Component avec Vue.js

pré-requis: node.js, npm, nvm (facultatif)

Installer l'outil Vue CLI globalement:
npm install --global @vue/cli
Créer un nouveau composant avec Vue CLI
vue create {component-name} --default
Mettre à jour le script de build et ajouter le script prebuild Se référer à la documentation uPortal
Tester le composant
npm run serve
ouvrir le navigateur sur l'url indiquée.

Moment d'échanges

Questions/réponses

Autres sujets ?

Exercice ?

uPortal Winter Summit 2020

Advanced development on Web-Components

Benito Gonzales
Julien Gribonvald

Unicon
GIP RECIA

Plan

Web Components Styling
Web Components Communication (Benito Gonzales)
Web Components with uPortal Spring beans benefit

Web Components Styling

Isolated scope

The shadow DOM permit to isolate HTML => nothing apply to the component from outside and nothing from the component apply to outside

CSS defined inside shadow DOM are scoped to it.

Simplified CSS, selector are more simple as limited to the component scope.

Web Components Styling

Styling

Custom Elements v0 permited to customize components style from outside with /deep/, ::ng-deep, and >>>, but now are deprecated !

Optimized and good possibility to customize from outside => CSS custom properties !

css_property: var(--variable-name, fallback-value);

see live demo

Web Components Communication

Benito Gonzales

Event management !

Web Components with uPortal Spring beans benefit

Description

uPortal have a portlet kind "JSP invoker" that permit to load jsp with injected beans described by portlet definition.

We can pass to Web Components calculated values into component properties.