Kiebitz Web Applications (for users, providers and mediators). Still a work-in-progress, use with care!
Home Page: https://kiebitz.eu/
License: GNU Affero General Public License v3.0
To optimize the UI/UX of the user app we should probably think about improving the signup/login and appointment booking flow, especially since the process has changed with the last version of the software.
Es sollen viele Termine gleichzeitig angelegt werden können.
Beispiel aus Frankfurt:
Montag bis Freitag 7 bis 21 Uhr im Impfzentrum
alle 3 Minuten je 5 Slots Biontech oder Moderna
(1200 Termine pro Tag)
Montag bis Freitag 9 bis 15 Uhr in der Hauptwache
alle 10 Minuten je 1 Slot Moderna
(60 Termine pro Tag)
Wenn ich aber für das Impfzentrum einen zweiten Impfstoff brauche, lege ich im Zweifel eine zweite Reihe Termine an, Beispiel Impfzentrum:
Montag bis Freitag 7 bis 21 Uhr im Impfzentrum
alle 3 Minuten je 5 Slots Biontech
alle 3 Minuten je 1 Slot Moderna
Aktuell gibt es im Impfselektor nur ja oder nein Auswahlfelder.
Zukünftig braucht es Auswahlfelder mit mehreren Optionen, z.b:
Alter:
unter 5
5 bis 11
12 bis 18
18 bis 29
30+
Auswahlfeld mit mehreren Optionen anlegen
Mit Mehrfachauswahl
verfügbar, muss der Fragebogen zu beginn überarbeitet werden.
z.B.
Wenn im Kalender der Impftag ausgewählt wird, kann immer nur ein späterer Tag als der vorher ausgewählte genommen werden, jedoch kann ich nicht vom z.B. 23.2. auf den 16.2. zu springen.
in FF 96.0.3 (64-bit)
Aktuell wird gefragt, ob die letzte Impfung x-Monate zurückliegt. Relevant ist jedoch der Tag der Impfung. Außerdem muss mit 1-2 Tagen Ausfallzeiten wegen Impfreaktionen gerechnet werden, hier wird gern im Voraus geplant.
Für das Testing in Apps brauchen wir Fixtures/eine einfache Möglichkeit, Szenarien zu erstellen.
The elements should be setup like this. At least to me they seem more understandable this way.
As far as the strings already exist they have been adjusted in weblate.
For now I would work with the actual Numbers as this visualises a bit, that one needs 2 pieces of information from 2 steps of doing thigns
Das Kalenderverhalten ist inkonsistent
Wenn ich den Tag für die Impfung auswählen möchte wird in FF 96.0.3 der Kalender mit angezeigt.
Aktuell ist der Buchungsweg noch auf dem Prototypen basierend.
In Frankfurt gibt es es einen anderen Buchungsweg, der mit einem bereits definierten Ort arbeitet.
Zur Unterscheidung der geeigneten Impfstellen ist die Abfrage von Parametern notwendig.
Sobald impfen/services-inoeg#33 gelandet ist
Blocked by #50
If/when we have a better UI/UX we should implement it by modifying CSS & components.
At the moment, we are "stating" (via package.json's "browserslist") that we are supporting browserslist defaults. These are, at the time of writing:
and_chr 96
and_ff 94
and_qq 10.4
and_uc 12.12
android 96
baidu 7.12
chrome 96
chrome 95
chrome 94
chrome 93
chrome 92
edge 96
edge 95
edge 94
firefox 94
firefox 93
firefox 92
firefox 91
firefox 78
ie 11
ios_saf 15
ios_saf 14.5-14.8
ios_saf 14.0-14.4
ios_saf 12.2-12.5
kaios 2.5
op_mini all
op_mob 64
opera 81
opera 80
opera 79
safari 15.1
safari 15
safari 14.1
safari 13.1
samsung 15.0
samsung 14.0
To ease our lives and minimize package-size in frontend, I would suggest to drop at least:
safari 13.1, ie 11, op_mini all, op_mob 64, ios_saf 12.2-12.5, firefox 78, kaios 2.5, samsung 14.0, and_qq 10.4, and_uc 12.12, baidu 7.12
Most of them wont be (completely) supported anyways so dropping them would simply reflect reality.
Alle Impfstellen impfen meistens nach den geltenden Impfempfehlungen der STIKO, es gibt aber immer wieder lokale Abweichungen.
Impflinge möchten oftmals von den STIKO-Empfehlungen abweichende Impfungen erhalten, z.B. für Altersgruppen für die noch keine Empfehlung für die Impfung erhalten haben oder früher eine Boosterimpfung erhalten.
Bestimmte Parameter, wie Beobachtungszeit {followuptime_min} und die Zeit die seit einer Impfung vergangen sein muss, damit eine Auffrischungsimpfung wahrgenommen werden kann {XMonthSinceLast} soll einstellbar sein.
XMonthSinceLast auf Kreis oder Landesebenefollowuptime_min je ImpfstelleZu beachten ist, dass z.B. auf dem Startbildschirm ebenso die Zeit, die vergangen sein muss, bis erneut geimpft werden darf, angegeben wird. Dies kann also nicht von Impfstelle zu impfstelle verschieden eingegeben werden. Die Nachbeobachtungszeit wird hingegen erst nach der Buchung angezeigt, diese kann also individuell pro Impfstelle konfiguriert werden.
The date choice modal seems to include limits of available dates. Okay, but that means switching months changes the day and vice versa
Examples:
Expected behavior: allow entry of any date, get feedback later
Bei der Buchung
wird im Schritt https://dev-cd.impfterm.in/finder/appointment/
die Möglichkeit gegeben, dass Impfstelle und auch das Zeitfenster für den gewünschten Impftermin ausgewählt werden können.
Dies sollte mit kleinen Beschriftungen angezeigt werden.
Links: "Impfstelle ändern"
Rechts: "Tag auswählen"
Sobald impfen/services-inoeg#32 gelandet ist
We should check the accessibility of the user app and fix any accessibility problems.
Quellen:
Wie logge ich mich korrekt ins Impfportal ein?
Mit Ihrer Registrierungsbestätigung, die Sie per Mail erhalten haben, wurde Ihnen per SMS Ihr Zugangspasswort mitgeteilt. Bitte beachten Sie, dass Ihr Anmeldename im PVS-Impfportal immer exakt die von Ihnen bei der Registrierung angegebene E-Mail-Adresse ist (achten Sie dabei auf Groß- und Kleinschreibung).
Aus Sicherheitsgründen werden Sie im Anmeldeprozess jeweils nach einer M-Tan gefragt, die Sie automatisch per separater E-Mail erhalten. Bitte achten Sie darauf, dass diese E-Mail nicht im Spam- bzw. Junk-Ordner Ihres E-Mail-Postfaches liegt. Auch weisen wir darauf hin, dass eine M-Tan nach max. 5 Minuten ihre Gültigkeit verliert.
Sollten Sie aufgrund einer mehrfach falschen Eingabe des Passworts o. ä. einmal vom System gesperrt werden, senden Sie bitte eine kurze Mail an [email protected]. Nach Überprüfung werden Sie wieder freigeschaltet. In diesem Falle melden Sie die erfolgten Impfungen im Portal bitte nach.
Sobald impfen/services-inoeg#31 gelandet ist
Ich möchte Fragen hinzufügen, Fragen ausblenden, Fragen einblenden, die Antworten mit Links versehen, Text fett oder kursiv (evtl farblich) markieren können, damit ich schnell auf Änderungen reagieren kann.
Vorschlag: es gibt bestimmt eine standardmäßige Implementierung eines wysiwyg-editors à la wikipedia?
Integrate hardening from https://github.com/impfen/kubernetes/blob/main/container/apps-inoeg/Dockerfile so the CI/CD pipeline becomes more streamlined.
Wenn ich den Tag für die Impfung auswählen möchte wird in FF 96.0.3 der Kalender mit angezeigt.
Konsolenoutput:
BackgroundUpdate: maybeScheduleBackgroundUpdateTask: exiting after uncaught exception in maybeScheduleBackgroundUpdateTask!
Exception { name: "NS_ERROR_FAILURE", message: "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE)
[nsIWinTaskSchedulerService.registerTask]", result: 2147500037, filename: "resource://gre/modules/TaskSchedulerWinImpl.jsm",
lineNumber: 51, columnNumber: 0, data: null, stack: "registerTask@resource://gre/modules
/TaskSchedulerWinImpl.jsm:51:16\nregisterTask@resource://gre/modules/TaskScheduler.jsm:136:18
\n_registerBackgroundUpdateTask@resource://gre/modules/BackgroundUpdate.jsm:289:38\n", location:
XPCWrappedNative_NoHelper }
BackgroundUpdate.jsm:519
TopSitesFeed: Failed to fetch data from Contile server: NetworkError when attempting to fetch resource. TopSitesFeed.jsm:207
Content Security Policy: Ignoring "'unsafe-inline'" within script-src or style-src: nonce-source or hash-source specified 5
Content Security Policy: Ignoring "'unsafe-inline'" within script-src or style-src: nonce-source or hash-source specified 2
The Web Console logging API (console.log, console.info, console.warn, console.error) has been disabled by a script on this page.Aus den gemachten Angaben über die zu Impfende Person ergibt sich gemäß aktueller Empfehlungen eine Impfung mit
XX& oder XX. Dies wird bei den Terminvorschlägen berücksichtigt.
XXist die Liste der aktuell möglichen Impfstoffe, verketten mit,|oder.
Falls aktuell keine Termine verfügbar sind wird zusätzlich je case angezeigt *Quasi eine Stringverknüpfung:
Innerhalb von 7 Tagen nach dem aktuell ausgewählten Datum steht momentan leider kein Termin mit empfohlenen Impfstoffen zur Verfügung. Bitte versuchen Sie es später erneut, oder ändern Sie das Datum.
In der aktuell ausgewählten Impfstelle steht innerhalb von 7 Tagen nach dem aktuell ausgewähltem Datum momentan leider kein Termin mit empfohlenen Impfstoffen zur Verfügung. Bitte versuchen Sie es später erneut. Sie können auch die
[Impfstellenauswahl ändern](link zurückgehen zur anpassung)oder ein anderes Datum wählen.
Now-30 minuten² ausgewähltInnerhalb von 7 Tagen nach dem aktuell ausgewählten Datum steht momentan in der ausgewählten Impfstelle leider kein Termin mit empfohlenen Impfstoffen zur Verfügung. Bitte versuchen Sie es später erneut. Sie können auch ein anderes Datum wählen, oder die
[Impfstellenauswahl ändern](link zurückgehen zur anpassung).
Bspw. für Error- und Successmeldungen oder die Absage eines Termins.
Gebuchte Termine sollen durch Impflinge bearbeitet (abgesagt) bzw. deren Aktualität geprüft werden können.
Aktuell haben wir von Seiten des Datenschutz' nur eine problemlose Freigabe für eine Variante ohne E-Mail. Erhebung von E-Mail oder anderen Kommunikationsverbindungen bedarf einer Klärung mit dem Datenschutz.
Currently the JS bundle is loaded without an integrity tag. Since it is distributed together with the HTML files this is not a large issue, still it would be nice to provide integrity tags for the app.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.