&

Brothers in Arms 
! Frédéric DOOREMONT Univ. du Littoral Côte d’Opale
! Mathilde GUERIN Univ. de La Rochelle
!   Alain ...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
The ESUP-Portail Consortium
!   Objectives
! Strategy
! Organization ...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
3
The ESUP-Portail Consortium
! Overview
!   Since 2002: Project “Dig...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
4
The ESUP-Portail Consortium
! Objectives
!   Facilitate learning an...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
5
The ESUP-Portail Consortium
! Wide range of projects
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
6
The ESUP-Portail Consortium
! Strategy
!   Solutions are open-sourc...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
7
The ESUP-Portail Consortium
! Give access to the institution’s serv...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
8
The ESUP-Portail Consortium
! Organization & Governance
9 people
(i...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
9
The ESUP-Portail Consortium
!   Gatherings:
!   4 meetings a year
!...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
10
The ESUP-Portail Consortium
! A national cause
Ministery
of Higher...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
11
The ESUP-Portail Consortium
! ESUP-Portail in practice
!   9 worki...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
12
The ESUP-Portail Consortium
! Partnership with the Apereo Foundati...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
13
The ESUP-Portail Consortium
!   Feb. 6-7, 2014: Joint conference
!...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
14
The ESUP-Portail Consortium
!   June 2014: Renew convention
!   Ke...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
OAE in France
! History
! Strategy
!   French model
!   First assessm...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
16
OAE in France
! History
!   Feb. 2012: Beginning of the Nakamura t...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
17
OAE in France
!   Jan. 2013: Launch of a demo instance
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
18
OAE in France
!   Since then, we keep maintaining the French trans...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
19
OAE in France
!   Sept. 2013: A convention is signed between the A...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
20
OAE in France
!   Jan. 2014: Workshop in Cambridge
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
21
OAE in France
!   Apr. 2014: Launch of the pilot phase
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
22
OAE in France
!   Our strategy?
!   “We like to keep what is ours”...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
23
OAE in France
!   A big challenge…
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
24
OAE in France
! Strategy implementation
!   Phase #1
Univ. de La R...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
25
OAE in France
! Strategy implementation
!   Phase #2
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
26
OAE in France
! French instance
!   Hosted by the Université de Lo...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
27
OAE in France
!   Server infrastructure
!   1 web server (Nginx)
!...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
28
OAE in France
!   The “OAE-France” team
!   2 engineers from UPMC
...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
29
OAE in France
! First assessments
!   Created tenant
!   Apr. 2014...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
30
OAE in France
! Teaser
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
31
OAE in France
! Widget development
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
The potpourri part
!   uPortal in France
! Portlet showcase
!   Works...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
33
55%
uPortal in France
!   Portal deployment in France (June 2014)
...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
34
uPortal in France
!   Mar. 2013: release of the 1st esup-uportal-v...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
35
Portlet showcase
! esup-twitter
!   Display the Twitter timeline o...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
36
Portlet showcase
! esup-filemanager
!   Give users access to their...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
37
Portlet showcase
! esup-portlet-sympa
!   Display the mailing-list...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
38
Portlet showcase
! esup-annuaire2
! Search through an LDAP directo...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
39
Portlet showcase
! esup-portlet-intranet
!   Browse/Search through...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
40
Portlet showcase
! esup-ecm-dashboard
!   Display the user’s Nuxeo...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
41
Portlet showcase
! esup-portlet-bigbluebutton
! Lets the user crea...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
42
Portlet showcase
! esup-portlet-filex
!   Display the user’s Filex...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
43
Portlet showcase
! esup-papercut
!   Display users’s PaperCut acco...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
44
Portlet showcase
! esup-dining-portlet (WIP)
!   The next-gen Dini...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
45
Portlet showcase
! esup-news (refactoring in progress)
!   Create,...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
46
Portlet showcase
! esup-lecture (refactoring in progress)
! Aggreg...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
47
Portlet showcase
!   Plus several portlets based on French institu...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
48
Responsive Portlets
!   Upgrading portlets or developing new ones?...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
49
Responsive Portlets
! Boostrap uses media-quieries, so what?!
! wi...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
50
Responsive Portlets
!   What we would like to get…
Header
Navigati...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
51
Responsive Portlets
!   How to do that? *scratching head*
=> Make ...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
52
Responsive Portlets
!   Everything else (grid system, etc.) remain...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
53
Responsive Portlets
!   What we’ve done so far…
!   Generated a cu...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
54
Responsive Portlets
!   Remaining issues :(
!   When drag-and-drop...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
55
uMobile
! Objectives
!   Enhance the Cordova version of uMobile
! ...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
56
uMobile
!   Implementing Push Notifications
!   Use AeroGear Unifi...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
57
Authentication
! Objectives
!   Improve authentication mechanism f...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
58
Authentication
! Proof of Concept
!   CAS add-on
https://github.co...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
59
Things to look forward to…
!   Portlets
!   Develop new services
!...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
60
Things to look forward to…
!   uPortal
!   Provide a package for u...
Apereo & ESUP-Portail: Brothers in Arms
June 4, 2014
61
Thank you for your attention!
! Questions?
Upcoming SlideShare
Loading in …5
×

Apereo & ESUP-Portail: Brothers in Arms

495 views
354 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
495
On SlideShare
0
From Embeds
0
Number of Embeds
38
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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.
  • Apereo & ESUP-Portail: Brothers in Arms

    1. 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. 2. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 The ESUP-Portail Consortium !   Objectives ! Strategy ! Organization & Governance ! Partnership with Apereo
    3. 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. 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. 5. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 5 The ESUP-Portail Consortium ! Wide range of projects
    6. 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. 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. 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. 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. 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. 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. 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. 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. 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. 15. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 OAE in France ! History ! Strategy !   French model !   First assessment
    16. 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. 17. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 17 OAE in France !   Jan. 2013: Launch of a demo instance
    18. 18. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 18 OAE in France !   Since then, we keep maintaining the French translation
    19. 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. 20. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 20 OAE in France !   Jan. 2014: Workshop in Cambridge
    21. 21. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 21 OAE in France !   Apr. 2014: Launch of the pilot phase
    22. 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. 23. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 23 OAE in France !   A big challenge…
    24. 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. 25. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 25 OAE in France ! Strategy implementation !   Phase #2
    26. 26. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 26 OAE in France ! French instance !   Hosted by the Université de Lorraine
    27. 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. 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. 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
    30. 30. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 30 OAE in France ! Teaser
    31. 31. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 31 OAE in France ! Widget development
    32. 32. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 The potpourri part !   uPortal in France ! Portlet showcase !   Works in progress
    33. 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. 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. 35. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 35 Portlet showcase ! esup-twitter !   Display the Twitter timeline of a specific user
    36. 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. 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. 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. 39. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 39 Portlet showcase ! esup-portlet-intranet !   Browse/Search through Nuxeo workspaces
    40. 40. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 40 Portlet showcase ! esup-ecm-dashboard !   Display the user’s Nuxeo dashboard
    41. 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. 42. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 42 Portlet showcase ! esup-portlet-filex !   Display the user’s Filex account
    43. 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. 44. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 44 Portlet showcase ! esup-dining-portlet (WIP) !   The next-gen DiningPortlet
    45. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 61. Apereo & ESUP-Portail: Brothers in Arms June 4, 2014 61 Thank you for your attention! ! Questions?

    ×