The 7 Things I Know About Cyber Security After 25 Years | April 2024
Apereo & ESUP-Portail: Brothers in Arms
1. &
Brothers in Arms
! Frédéric DOOREMONT Univ. du Littoral Côte d’Opale
! Mathilde GUERIN Univ. de La Rochelle
! Alain MAYEUR Univ. de Valenciennes
2. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
The ESUP-Portail Consortium
! Objectives
! Strategy
! Organization & Governance
! Partnership with Apereo
3. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
3
The ESUP-Portail Consortium
! Overview
! Since 2002: Project “Digital working space”
=> portal of digital services (ENT in France)
! 6 years since the new organization
=> non profit structure with its own budget
! 70 members in France
! French open source Consortium funding and promoting
international collaboration
! 20 conventions with the members
4. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
4
The ESUP-Portail Consortium
! Objectives
! Facilitate learning and campus life for students... but also
the daily work of the staff members
! Pool development of digital services to divide costs
between universities
! Share technological developments and new services
! Conceive and plan for the development (or evolution) of
portals, collaborative tools and mobile services
5. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
5
The ESUP-Portail Consortium
! Wide range of projects
6. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
6
The ESUP-Portail Consortium
! Strategy
! Solutions are open-source to enable a constant evolution of
tools and services
! Each establishment can adapt the technological
groundwork to fit its own strategy and needs
! Collaborate with other organizations such as Apereo,
whose solutions are the basis of the ESUP projects
! Assure the perpetuity, the adaptability, the technological
developments
7. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
7
The ESUP-Portail Consortium
! Give access to the institution’s services depending on the
user's profile
! Integrate e-learning platform, provide pedagogical services
and documentation components…
! Encourage team brainwork and sharing of experience/
feedback
! Support on the standards
8. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
8
The ESUP-Portail Consortium
! Organization & Governance
9 people
(incl. Consortium Director: Alain Mayeur)
from 9 different institutions
14 people
from 12 different institutions
9 working groups
Countless community people
from 70(ish) member institutions
Authentication Development
Digital desktop EDM
Group Management Mobility
OAE Portal Statistics
9. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
9
The ESUP-Portail Consortium
! Gatherings:
! 4 meetings a year
! annual seminar for global coordination
! Support of the French Ministry of Higher Education and
Research
! evolution of digital plans and services for training, employability and
academic life
10. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
10
The ESUP-Portail Consortium
! A national cause
Ministery
of Higher
Education
E-Portfolio
ENT
Digital
services
Training
Teachers
Open
Education
Education
Digital
Ressources
Skills
Certifications
C2I
11. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
11
The ESUP-Portail Consortium
! ESUP-Portail in practice
! 9 working groups
! ESUP-Commons-v2
! Portlet, web mobile
! Trainings, Collaborative maintenance
! GitHub
! Contribution from universities and engineering schools
! Lively community, encouraging debate
! Mailing lists and Wiki
! ESUP-Days: 2 conferences a year in Paris
! more than 100 participants each time
! #17 on Feb. 6th 2014 ; #18 on Jul. 3rd 2014
! Live streaming and recorded videos available
12. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
12
The ESUP-Portail Consortium
! Partnership with the Apereo Foundation
! Oct. 2012: Memorandum of Understanding
! Sept. 2013: Convention to formalize the involvement of the
ESUP Consortium in the OAE project
! Beforehand: Meeting between representatives of the OAE project
team, the ESUP Consortium and the Ministry of Higher Education
! Convention terms:
! ESUP-Portail takes part in the strategy of the OAE project
! ESUP-Portail contributes in funding the solution
! The OAE and the ESUP-OAE development teams work together to provide
new functionalities
! The ESUP-OAE team maintains the French translation of the project
13. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
13
The ESUP-Portail Consortium
! Feb. 6-7, 2014: Joint conference
! Apereo Europe & ESUP-Days #17 in Paris
! Large attendance
! Never-discussed-before topics on the agenda
! learning analytics,
! e-portfolio,…
14. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
14
The ESUP-Portail Consortium
! June 2014: Renew convention
! Keep this collaboration growing by…
! Being active contributors (participate in WGs, work on
internationalization matters, etc.)
! Taking part in the Foundation’s overall strategic decisions (incubation
process, board)
! Assisting Apereo in its European implementation
15. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
OAE in France
! History
! Strategy
! French model
! First assessment
16. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
16
OAE in France
! History
! Feb. 2012: Beginning of the Nakamura translation
! June 2012: Creation of the ESUP-OAE WG
! Objectives:
! Maintain the French version
! Organize thematic conferences to share feedbacks with other partners
! Define a strategy for implementing OAE in France, considering institutions’
needs and requirements
! Develop widgets
17. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
17
OAE in France
! Jan. 2013: Launch of a demo instance
18. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
18
OAE in France
! Since then, we keep maintaining the French translation
19. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
19
OAE in France
! Sept. 2013: A convention is signed between the Apereo
Foundation and ESUP-Portail
20. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
20
OAE in France
! Jan. 2014: Workshop in Cambridge
21. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
21
OAE in France
! Apr. 2014: Launch of the pilot phase
22. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
22
OAE in France
! Our strategy?
! “We like to keep what is ours”
…and no, it’s not (just) an ego thing
23. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
23
OAE in France
! A big challenge…
24. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
24
OAE in France
! Strategy implementation
! Phase #1
Univ. de La Rochelle
Univ. Pierre & Marie Curie
Univ. de Lorraine
Univ. de Valenciennes
& du Hainaut-Cambrésis
Univ. du Littoral
Côte d’Opale
ESUP-Portail
25. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
25
OAE in France
! Strategy implementation
! Phase #2
26. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
26
OAE in France
! French instance
! Hosted by the Université de Lorraine
27. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
27
OAE in France
! Server infrastructure
! 1 web server (Nginx)
! 3 app. and preview servers
! 1 NFS server (storage)
! 3 database servers (Cassandra)
! 2 search servers (ElasticSearch)
! 2 Etherpad servers
! 1 cache server (Redis)
! 1 messaging server (RabbitMQ)
! 1 server for monitoring
28. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
28
OAE in France
! The “OAE-France” team
! 2 engineers from UPMC
! 1 engineer from UVHC
! 1 engineer from ULR
! 2 engineers from UL
! 2 engineers from ULCO
29. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
29
OAE in France
! First assessments
! Created tenant
! Apr. 2014: ESUP-Portail
! Soon-to-be opened tenant
! June 2014: Université du Littoral Côte d’Opale
! 3 new tenants in September 2014
! Université de Valenciennes et du Hainaut-Cambrésis
! Université de La Rochelle
! Université de Lorraine
31. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
31
OAE in France
! Widget development
32. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
The potpourri part
! uPortal in France
! Portlet showcase
! Works in progress
33. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
33
55%
uPortal in France
! Portal deployment in France (June 2014)
15%
10%
uPortal 2.x
uPortal 3.x
uPortal 4.0
other
20%
34. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
34
uPortal in France
! Mar. 2013: release of the 1st esup-uportal-v4 package
! Workshop for the community
! Agenda:
! Introduction to Git
! Basics/concepts
! Main commands and useful tools
! The esup-uportal package
! Package overview
! Deployment/Configuration
! HOWTOs
! 2 sessions
! May 2013: representatives of 26 institutions
! May 2014: representatives of 19 institutions
35. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
35
Portlet showcase
! esup-twitter
! Display the Twitter timeline of a specific user
36. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
36
Portlet showcase
! esup-filemanager
! Give users access to their homedirs and other shared file
systems
37. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
37
Portlet showcase
! esup-portlet-sympa
! Display the mailing-lists the user has subscribed to or is the
owner (or moderator) of
38. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
38
Portlet showcase
! esup-annuaire2
! Search through an LDAP directory for students, staff
members or structures
39. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
39
Portlet showcase
! esup-portlet-intranet
! Browse/Search through Nuxeo workspaces
40. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
40
Portlet showcase
! esup-ecm-dashboard
! Display the user’s Nuxeo dashboard
41. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
41
Portlet showcase
! esup-portlet-bigbluebutton
! Lets the user create and start BBB conferences but also
invite people via e-mail
42. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
42
Portlet showcase
! esup-portlet-filex
! Display the user’s Filex account
43. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
43
Portlet showcase
! esup-papercut
! Display users’s PaperCut account
! Let the user add credit to their account (Paybox)
44. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
44
Portlet showcase
! esup-dining-portlet (WIP)
! The next-gen DiningPortlet
45. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
45
Portlet showcase
! esup-news (refactoring in progress)
! Create, manage and publish news for specific group(s) of
users
46. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
46
Portlet showcase
! esup-lecture (refactoring in progress)
! Aggregates XML feeds (RSS, RDF, …) and handles the
users' preferences (subscription, (un)read items,...)
47. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
47
Portlet showcase
! Plus several portlets based on French institutions’
solutions
! Find all the code on our Github repo
! Documentation (mostly in French :/ )
! http://www.esup-portail.org
https://github.com/EsupPortail!
48. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
48
Responsive Portlets
! Upgrading portlets or developing new ones?
=> Let’s make them responsive!
! Lazy much?
=> Let Twitter Bootstrap handle everything for us
49. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
49
Responsive Portlets
! Boostrap uses media-quieries, so what?!
! window.width =! portletContainer.width!
Header
Navigation
Footer
Portlet A
Portlet B
Portlet C
100% = 1600px [LARGE]
66% = 1066px [LARGE] 33% = 533px [LARGE]
Boostrap “modes”
w < 768px (X-SMALL)!
768px <= w < 992px (SMALL)!
992px <= w < 1200px (MEDIUM)!
1200px <= w (LARGE)!
!
50. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
50
Responsive Portlets
! What we would like to get…
Header
Navigation
Footer
Portlet A
Portlet B
Portlet C
100% = 1600px [LARGE]
66% = 1066px [MEDIUM] 33% = 533px [SMALL]
Boostrapp “modes”!
w < 768px (X-SMALL)!
768px <= w < 992px (SMALL)!
992px <= w < 1200px (MEDIUM)!
1200px <= w (LARGE)!
!
51. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
51
Responsive Portlets
! How to do that? *scratching head*
=> Make Bootstrap @media-less!
! Ok…….. and HOW to do THAT and still be responsive?
! Use CSS classes (xs, sm, md, lg) instead of media-queries
! Add JS snippet to set/update CSS classes on-the-fly
@media'screen'and'(max.width':'768px)'{'
'.something'{'
' 'display:'none;'
'}'
}'
'
@media'screen'and'(min.width':'992px)'{'
'.something'{'
' 'display:'block;'
'}'
}'
> bootstrap.css!
'
.portletContainer.xs'.something'{'
'display:'none;'
}'
'
'
.portletContainer.md'.something,'
.portletContainer.lg'.something'{'
'display:'block;'
}'
'
> bootstrap-custom.css!
52. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
52
Responsive Portlets
! Everything else (grid system, etc.) remains the same
=> col-lg-4, col-md-4, col-sm-4, col-xs-4…
53. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
53
Responsive Portlets
! What we’ve done so far…
! Generated a custom Boostrap using CSS classes instead of @media!
! Automated this task for next releases of Bootstrap (Grunt)
! Tried our solution in existing and new portlets
! Talked about this on the Apereo mailing-lists
https://github.com/mbelmok01/bootstrap-uPortal/!
54. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
54
Responsive Portlets
! Remaining issues :(
! When drag-and-dropping portlets:
the JS is not called, therefore no new calculation of CSS classes
! In Respondr theme:
conflicts between our custom Bootstrap (imported by portlets)
and the original version (imported by uPortal)
@media'screen'and'(min.width':'992px)'{'
'.something'{'
' 'display:'block;'
'}'
}'
> bootstrap.css (uPortal)!
'
.portletContainer.xs'.something'{'
'display:'none;'
}'
'
> bootstrap-custom.css (portlet)!
55. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
55
uMobile
! Objectives
! Enhance the Cordova version of uMobile
! How?
! Fixing remaining bugs and cleaning code
! Implementing Push Notifications
! Adding native modules
! Modules using device features (camera, contacts, etc.)?
56. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
56
uMobile
! Implementing Push Notifications
! Use AeroGear UnifiedPush Server and AeroGear Cordova Push Plugin
! Develop UI (portlet) to send notifications
57. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
57
Authentication
! Objectives
! Improve authentication mechanism for mobile users
! How?
! Lengthening the session
! Just activate the RememberMe feature!
! Implementing ticket revocation
! Store additional data about users (@IP, UserAgent,…)
! Create UI to manage tickets
58. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
58
Authentication
! Proof of Concept
! CAS add-on
https://github.com/gsouquet/cas-token-manager!
59. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
59
Things to look forward to…
! Portlets
! Develop new services
! Upgrade existing ones (JSR-268, responsiveness,…)
! Authentication
! Finalize PoC
! Perform benchmark testing
! Collaborate with the CAS working group to integrate this work in
a future release
! uMobile
! Add new features (PUSH Notifications, native modules,…)
! Integrate work on authentication
! OAE
! Develop new widgets
! Extend ESUP instance to other institutions
60. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
60
Things to look forward to…
! uPortal
! Provide a package for uPortal 4.1.x
! And so many other things like…
! Open up an ESUP-Portail marketplace
! Keep developing apps in incubator
! Release the new version of AGIMUS (statistics)
! …
61. Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
61
Thank you for your attention!
! Questions?
Notas del editor
Hi my name is frederic Dooremont and
I’m the coordinator of the ESUP-OAE working-group
Here are the four parts that I will develop in my presentation :
First of all, I will deal with the history of the OAE implementation in France
Follewed by The strategy we decided to follow
Then, I will focus on The specificites of the french model and finally the first assessment
In february two thousand and twelve we started translating the nakamura solution in French, since we already believed in the project, even back then.
In the month of June of the same year, the ESUP consortium decided to create a working group dedicated to the OAE solution.The working group has several objectives :
Maintaining the French version | Organizing thematic conferences |
Defining a strategy for an implementation in our community | Developing Widgets
The First action in January two thousand thirteen was to install I a shared server. This server meets two objectives :
having a demo server for the ESUP community so that members can work together AND exploring some of the possibilities of OAE!
and checking the quality of the French translation.
Since that date, we maintain the French translation to one hundred percent
In September two thousand and thirteen, a convention was signed between Apereo and ESUP, with the following objectives :
encouraging involvment of the French higher education community in the OAE project,
launching the pilot activity in France,
and participating in the internationalization effort.
Alright so I’ll be covering a few different things today so I thought that it was a fitting title for my part of the presentation…
Alriight, so first of all, let’s about uPortal and well, portals in general.
This chart represents the proportion of portal solutions currently deployed in French universities. To be honest, we don’t really keep track of who is doing what but this is an estimation based on my research… which consisted in visiting over 50 portals and checking the product being used. Anyway, as you can see, more than half of French universities are using a version 3 of uPortal for their portals. While the version 4 only represents 15% of deployed portals, this number will increase in the next months… since we know for a fact that several universities have decided to upgrade their portal next fall…
Last year in San Diego, we gave the audience an insight of the job being done regarding the esup-uportal package so I won’t explain the whole thing again but just know that the first version of it was based on the v.4.0.11 and was released in March last year. Actually, I personally think that this is one of the reasons why most universities haven’t upgraded their plateform so far… It came out a little bit too late in the year to make it possible for universities to switch in september. Because, well, I don’t know about you but we try to always make those changes right when the academic year begins…
Anyway, to help them in their upgrade process, we organized a workshop with two objectives in mind. First, give the attendees a brief introduction to Git since this is something that most of us were not familiar with and more importantly, the second part dedicaded to the deployment itself… We tried to give a overview of the package itself, give them some tips or recommendations about the deployment and configuration of their portals etc. We also tried to provide them some answers about how to better integrate iframes, create their own skin or how to efficently use Git to deploy/patch or update their portals and portlets
Overall, representatives from more than 40 universities attended this workshop… Hence why we think the uportal 4 proportion will soon increase
Ok so, over the years, we’ve developed quite a few portlets and I’ll show you some of them right now…
Esup-twitter is a light portlet used to display the tweets of a specific user.
The Twitter user can be set up by the portal administrator when publishing the portlet and you may also let the portal user set this up in the configuration mode of the portlet.
This portlet lets the user have access to their home directories and depending on their rights, the user can download, upload, rename, delete folders and files
Esup-portlet-sympa is a simple but efficient portlet that lets the user know the sympa mailing-lists he has subscribed to or is the owner or moderator of
This one is the 2nd version of Esup-annuaire which makes it possible for the user to search through an LDAP directory to get information on specific people or structures. It also has a geolocation feature to get directions from wherever you are to the office of the service or person you looked for.
The following 2 portlets work wih Nuxeo. This one is used to browse and search through a Nuxeo worspace taking into account the user’s rights.
The second one is used to display the nuxeo dashboard of a user with a list of their documents.
The one lets users manage and launch big blue button sessions directly from the portlet and they can also send e-mail invitation to other users.
This one displays the list of files uploaded by a user on their filex account and their disk space usage. As of today, this only works with a filex using shibboleth authentication
For those who don’t know, papercut is a print management system so This portlet was created to give users an overview of their papercut account so as you can see here, they can easily know how much credit they have left, how pages they have printed. Besides, they may even add some credit using paybox and also check their past payments
To put it simply this is an enhanced version of the diningPortlet developed by Jasig a few years back. It displays informations about dining halls and also about the food being served daily in one each of them. It has a geolocation feature to easily spot the nearest locations depending on where you are on the campus and it also handles the users’ preferences so a user can choose to mark some restaurants as favorites, etc.
Two of our main portlet are currently under refactoring
This is like a little CMS used for creating and publishing news in universities. In practice, an authorized user can create a news item, add attachments to it, set publication and expiration dates, make it public or private for a specific group of users, etc. News are
dispatched in categories defined by a manager and an RSS feed is produced for each one of those categories. I didn’t have a screenshot of the WIP so I just used a screenshot of the old version…
The last one is esup-lecture which is an XML aggregator mostly used to display news from RSS feeds depending on the user’s profile.They can mark news as read or unread, choose to only display unread items etc.
All of those portlets are already Other portlets based on our institutions’ solutions are also available on our github repository so feel free to look into them if you want… I didn’t think it’d be relevant to talk about them during this presentation
Well, we keep developing new services and we also would like to improve the user interface of existing ones so we thought it’d great to make them responsive so it seemed to us like the most logical thing to do was to use Twitter Bootstrap to achieve that… so that’s what we did
But the thing is, we found out it wa not as simple as we first thought
Why? Because Bootstrap uses media-queries which means that the resulting layout depends on the width of the window…
So let’s just say that we have a window about 1600pixels wide… Bootstrap will consider rightfully so that we are in a « large » context… so evenually, a portlet wich takes only a third of the total width will also be displayed as if in a large mode
We also plan on packaging the future releases of uPortal and besides all of that, we have some really interesting stuff coming up like our own marketplace to promote all the solutions coming from the ESUP community, new projects in the incubator and we hope to soon release the new version of Agimus which is a project designed to collect statistics from different solutions like uportal, moodle, etc. and gather them on local, regional and national levels.
