A long time ago in an University far far away in Bologna
This is a modal window.
The media could not be loaded, either because the server or network failed or because the format is not supported.
Formal Metadata
| Title |
| |
| Title of Series | ||
| Number of Parts | 44 | |
| Author | ||
| License | CC Attribution 3.0 Germany: You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor. | |
| Identifiers | 10.5446/60227 (DOI) | |
| Publisher | ||
| Release Date | ||
| Language | ||
| Production Place | Namur, Belgium |
Content Metadata
| Subject Area | ||
| Genre | ||
| Abstract |
|
Plone Conference 202216 / 44
10
14
22
23
26
27
40
00:00
Turtle graphicsText editorLevel (video gaming)AuthorizationCuboidRootInstance (computer science)Interface (computing)TesselationElectronic mailing listData managementSource codeField (computer science)Computer fileTable (information)Web pageProjective planeWebsitePlanningPoint (geometry)Human migrationPresentation of a groupClique-widthMereologyProof theoryUsabilityEmailMultiplication signRule of inferenceIterationGraph coloringProgram slicingMappingVideoconferencingImage resolutionOrder (biology)Different (Kate Ryan album)Moment (mathematics)Filter <Stochastik>Digital watermarkingLetterpress printingLibrary catalogDemo (music)Attribute grammarContext awarenessTheory of relativityFunctional (mathematics)Query languageRepository (publishing)TrailPlastikkarteDecision tree learningCentralizer and normalizerContent (media)Latent heatLink (knot theory)Revision controlDimensional analysisHypermediaSheaf (mathematics)Uniform resource locatorTask (computing)Web 2.0Subject indexingStudent's t-testSynchronizationType theoryFile formatForm (programming)Category of beingPower setSquare numberBackupService (economics)Universe (mathematics)Event horizonImage registrationInformation securityProcess (computing)Degree (graph theory)Bookmark (World Wide Web)Speech synthesisView (database)Information privacyState of matterTemplate (C++)Data structureMobile appMedical imagingTerm (mathematics)Computer fontScaling (geometry)CodeComputer configurationPattern languageWeb-DesignerHome pageGraphic designCustomer relationship managementComputer programmingProfil (magazine)Hash functionQueue (abstract data type)INTEGRALPosition operatorGoogle AnalyticsStatisticsCASE <Informatik>Musical ensembleAreaAddress spaceGroup actionPhysical systemProduct (business)SpacetimeRight angleRenewal theoryDynamical systemTouch typingNewsletterStandard deviationPay televisionBitSelectivity (electronic)Integrated development environmentPhysical lawComputer iconVertex (graph theory)SubsetOcean currentDirection (geometry)Orientation (vector space)System administratorWeb browserGUI widgetOperator (mathematics)Directed graphAxiom of choiceCondition numberObject (grammar)Formal languageDescriptive statisticsDisk read-and-write headReal numberStructural loadCountingTraverse (surveying)NumberSoftware maintenanceMaxima and minimaMetadataOptical disc driveDefault (computer science)Point cloudGoodness of fitThumbnailCloningFigurate numberEndliche ModelltheorieSet (mathematics)Wave packetSoftware developerStaff (military)Computer animation
01:06
Hill differential equationUniformer RaumPlane (geometry)Goodness of fitWeb-DesignerMultiplication signUniverse (mathematics)Lecture/Conference
01:42
Manufacturing execution systemProjective planeCloningSoftware developerWebsiteFigurate numberComputer animation
02:16
Web pageView (database)Text editorLecture/Conference
02:46
MassRepository (publishing)WebsiteInterface (computing)Object (grammar)Computer animation
03:25
Right angleProjective planeWeb pageText editorLecture/ConferenceSource code
03:55
WebsiteTesselationData structureDifferent (Kate Ryan album)MultiplicationReal numberCloningProjective planeLatent heatObject (grammar)Multiplication signField (computer science)Formal languageText editorContent (media)Lecture/Conference
04:38
Universe (mathematics)WebsiteGraphic designMereology
05:08
Computer-generated imageryInformation securityUniverse (mathematics)WebsiteLatent heatGraphic designData storage deviceMultiplication signRule of inferenceProjective plane
05:39
Information securityHill differential equationUsabilityText editorProjective planeEvent horizonWebsiteMedical imagingComputer fileWeb pageLecture/Conference
06:26
Limit (category theory)Network topologyComputer-generated imageryCuboidContent (media)Medical imagingInstance (computer science)Interface (computing)
06:59
Network topologyLevel (video gaming)Text editorRootLatent heatType theoryMedical imagingLecture/Conference
07:29
GUI widgetFinitary relationMenu (computing)Data structureNormed vector spaceMusical ensembleForm (programming)EmailLogical constantSoftwarePerformance appraisalConsistencyTask (computing)Internet service providerWhiteboardRankingGenderExplosionObservational studyGroup actionInformationDegree (graph theory)Computer programLatent heatGUI widgetType theoryCustomer relationship managementContent (media)Web pageCuboidComputer fileElectronic mailing listLecture/ConferenceComputer animation
08:40
Standard deviationFingerprintTask (computing)Performance appraisalMusical ensembleLogical constantCodeEmailDirectory serviceWhiteboardSoftwareHausdorff dimensionExtension (kinesiology)Term (mathematics)Latent heatStudent's t-testPhysical systemElectronic mailing listField (computer science)Source codeEmailUniverse (mathematics)Universal product codeCuboidComputer animation
09:37
Performance appraisalPhysical systemMusical ensembleMenu (computing)Maxima and minimaFingerprintTask (computing)WhiteboardStandard deviationLogical constantData structureComputer wormService (economics)Mixed realityWeb pageTable (information)Link (knot theory)Source codeLecture/Conference
10:18
AnalogyMeta elementPrice indexTheory of relativityTable (information)Web pageAttribute grammarContext awarenessFunctional (mathematics)Library catalogQuery language
10:50
Projective planeMedical imagingPresentation of a groupTrailText editorVideoconferencingWebsiteCentralizer and normalizerRepository (publishing)Lecture/ConferenceMeeting/Interview
11:21
Level (video gaming)Decision tree learningRevision controlImage resolutionOrder (biology)VideoconferencingDifferent (Kate Ryan album)HypermediaField (computer science)Letterpress printingDigital watermarkingMeeting/InterviewLecture/Conference
12:04
VideoconferencingMoment (mathematics)VideoconferencingFilter <Stochastik>Sheaf (mathematics)Home pageTrailPresentation of a groupDecision tree learningStudent's t-testLecture/ConferenceMeeting/InterviewComputer animation
13:02
Digital watermarkingText editorSelectivity (electronic)Computer animation
13:42
MetadataDescriptive statisticsImage resolutionDecision tree learningNumberLink (knot theory)ThumbnailComputer animationLecture/Conference
14:16
VideoconferencingNormed vector spaceDigital watermarkingText editorMedical imagingPresentation of a groupSheaf (mathematics)VideoconferencingComputer animation
14:53
Arc (geometry)VideoconferencingComputer programComputer wormHypermediaDecision tree learningImage resolutionTerm (mathematics)Condition numberHypermediaComputer animation
15:34
Pole (complex analysis)Time zoneComputer-generated imageryComputer fontMaxima and minimaRotationProgrammschleifeThermal expansionScaling (geometry)Computer fileEmailText editorMedical imagingTouch typingPoint (geometry)Digital watermarkingProgrammschleifeProcess (computing)Computer fontDegree (graph theory)Image resolutionCodeComputer animation
16:55
IcosahedronComputer-generated imageryFile formatSquare numberBookmark (World Wide Web)Orientation (vector space)Subject indexingFile formatWebsiteBookmark (World Wide Web)Medical imagingLecture/ConferenceSource codeMeeting/Interview
17:48
Plane (geometry)Server (computing)Universe (mathematics)WebsiteSoftware maintenanceStaff (military)Information securityEndliche ModelltheorieWave packetService (economics)Text editorLecture/Conference
18:35
Plane (geometry)WebsiteTesselationProjective planeData managementProcess (computing)Lecture/Conference
19:15
Process (computing)Gamma functionLink (knot theory)Text editorData managementDisk read-and-write headFormal languageEmailMathematicsWebsiteLecture/Conference
20:01
Menu (computing)Revision controlHome pageElement (mathematics)MetreEmailLink (knot theory)Text editorWebsitePoint (geometry)Universe (mathematics)Graph coloringXML
20:54
Hill differential equationUniform resource locatorComputer-generated imageryWebsiteText editorGraph coloringEmailTesselationType theoryCuboidLecture/ConferenceComputer animationMeeting/Interview
21:40
Dynamic random-access memoryMedical imagingTesselationText editorWebsiteStatisticsComputer animationLecture/Conference
22:14
Product (business)WebsiteText editorProfil (magazine)Product (business)StatisticsField (computer science)INTEGRALSource code
23:00
Hill differential equationDegree (graph theory)WebsiteWeb pageEvent horizonComputer programmingDegree (graph theory)Revision controlWebsiteWeb pageMeeting/InterviewLecture/ConferenceComputer animation
23:41
Plane (geometry)World Wide Web ConsortiumText editorPattern languageCentralizer and normalizerWebsiteDegree (graph theory)Computer programmingType theoryDifferent (Kate Ryan album)Latent heat
24:12
Form (programming)World Wide Web ConsortiumGamma functionWeb pageUniform resource locatorContent (media)Abelian categoryUser profileComputer programMobile appText editorWebsiteWeb pageComputer configurationLecture/ConferenceComputer animation
24:47
Single-precision floating-point formatDegree (graph theory)Template (C++)Web pageWebsiteUniform resource locatorMusical ensembleInformationAbelian categoryMobile appMach's principleFrequencyPlane (geometry)Computer-generated imageryStress (mechanics)Digital photographyWebsiteDegree (graph theory)Content (media)TesselationMedical imagingText editorElectronic mailing list
25:33
Computer-generated imageryVideoconferencingWeb pageElement (mathematics)Sheaf (mathematics)FrequencyWorkstation <Musikinstrument>Lemma (mathematics)Asynchronous Transfer ModeCivil engineeringDegree (graph theory)WebsiteWorld Wide Web ConsortiumForm (programming)Abelian categoryStatisticsMobile appTemplate (C++)Content (media)Text editorLink (knot theory)Electronic mailing listWeb pageComputer animation
26:03
Degree (graph theory)WebsiteElement (mathematics)Link (knot theory)Sheaf (mathematics)FrequencyCivil engineeringWorkstation <Musikinstrument>Computer-generated imageryService (economics)Directory serviceEmailEntire functionAliasingDigital photographyWebsiteAreaInformationLatent heatContent (media)Web pagePosition operatorComputer fileXML
27:02
File formatWebsiteDigital filterHill differential equationContent (media)Task (computing)Queue (abstract data type)Computer animationLecture/Conference
27:37
SynchronizationLattice (order)Content (media)Codierung <Programmierung>Web browserElectronic mailing listSynchronizationProcess (computing)Different (Kate Ryan album)View (database)Content (media)Uniform resource locatorOperator (mathematics)Lecture/Conference
28:17
Content (media)GUI widgetObject (grammar)Content (media)TesselationWeb pageTemplate (C++)View (database)WebsiteLecture/Conference
29:09
Maxima and minimaText editorInformation privacyForm (programming)NewsletterGraphic designRenewal theoryLecture/Conference
29:59
Event horizonProjective planeService (economics)Form (programming)Event horizonInformation privacySubsetType theoryPay televisionBitText editorRenewal theoryLecture/Conference
30:48
Information privacyEvent horizonEvent horizonVideoconferencingDifferent (Kate Ryan album)EmailSubsetInformation privacyText editorLecture/Conference
31:34
Event horizonTunisFrequencyBoom (sailing)Musical ensembleModemPower (physics)System programmingData typeSolid geometryState of matterMeasurementAbstractionPhysical systemLevel (video gaming)Reverse engineeringForm (programming)Type theoryBand matrixMach's principleWechselseitige InformationUniform resource locatorInformation privacyChannel capacityWeb pageCubeComputer-generated imageryVideoconferencingInformationLatin squareImage registrationDemo (music)Web pageEvent horizonForm (programming)TesselationNumberImage registrationInformation privacyVideoconferencingDifferent (Kate Ryan album)System administratorSelectivity (electronic)Type theoryComputer animationSource codeXML
32:48
AbstractionLevel (video gaming)FrequencySystem programmingBand matrixShooting methodPhysical systemReverse engineeringDecimalTerm (mathematics)Type theoryDevice driverSoftware developerInformationRobotProcess (computing)CodeOffice suiteIcosahedronGEDCOMForm (programming)Field (computer science)Default (computer science)Set (mathematics)System administratorInformation privacyEmailText editorView (database)XMLComputer animation
34:24
Frame problemGamma functionOctahedronEvent horizonPoint (geometry)Touch typingProcess (computing)Library catalogForm (programming)EmailQuery languageComputer animationSource codeXMLLecture/Conference
35:05
Infinite conjugacy class propertyAddress spaceText editorMessage passingInformation privacyGroup actionEmailForm (programming)Group actionCountingField (computer science)Text editorWebsitePresentation of a groupSystem administratorWeb 2.0Source codeXMLLecture/ConferenceMeeting/Interview
36:18
Structural loadPlanningProduct (business)Point cloudLecture/Conference
36:49
Optical disc driveTrailBackupService (economics)Text editorInformation privacyPhysical systemLecture/Conference
37:21
Hill differential equationTorusWebsiteContent (media)SpacetimeDigital libraryPower setLibrary catalogMeeting/Interview
38:03
Moment of inertiaProjective planePoint (geometry)Lecture/Conference
38:54
Turtle graphicsComputer animation
Transcript: English(auto-generated)
01:00
far, far away in Bologna presented by Valentina Bolognini and Matteo Parucci. Good afternoon everybody. I am Matteo Parucci and my colleague is Valentina Bolognini. We work at Bologna University as web developers. Today we will talk about some of our war stories from the past.
01:27
Can we go more to the microphones? Yes, sure. A long time ago in a university far, far away in Bologna.
01:42
I do not know if it rings a bell. Seven members of the residents. That is our team. We are two and a half clone developers and the others are on other projects. We started using clones for the university sites. We launched our first small pilot project.
02:02
It was 2010. It was on a clone three dot something. It was hard but we did it. Twelve years later these are some of our figures. We have 29 clone sites and 2,000 clone subsites. We manage 500,000 pages edited by 4,000 editors.
02:24
And we receive 59 million visits and 147 page view per year. Let's see some of the planets we explored. The first few will be only mentioned by name because they are not very relevant anymore.
02:45
Episode one was the pilot project Scinta d'Albozzi. And it was basically a repository of historical female scientists. Our main objectives were to learn as much as possible
03:01
and to decide if it could be the tool that we would have used in the future for the other sites. We used clone three and the search interface was implemented with a slightly customized EEA face navigation.
03:23
It was implemented full text search. And it was a simple project but we were able to learn a lot. And we also were able to evaluate that clone. Yes, it was the right tool for us.
03:41
One year later, episode two, the department sites, we needed to create very flexible pages that allowed our editors to change the look and feel of the page quite easily. There were no tiles obviously at the time so we had to implement and hack something together.
04:08
We had multiple clone sites for different languages because the structure of the contents were not the same on the English and Italian sites. So we made different clone sites per language.
04:23
And it was the first time we used custom compiled CSS based on the site object fields. It was our first real world project with specifics and editors to ask things.
04:44
Now the graphic design feels quite old but it was redone and it's a spoiler for the following parts of the presentation. Episode three is the university main site.
05:01
In 2013 we were ready for a big step so we migrated the main university website in Plone. It was our first project in Plone 4.3 and we used dexterity for the first time. For the team we used diazo with specific rules to make our graphic design.
05:29
The previous website was in Microsoft CMS so we used the collective transmogrify to migrate the site. We adopted Oracle with storage that was conformed to university security policy.
05:48
It was the first project where we focused our attention on usability for the website editors. It's a really big site with 25,000 pages, 5,000 news and events and 40,000 files and images.
06:07
We had lots of editors that needed to work together so we created custom workflow and used Plone Appiterate for the working copy features.
06:23
We decided to centralize in a specific folder the resources that are referenced in pages. For resource I mean an atomic content like an image, a file, a link, a contact that can be referenced in a page, in a box like a contact box or a slideshow.
06:50
We made folders with marker interface to identify that. For instance we have an image folder with eye image folder interface set to identify them.
07:08
These folders are located at all levels of the navigation tree. We can have an image folder at the root level but we can have an image folder in a
07:21
specific sub-channel so that editors that access only in a specific sub-channel have their own type specific folder. We created a custom relation widget that consent to add only specific type of resource in the folder.
07:47
Now I'll show how it works. This is a custom content type for a page. We add behaviors with a common box like attachment box or contact box.
08:04
With the add reference button we open a specific folder with a list of attachment. This is the nearest folder we want to add the page that we are creating now.
08:21
We have only file with the name and the size. We choose one of them and the file is added to the specific box. Now in the contact box we made the same thing.
08:45
When we use that we automatically see the contacts folder nearest. We have only contacts and we can choose one on the list that we see or we can create a new one.
09:05
For example now I create a new contact that is added in the specific folder. Now I use my university code because it's attached with the university data source.
09:22
I can add some additional field but it took my data from the data source so the name, the email is already in there. We add the box with my name, we can drag and drop the resource or remove that.
09:47
Now the back references. We use backrefs in all the resources in a table after the resource to show all the pages where a specific resource is referenced with the name, link and the status.
10:06
We can easily go to see if we can modify or delete the resource. This is the method that we are using to take the backref.
10:22
It's really simple, in Plone we need to make a query to the catalogue of the relations with find relation function with the attribute to ID set with the target ID of the page that we can take with helper method get ID
10:44
that search the context in the anti-disk catalogue, after them for each relation we return what we need to show in the table. Episode 4, Media Repository.
11:02
In this project we needed to create a central repository for site editors to have a common place to take images, videos and presentation from. Also we needed to implement a cart-like workflow to keep track of the image usage.
11:23
It isn't a real cart because you don't have to pay obviously and also because it doesn't require an approval. It did in the first version but they received too many requests so they asked us to be automatic.
11:43
Also it needed to give different resolutions for video and pictures in order to use for different media. Maybe you want an high resolution picture for the printing or a low resolution picture for the web. The new tools we used, we implemented a custom scaler that added the editorial watermark based on one of the fields of the media.
12:09
Also we implemented a two-level faceted filter that allowed the user to better search the needed resources. At the moment it indexed almost 40,000 media.
12:27
That's a small video. Here we are in the homepage. You have a picture section where you can search for the most used filters. The video section works more or less the same way and there is the presentation section that is outside of the cart.
12:48
It's a direct download. It doesn't need the two track requests. In the picture section, I can filter for subject and I get student pictures.
13:05
Maybe I only want horizontal picture because they fit better my layout so I remove the vertical, selecting format, horizontal. After that, maybe I want pictures that were taken outside so I choose environment.
13:23
It's only in Italian because our editor is Italian. You have infinite scroll. When you open the picture, you can see the details. This is the editorial watermark that comes from one of the editorial fields. This is the default, University of Bologna.
13:42
These are the tags that are in two levels, category, hash, tag. Here you have the description that is helpful for full-text search. The year that is taken from the EXIF metadata automatically. The available sizes, low and high resolution.
14:02
The copyright, as I said before, and the link or number of requests that this picture had. I can add it to the cart. I can add other pictures to the cart directly from the thumbnail. As you can see, this other picture has another watermark.
14:23
This picture was taken from by Davide Tarsi. Also, it has a request. The editors can link to see the full request with all the pictures that have been requested. This is another image with a different copyright.
14:42
For the picture, that's it. The video section works almost the same way. We can filter for a theme, so we are getting only institutional presentation here. Also, we have here infinite scroll. We choose only English presentation.
15:03
We can open like we saw before and you can add it to the cart. There is a unique cart for all the media. Now we go to the cart and we want to finalize the request. Before I remove the video, because otherwise I would have to download 100 megabytes. I confirm.
15:22
I put a title for the request. The name of my structure, if I want high or low resolution for the pictures. I accept the terms and conditions and I send the request. It gets automatically accepted. The editor receives an email. I can download single images like this or I can download all the images together in a zip file.
15:49
And that's it. Our touch point is about dynamic watermarking.
16:02
This is the piece of code that does the magic. Basically, it's attached to the scanning process and it selects the font size based on the image resolution. So that has the same proportion on all the images.
16:21
After that, it writes on a pill image the editorial text with the font and font size we chosen. It rotates this image by 45 degrees and it loops through the coordinates of the original image.
16:45
Repeating the watermark image on it. After that, it returns the modified image. So we have the image with the watermark attached on it. Another thing is the automatic orientation detection.
17:03
As I said before, all the tags are saved in the subject, in the index. And they have the category, hash, value, format. For example, year, hash, 2015, format, hash, square, etc.
17:21
During the indexing process, we get the image orientation from the ratio. And it can be, as you can see, panoramic if it is very wide. Horizontal, square, vertical, or bookmark if it's very vertical. And basically, that's it. Episode 5.
17:46
Episode 5, Sites on Demand. In 2016, we had lots of websites hosted in servers located all around the university department.
18:03
So we faced with lots of issues of security and maintainability. We decided to centralize this website and create a service for the people that work in the university. We created the Sites on Demand service that allowed editors to create and manage their home website without training for the editor staff.
18:32
We had six types, six models of Sites on Demand. Events, PhDs, Masters, School of Specialization, and the general-purpose website.
18:47
We moved from our experience with collective lineage to create this sub-site in Plun. It was our first project with Plun Tile, which created a custom tile manager and a step-by-step wizard to create and configure the website.
19:13
This is the creation process of the website. It's really simple to create a new site. The editor goes in an online request form, sets some data about the website, like title, description, URL, and language.
19:31
Automatically, a mail is sent to the manager or the head of the department with a link to approve the request.
19:42
In the Plun instance, the website is already created in an approving state, waiting for the approval of the manager. It's only a link the manager needs to click, and the workflow changes because there is a token and you don't need to log in to Plun to make that.
20:12
After the approval, an email is sent to the editor with another link with a wizard step-by-step.
20:23
This is the wizard, only three points. In the first step, you need to insert the title that will become the header of the website. It's really simple. After that, you need to set the colors. We have a palette of three colors and a preview.
20:49
After that, we set the other website editor. We are attached to the university lead-up. Okay, it's ready. There is a guided tour for the editor that explains where to use the website.
21:08
This is the site already created with the color supplied. This is the title in the header. Now I have a teaser title with title, URL, and image, but we have lots of tiles that the editor can use, like maps, videos, or other types.
21:33
So, editors can customize a lot their own website. It's really simple after that we create the tile in the box.
21:46
These buttons are the other tiles that we can add. With the preview button, we can see the site, and it's ready. The editor can publish and manage the site already.
22:06
On Sites on Demand, another need emerged by the editors. They wanted to have a statistic panel to check how the site was doing,
22:22
and what was the most visited content, etc. We integrated with our Matomo on-premise, and we had to create a custom product for integration with the API. Basically, the Matomo profiles are created automatically when the site is created, if the editor chooses to.
22:47
So, he has some field to fill in to have the Matomo profile created. After that, the site starts gathering data, and the editor has a panel button to assess the statistic panel.
23:08
That is an iframe that shows a personalized version of the dashboard of Matomo. In the degree program websites, in 2018, we migrated all the degree program websites in Plone.
23:30
It was emigration from Microsoft SharePoint. It's a really big migration, 73,000 pages in one Plone with 600 subsites.
23:47
In this website, we had the particularity of two different types of editors. We had local editors that worked in a specific degree program website,
24:01
and central editors that needed to publish and create pages in different websites. To do that, we created a primary and a replica pattern.
24:20
The editors created primary content, and a replica is created in all the websites that need the replica. This is an example where we can add the primary page. It's a simple page. We put the title and save.
24:46
This is the option of publication. We can choose if the replica is in all types of degree program, in all campus, or only in one, or in all but not in one website.
25:02
Otherwise, we can choose the specific websites where we need to create the replica. After that, we add the primary content created and a list of custom tiles that the editor can add. Now, I add a text and image tile, and this content is immutable to local editor.
25:30
All the tiles that central editors added here are not modified by the editor in the replica content. This is the list of all replica content that are created. The editor can publish all the contents, and there is a link to go to the replica content.
25:55
Now, in the replica content, the local editor sees the same pages with the immutable parts, but it has
26:05
two or three areas where it can add specific website content because it's necessary to add information about that. This is the preview button. Now, I add some other text, and in this specific case, this text are not in the primary content.
26:29
It's content only for the replica in this specific website, not for only replica. You can add text or in the second column, the contents or files.
26:46
We choose the dimension, the position of the image, and the preview of the site shows the page.
27:03
How we created that? When the primary content is updated, created, or deleted, we need to modify the replica content.
27:23
For that, we use collective task queue that allow to make task in an async queue. When an update or a creation happen, we add the task in the task queue with the add method, with the URL of the browser view method that made the sync.
27:50
When the jobs start, it's called the high primary content adapter sync method that create a different list of replica paths.
28:02
For each of these paths, it made the current operation that we need to do. We have another list with all the paths of all the replicas that we need to create, the delete list with the replica that we need to delete, and all renamed.
28:23
For that, we use prone API methods. For update, we need to change the modification data of the replica content and to reindex the object. For the tiles, we don't copy the tiles of the primary content in all
28:45
the replica content, because we directly show the primary view in the replica content. We have this method that returns the view, and the page template will show directly the tiles of the primary content.
29:07
Episode 2, remastered edition. As I said before, department sites were remade in recent years. We immigrated all the 2011 sites, but also we had other requests.
29:26
The editors wanted to have editorial newsletters and privacy compliant form that deleted data after the expiration date as per GDPR. We also did a full renewal of the graphic design.
29:45
To do that, we needed to do a deep customization collective EasyForms. We created a Unibo EasyForms package that overrides a lot of things.
30:02
Also, we had to integrate with MailApp. That was our selected service to send newsletters. Working with editable forms is hard. That is my takeaway from this project. Basically, the design renewal is what you see. The one on the left became the one on the right, a little bit more modern.
30:30
About the department site's privacy compliant form, we needed that editors wanted to accept event subscription through forms.
30:46
They wanted to choose the kind of privacy that depended on the type of event. Maybe you have events where pictures are taken or videos and the end user must release the permission for this.
31:06
Users, on the other hand, needed to accept different privacy policies. By law, we needed to delete collected data past the expiration date. Also, the editor wanted to be reminded of the data deletion to avoid accidental data deletion.
31:28
Reminded mail needed to be sent days before the removal. Here we have a small demo of the event pages. The event page, I go inside an event and I add a form tile with the title.
31:54
Inside this tile, I can add the effective form that will render as a button that opens the actual form.
32:04
It is the button text. I also have to decide the maximum number of subscribers, the number of people that can be queued, a reference email, that is the administration form email, and the end date for the registration.
32:24
I also have to select a deletion date for the data as per GDPR. As I said before, you can also select different kinds of privacy based on the type of event. Here I am selecting an event with pictures and videos registration and I add the form.
32:52
Now I can see the preview of the form with the default fields. We selected a set of default fields that we show and they are name, address, city, the usual things,
33:06
and recapture that is mandatory. Also, I can open the privacy policy that is a long text with the mail of the administrator of the form to send compliant things.
33:23
This is the edit view of the form. We can add fields. In this example, I add a choice field.
33:41
I can decide if it is required or not. Obviously, I can drag and drop the fields. I can edit the fields. Here I can add the possible values for my choice field. I can remove unwanted fields. The only one I can touch is recapture because it is mandatory.
34:04
Here I move fields around. I remove one field and I save the form. I preview the form. Being tied, the save is not needed. Here I have my new fields. It is really nothing fancy.
34:20
When I submit the form, the editor also gets emailed with all the data that I submitted. The touch point is about data deletion. We created a daily cron job that runs every night.
34:41
It searches the catalog for forms that are about to expire. We have three cases. 15 and two days before deletion, it sends a notification email. On expiration day, it deletes data. We do the relevant query to the catalog.
35:03
We look through the forms. If the days are greater than zero, I send an expiration email. If the days are zero, I delete the data. Here we have the two methods that send an expiration email. That is quite standard.
35:21
I get the mail lost. I set the subject of the email. The from address, that is our web desk support email. The destination, the recipient of the email. The admin email form, the email that I added in the form edit.
35:43
And all the editors of the current site. Then I send the email. The text was way longer than this. It was for presentation reasons. This is the method where I delete data. I traverse the form actions view.
36:01
I get the schema that is named saved data from easy form. And I save the count of the subscribed users. I save it to an actual field of the form that is expired data count.
36:22
I can save this data because it is aggregated data. It is not personal data. And then I remove the data as per load. So, our two plans. You must unlearn what you have learned. We would like to deploy next product on cloud.
36:41
So we would have to unlearn, build out, I hope. You watch your language. So we decide to steal some Python tools. Never tell me the odds. We would like to use Matomo as a service as a backup tracking tool.
37:05
We now have Matomo on premise as main tracking tool. But our editors want to have a backup system. We have removed Google Analytics for the privacy issues. And we would like to replace it with Matomo as a service.
37:27
I hope you know what we are doing. We want to add a new feature on site on demand. Something magic with preferences of user and the content that the user has created a perfect website.
37:49
Traveling through hyperspace ain't like dusting crops. We will have to integrate with this space. To have on the site on demand a digital library catalog.
38:04
Always emotion the future is. We are looking for a suitable project to use drone 6. And goodbye old friend. May the force be with you. It was only no point of future only.
38:23
These are our contacts. Please reach out if you have questions or anything. Thank you. If you have questions, please speak on the mic.
38:52
Thank you.