Im Vorfeld des WordCampWordCamp WordCamps sind ungezwungene, lokal organisierte Konferenzen, die sich mit allem rund um WordPress beschäftigen. Sie gehören zu den Orten, an denen die WordPress-Community zusammenkommt, um sich gegenseitig zu vermitteln, was sie im Laufe des Jahres gelernt hat, und die Freude daran zu teilen. Mehr erfahren. Europe arbeitete das Organisationsteam intensiv daran, WordCamp.org zu verbessern und zu einer Progressive Web App (PWA) zu machen.
Dies wurde in den Tagen vor dem Camp bereitgestelltBereitstellen Code aus einer lokalen Entwicklungsumgebung auf dem Produktionswebserver starten, sodass er für Besucher verfügbar ist., wobei während der Veranstaltung selbst noch Anpassungen vorgenommen wurden. Ziel des Projekts war es, ein MVPMinimal funktionsfähiges Produkt „Ein minimal funktionsfähiges Produkt (MVP) ist ein Produkt mit gerade genug Funktionen, um frühe Kunden zufriedenzustellen und Feedback für die zukünftige Produktentwicklung zu liefern.“ – Wikipedia für das WordCamp Europe 2019 bereitzustellen und anschließend schrittweise daran weiterzuarbeiten, damit die PWA-Funktionen für alle WordCamps nützlich werden.
Aktueller Status
Die Arbeit an den PWA-Funktionen wurde zunächst als eigenständiges Plugin durchgeführt und inzwischen in das Code-Repository von WordCamp.org integriert. Als zugrunde liegendes Framework wird das PWA-Feature-Plugin verwendet, auf dem zusätzlicher individueller Code aufsetzt. Derzeit ist es nur auf der Website des WordCamp Europe 2019 aktiv, da es noch nicht für eine breitere Nutzung bereit ist.
Die PWA-Funktionen, die die Website verbessern, sind:
- Offline-Inhalte:
- Sobald du eine Seite online besuchst, wird sie auf deinem Gerät gespeichert, sodass du auch offline darauf zugreifen kannst, beispielsweise wenn während der Veranstaltung das WLAN am Veranstaltungsort ausfällt. (Hinweis 1, 2)
- Wenn du offline bist und eine nicht gespeicherte Seite aufrufst, wird dir eine spezielle Seitenvorlage angezeigt, die den Zeitplan enthält. In Zukunft werden dort auch weitere wichtige Informationen wie Datum und Ort der Veranstaltung enthalten sein.
- Caching statischer Ressourcen. Dateien und REST-APIREST-API Die REST-API ist eine Abkürzung für die RESTful Application Program Interface (API), die HTTP-Anfragen verwendet, um Daten abzurufen, zu aktualisieren, zu erstellen und zu löschen. Sie ermöglicht es dem Frontend einer Anwendung (etwa einer „Telefon-App“ oder einer „Website“), mit dem Datenspeicher (etwa einer „Datenbank“ oder einem „Dateisystem“) zu kommunizieren.
https://developer.wordpress.org/rest-api/-Endpunkte, die sich nicht häufig ändern (z. B. CSSCSS CSS ist eine Abkürzung für Cascading Style Sheets. Damit werden Design und Erscheinungsbild einer Website gesteuert., JavaScriptJavaScript JavaScript oder JS ist eine objektorientierte Programmiersprache, die häufig verwendet wird, um interaktive Effekte in Webbrowsern zu erstellen. WordPress verwendet JS in großem Umfang, um eine bessere Benutzererfahrung zu ermöglichen. Während PHP auf dem Server ausgeführt wird, läuft JS im Browser des Benutzers.
https://www.javascript.com und Bilddateien), werden aggressiver zwischengespeichert, sodass Seiten bei späteren Besuchen schneller geladen werden. - Zum Startbildschirm hinzufügen. Du kannst WordCamp.org auf deinem Mobilgerät ähnlich wie eine native App „installieren“, sodass du schnell darauf zugreifen kannst. Besucher, die es installiert haben, können in Zukunft möglicherweise alle Inhalte offline speichern oder auf weitere Verbesserungen zugreifen.
- Ältere Versionen von iOSiOS Das auf iPhones und iPads verwendete Betriebssystem. unterstützen diese Funktion nicht.
Zusätzlich zu diesen herkömmlichen PWA-Funktionen entwickelte das Team auch eine individuelle Seitenvorlage für den „Veranstaltungstag“. Sie kann während der Veranstaltung verwendet werden, um einen Echtzeit-Zeitplan der gerade laufenden und als Nächstes stattfindenden Sessions sowie die neuesten Beiträge aus dem Blog des WordCamps anzuzeigen. Sie steht allen Besuchern zur Verfügung, auch wenn deren Browser zu alt ist, um PWA-Funktionen zu unterstützen.
Abgesehen vom Hinzufügen der Website zum Startbildschirm stehen alle oben genannten Funktionen Besuchern unabhängig vom verwendeten Gerät zur Verfügung und funktionieren auf Desktop-Computern und Laptops genauso wie auf Mobilgeräten.
Einige weitere Funktionen wurden besprochen, konnten jedoch nicht rechtzeitig umgesetzt werden:
- Offline-Caching von Session- und Sprecherinformationen standardmäßig (also ohne die entsprechenden Seiten zuvor besuchen zu müssen)
- Für Mobilgeräte optimierter HeaderHeader Der Header deiner Website ist normalerweise das Erste, was Besucher wahrnehmen. Der oben auf deiner Seite befindliche Kopfbereich oder Header gehört zum Erscheinungsbild deiner Website. Er kann die Meinung eines Besuchers über deine Inhalte sowie über deine Marke oder die deiner Organisation beeinflussen. Außerdem kann er auf verschiedenen Bildschirmgrößen unterschiedlich aussehen. und Footer
- Push-Benachrichtigungen für bevorstehende Sessions, die der Benutzer als Favoriten markiert hat
- Push-Benachrichtigungen für wichtige Ankündigungen
Vielen Dank an alle, die am PWA-Projekt beteiligt waren, sei es durch das Erstellen von Designs, Feedback zu Wireframes, Beratung, das Einbringen von Ideen oder das Schreiben von Code:
@mburridge, @ziontrooper, @avillegasn, @Iceable, @tfrommen, @macloune, @marcusjwilson, @vdwijngaert, @westonruter, @hlashbrooke, @iandunn, @tjnowell, @jb510, @coreymckrill, @andreamiddleton, @sippis, @melchoyce, @karmatosed, @garyj, @webcommsat
Rückblick auf den Prozess
Da das WordCamp Europe nun vorbei ist, wäre es hilfreich, den Entwicklungsprozess und den gesamten Verlauf zu betrachten. Wenn du in irgendeiner Form an dem Projekt beteiligt warst, wäre dein Feedback hierzu daher wertvoll. Bitte beantworte in einem Kommentar unten die folgenden Fragen:
- Was lief beim PWA-Entwicklungsprojekt gut? (Was sollte fortgeführt werden?)
- Was lief deiner Meinung nach nicht so gut? (Was sollte beendet werden?)
- Was könnten wir deiner Meinung nach bei der Entwicklung neuer Funktionen oder Tools für WordCamp.org anders machen? (Welche neuen Dinge/Praktiken sollten begonnen werden?)