Social_Community_mit_TYPO3

TYPO3 University Days 2020 | 16.09.2020

Info: Die Slides beinhalten nicht die Slide-Animationen, somit sind einige Inhalte eventuell nicht sichtbar.
Image of slide number 1

Boris Hinzer - Product Owner (Agentur) für das FES Community Portal Projekt

FGTCLB - Agenturverbund mit 5 Standorten in der DACH Region und 100 Web Profis

FES - politische Stiftung > Studienförderung

Image of slide number 2

älteste politische Stiftung in DE

670 Mitarbeiter in DE, sowie ca. 100 Auslandsvertretungen

knapp 3200 Bildungsveranstaltungen in 2019 mit rd. 150.000 Teilnehmern in DE

1.000 Publikationen

Enges Netzwerk der aktuellen und ehemaligen Stipendiat_innen

Image of slide number 3

rd 2900 Studierende in 2019 gefördert

rd. 4000 Onlinebewerbungen jährlich

900 Mentoring Paare

Stipis sind in über 70 Hochschulgruppen (HSGs) organisiert + 18 überregionale Arbeitskreise (AKs)

Image of slide number 4

Studis, Stipis, Ehemalige, Gutachter_innen, MA der Studienförderung

Aufgabe war: “Social Community Plattform - auf der alle Stakeholder zusammen Projekte anstoßen können, sich vernetzen und sich austauschen können”

Datenschutz!!! - alles self-hosted im FES IT Rechenzentrum (!)

Image of slide number 5
Image of slide number 6

Burn Up Chart für Version 1.0

Evtl. Interessant, dass vor Release nochmal ganz viele Issues aus der Beta in den Release gekommen sind

Image of slide number 7

Epic Progress over time

Es gibt noch ne weitere Ansicht, wo man den Mittelabfluss jederzeit je Epic sehen kann

Image of slide number 8

Anzahl der Tickets im Jira (Stand Screenshot: 3747) - Wochenansicht

Man sieht schön, dass Anfang das Backlog gefüllt wurde

Ende 2019 / Anfang 2020 alpha Release

06/2020 - open Beta

23 Versionen seit dem

Image of slide number 9
Image of slide number 10

100% Commitment von alle im Team für das Produkt “Community Portal”

100% Transparenz - jederzeit Zugriff zu Budget / Zeit-Tracking, Mittelabfluss, aber auch Kommentare > zusätzlich RocketChat Channel, Videocalls zu Scrum Events (ja, schon vor Corona)

Warum 97.3% nur agil? Weil wir schonmal den “Fast Path gerade in der beta-Phase gegangen sind” -> “Wer kann flott das machen?”

Image of slide number 11
Image of slide number 12
Image of slide number 13

Login mit der FES Studienförderung (StuFö) bekannten E-Mail Adresse

On-Boarding-Process

Gated Community

aber hier schon Single Sign-On (aus Oracle DB, es gibt keine Personendaten in der TYPO3 Datenbank, Datenschutz!)

Image of slide number 14

Gutachter_innen

Mitarbeiter der StuFö

Image of slide number 15

Dashboard Widgets:

News Widget, Statistik - wird ständig aktualisiert

Meine Gruppen - zeigt direkt an wo ich Mitglied bin

Veranstaltungen - kommen aus der hauseigenen Oracle DB PlaKon, Veranstaltungen können aber auch selbst verwaltet werden

Marktplatz / Stellenbörse - letze Stellen-, Jobs und Praktika

Image of slide number 16

Notification Center

Kann auch aus dem Backend von TYPO3 über die StuFö “gefüttert” werden

Verschiedene Aktionen lösen Notifications aus z.B. Wenn ein neuer Admin einer Gruppe hinzugefügt wurde, oder eine Gruppe (wo ich Mitglied bin eine neue News veröffentlich), Umfragen

Zukunft: Notification Center (granulare Einstellung) und Activity Stream

Image of slide number 17
Image of slide number 18

Personendaten kommen aus der Oracle DB der FES IT

Es gibt ein privates und öffentliches Profil

Man kann selbst einstellen, was andere sehen sollen

Image of slide number 19

- Typische Stammdaten - Man beachte die Privacy Einstellungen

Image of slide number 20

Engagement innerhalb der FES

Engagement gesellschaftspolitisch - z.B. freiwilliges soziales Jahr, TYPO3 Contributions, Vereinsaktivitäten

Image of slide number 21

Studienfächer sind änderbar

Sofern auch hier vorhanden, Anreicherung auf Informationen aus den Daten der FES

Jederzeit ergänzbar

Image of slide number 22

Beispiel Erfassung der Studienfächer, Abschlüsse etc.

Die meisten Hochschulen in Deutschland sind bereits vorhanden + einige internationale Hochschulen

Image of slide number 23

Private Infos die ich teilen kann / möchte, für den Austausch mit anderen > öffentliches Profil

Deaktivierung von 1:1 Chat möglich (Datenschutz)

Interessen dienen später auch für das Matching im Mentoring-Programm

Image of slide number 24
Image of slide number 25

Landeseite: “Meine Gruppen”= dort wo ich Mitglied bin

Sofern ich an einem Ort studiert habe, lade ich in einer HSG = Hochschulgruppen (meist automatisch, kann aber auch beantragt werden)

HSG = ca. 80 Gruppen (meist basierend auf Ort), Hochschulen werden zu Gruppen geplustert

Themengruppe > jederzeit neu beantragter (siehe Box rechts)

Image of slide number 26

Themengruppe: FES Social - Headerbild, Profilbild frei wählbar

Herausforderung: TYPO3 als CMS ok, aber alle wir wollten Daten im Frontend so lean wie es geht bearbeitbar machen

Man beachte: die Module (oben), die Mitgliederanzeige, oder wer ist Admin, Gruppe bearbeiten (sofern ich dort Admin bin)

Nicht im Bild: Umfangreiches Rechtesystem für die Gruppen (also wer darf, wo, was), automatische Zuordnung zu bestimmten Gruppen > Hochschulgruppen, Sync mit diversen Diensten, Notification Abo

Image of slide number 27

Gemischte Inhaltsseite mit diversen Content Elementen

Hier: Links

Image of slide number 28

Content Elemente: Links + Downloads

Downloads gibt’s auch im “Katalog” Layout, also mit geänderten Titelseiten.

Edit Modus mit CKEditor im Frontend (leaner Ansatz)

Image of slide number 29

Edit Modus mit CKEditor im Frontend (leaner Ansatz)

Image of slide number 30

Modul Mitgliederliste

Besonders interessant:

Die Funktion bzw. Gruppe [FES], [STUFO], [Stipi] die ein User zugehörig ist

1:1 Chat - sofern aktiviert

und Kontakt hinzufügen (quasi eine Art Freundesliste oder Social Bookmarks)

Image of slide number 31

Galeriemodul - für beliebig viele Alben innerhalb einer Gruppe

Image of slide number 32

Downloads Modul > Dank Stakeholder Feedback erweitert, nun Sammlung aller Downloads in einer Gruppe

Katalog Modus für PDF gibt’s natürlich auch, so dass die Cover als Bild angezeigt werden

Image of slide number 33

News-Modul

Hier die aktive News in weiß

Inaktive News in grau

Natürlich auch im Frontend editierbar

Image of slide number 34

Besonderes Schmankerl > Umfragetool “t3oodle” (Namensähnlichkeiten sind rein zufälliger Natur)

Umfragen für Daten / Zeiten, Personen (Wahlen), Ja/Nein/Vielleicht - u.v.m.

Gibt’s als Contribution für auf t3oodle.com, Github und TER zum Download

Zukunft: Verbesserte UX - bereits in Arbeit

Image of slide number 35

Flarum als Forum

Auch via Single Sign-On angebunden

Hier: im Foreground-Background-Modus, das Community Portal bleibt im Hintergund, Applikationswechsel durch den roten Button

Image of slide number 36

RocketChat hier im Inline Chat Modus (quasi wie der facebook Messenger)

Gibt es noch im side-by-side Mode, dann kann man Community und Chat in zwei Tabs nutzen

Auch hier RC: self-hosted und damit DSGVO konform

Image of slide number 37

Nein, es gibt vieles mehr aber dafür reicht die Zeit nicht z.B. Mentoring-Programm

Vermutlich könnte ich noch Stunden reden

Noch ein paar Kleinigkeiten….

Image of slide number 38

Gruppen-Wizard für die Anlage neuer (Themen)-Gruppen auch im Frontend

4-Schritte zum Glück ;)

Image of slide number 39

Marktplatz-Modul auf Basis einer Entwicklung von Pixelant, Danke an der Stelle

Besonders interessant hier für Studenten: Literatur, Call for Papers u. Auszeichnungen & Förderangebote

Image of slide number 40

Stellenbörse basiert ebenfalls auf der Pixelant Entwicklung

Image of slide number 41

Hier können Community Mitglieder Stellenangebote, Jobs oder auch Praktika finden

FES ermöglicht aber auch Unternehmen hier Angebote kostenfrei einzustellen

Image of slide number 42

Sehr cooles Feature: Seminarwahl - ist quasi wie ein “virtuelles Barcamp”

Reiche Vorschläge für Seminare / Workshop ein, die können dann gevoted werden. Die mit den meisten Stimmen werden durchgeführt.

Besonderheiten: Je Thema lässt sich die Anzahl der Votes begrenzen, Unterschiedliche Abstimmungsphasen sind zeitlich konfigurierbar

Image of slide number 43

Veranstaltungen - kommen auch direkt aus der Veranstaltungs-DB der FES

Erfassung auch im TYPO3 möglich

inkl. Möglichkeit zu (Vor)Anmeldung

Besonderheiten: Voranmeldung, Motivationsschreiben (Warum möchte ich teilnehmen?), aber auch Kinderbetreuung und Ernährungswünsche

Nicht sichtbar: Export der (Vor)Anmeldungen zur Weiterverarbeitung

Image of slide number 44

Suche umgesetzt mit Solr, natürlich auch mit Suggests

Individuelle optische SERP (Search Engine Result Page - quasi ähnlich wie Google das macht):

Personen > können direkt auf die Kontaktliste hinzu gefügt werden

Gruppen, Veranstaltungen > liefern relevanteste zuerst, weitere Treffer auf Link “alle anzeigen”

Marktplatz und Stellenbörse > Übernimmt also auch die relevantesten Felder und zeigt auch Logo an, sofern vorhanden

Image of slide number 45
Image of slide number 46
Image of slide number 47

TYPO3 im Zentrum, quasi als “Organisationszentrale”

Zukunft: Weitere Dienste / Services z.B: LDAP, Next/ownCloud, Zoom (beide bereits in Arbeit), Webex, Big Blue Button (proof-of-concept bereits fertig für Veranstaltungen), etc sind denkbar - alles modular

Durch TYPO3 als OAuth2 Server können weitere Dienste ohne Probleme angebunden werden

Image of slide number 48
Image of slide number 49

Oauth2 Server für TYPO3 https://github.com/fgtclb/typo3-oauth2-server (ja, es gibt Keycloak o.ä. - aber manchmal braucht / möchte man nicht noch einen weitern Dienst warten… )

T3oodle - https://t3oodle.com

more to come…

Image of slide number 50
Image of slide number 51
Image of slide number 52
Image of slide number 53

b.hinzer(at)fgtclb.com

Image of slide number 54

Copyright 2020 Boris Hinzer