Improve homepage.

This commit is contained in:
Daniel Kraus 2015-09-06 18:14:06 +02:00
parent 95dfa95562
commit a290de26e7
3 changed files with 297 additions and 159 deletions

BIN
www/img/firstrun.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

View File

@ -10,6 +10,10 @@
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jumbotron-narrow.css" rel="stylesheet"> <link href="css/jumbotron-narrow.css" rel="stylesheet">
<style>
h5 { font-weight:bold; }
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
@ -22,12 +26,24 @@
das die Zentrale Arztbriefablage um Funktionen für das Formatieren von das die Zentrale Arztbriefablage um Funktionen für das Formatieren von
Laborwerten erweitert."> Laborwerten erweitert.">
<link rel="icon" type="image/png" href="img/icon.png"> <link rel="icon" type="image/png" href="img/icon.png">
<style>
floatbox {
padding: 0;
margin: 0 0.5em;
}
</style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="header clearfix"> <div class="header clearfix">
<nav> <nav>
<ul class="nav nav-pills pull-right"> <ul class="nav nav-pills pull-right">
<li>
<a href="#anleitung">Anleitung</a>
</li>
<li>
<a href="#anpassen">Anpassen</a>
</li>
<li> <li>
<a href="downloads/">Download</a> <a href="downloads/">Download</a>
</li> </li>
@ -58,178 +74,300 @@
</p> </p>
</div> </div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">Vorher</h2>
</div>
<div class="panel-body">
<img class="img-responsive center-block" src="img/vorher.png" alt="Vorher">
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">Nachher</h2>
</div>
<div class="panel-body">
<img class="img-responsive center-block" src="img/nachher.png" alt="Nachher">
</div>
<div class="panel-footer">
<p>Am Beispiel des Ambulanz-Stils</p>
</div>
</div>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="clearfix"> <div class="clearfix">
<h2 class="page-header"> <h2 class="page-header" id="anleitung">
<img class="pull-right img-responsive" src="img/ribbon.png" alt="zaaReloaded2-Ribbon" />
Anleitung Anleitung
</h2> </h2>
<ol>
<li>
Laborwerte auf üblichem Wege in einen Arztbrief einfügen
(alternativ kann der Befehl "Demo" ausgeführt werden, dann wird
ein Beispieldokument mit Laborwerten geöffnet).
</li>
<li>
<img class="pull-right img-responsive" src="img/stilauswahl.png" alt="Stil auswählen" />
Im zaaReloaded-Tab (s.o.) den linken Knopf "Formatieren"
klicken.
</li>
<li>
Beim ersten Mal erscheint eine Liste mit Stilen, aus der man den
gewünschten Stil auswählt (siehe Abbildung). Beim nächsten Mal,
wenn man auf diesen Knopf drückt, wird der zuletzt verwendete Stil
genommen.
</li>
<li>
Einen Moment warten... Voilà.
</li>
</ol>
</div>
<h2 class="page-header">
Updates
</h2>
<p>
Das Addin sucht täglich nach Updates und lädt und installiert
diese bei Bedarf im Hintergrund.
</p>
<h2 class="page-header">
Anpassen
</h2>
<p>
Das Addin enthält einen Stil-Editor, mit dem die eingebauten Stile
bearbeitet und neue Stile entworfen werden können:
</p>
<p class="text-center">
<img src="img/stilbearbeiten.png" alt="Stil bearbeiten" />
</p>
<p class="clearfix">
<img src="img/elementpicker.png" alt="Elemente" class="pull-right" />
Jeder Stil setzt sich aus sog. <i>Elementen</i> zusammen. Es gibt
<i>Steuerelemente</i>, die zum Beispiel für die Auswahl eines Tages
(erster Tag/letzter Tag) zuständig sind, und es gibt
<i>Ausgabeelemente</i>, die die eigentliche Formatierung und Ausgabe
der Laborwerte übernehmen.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Steuerelemente
</h3>
</div>
<div class="panel-body">
<ul>
<li>Ersten Tag auswählen</li>
<li>Letzten Tag auswählen</li>
<li>Jeden Tag nacheinander auswählen</li>
<li>Zwei Spalten einfügen/zur nächsten Spalte wechseln</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Ausgabeelemente
</h3>
</div>
<div class="panel-body">
<ul>
<li>Laborparameter</li>
<li>Beliebiger Text</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>
"Beliebiger Text" kann, wie der Name schon sagt, beliebigen Text
enthalten, der nicht weiter bearbeitet wird. Auf diese Weise kann
man z.B. Platzhalter für Urinsedimente ausgeben lassen, die dann
noch händisch vervollständigt werden.
</p>
<p>
"Laborparameter" enthalten eine durch Kommata getrennte Auflistung
von Parametern, die ausgegeben werden sollen. Jedes Element
"Laborparameter" kann optional einen Titel enthalten:
</p>
<p>
Beispiel:
</p>
<blockquote>
<p> <p>
<img src="img/elementbearbeiten.png" alt="Element bearbeiten" /> <img class="center-block img-responsive" src="img/firstrun.png" alt="Begrüßungsfrage">
</p> </p>
<p> <p>
Klinische Chemie: Na, K, Cl, (usw.) Beim allerersten Mal, wenn das Add-in zusammen mit Word
gestartet wird, wird man gefragt, in welchem Modus das
Add-in operieren soll. Im <em>Ärztemodus</em> wird man ggf.
aufgefordert, Zusatzinformationen zu Laborparametern (z.B.
Ziel-Spiegel von Medikamenten) anzugeben; im
<em>Sekretariatsmodus</em> unterbleiben solche Nachfragen.
</p> </p>
</blockquote>
<p> <div class="panel panel-primary">
In diesem Fall ist "Klinische Chemie:" der optionale Titel. <div class="panel-heading">
</p> <h3 class="panel-title">
<p> 1. Labor einfügen
Die Bezeichnungen der einzelnen Parameter sind fest einprogrammiert. </h3>
Teils decken sie sich mit den Bezeichnungen, wie sie in der </div>
Zentralen Arztbriefablage erscheinen; teils sind sie aber auch <div class="panel-body">
Surrogate (z.B. "eGFR (CKD-EPI)" anstatt "glomerul. Filtrationsr. <p>
CKD-EP"). <img class="center-block img-responsive" src="img/vorher.png" alt="Vorher">
</p> </p>
<p> </div>
Die Platzhalter "SU-*", "U-*" und "*" geben die noch nicht <div class="panel-footer">
verwendeten Werte für Sammelurin, Spontanurin und alles weitere aus. <p>
"*" sollte daher als letztes verwendet werden. Laborwerte auf üblichem Wege in einen Arztbrief einfügen
</p> (alternativ kann der Befehl "Demo" ausgeführt werden,
<p> dann wird ein Beispieldokument mit Laborwerten
Die Liste der möglichen Parameternamen ist momentan fest geöffnet).
einprogrammiert und kann auch noch nicht angezeigt werden. Man kann </p>
beim Entwickeln eines Stils aber probehalber den Platzhalter "*" </div>
verwenden und sieht dann, welche Parameternamen noch verwendet </div>
werden könnten.
</p> <div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
2. zaaReloaded-Funktion aufrufen
</h3>
</div>
<div class="panel-body">
<p>
<img class="center-block img-responsive" src="img/ribbon.png" alt="zaaReloaded2-Ribbon">
</p>
</div>
<div class="panel-footer">
<p>
Im zaaReloaded-Tab (s.o.) den linken Knopf "Formatieren"
klicken.
</p>
</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
3. Ggf. Stil auswählen
</h3>
</div>
<div class="panel-body">
<p>
<img class="center-block img-responsive" src="img/stilauswahl.png" alt="Stil auswählen">
</p>
</div>
<div class="panel-footer">
<p>
Beim ersten Mal erscheint eine Liste mit Stilen, aus der
man den gewünschten Stil auswählt (siehe Abbildung).
Beim nächsten Mal, wenn man auf diesen Knopf drückt,
wird der zuletzt verwendete Stil genommen.
</p>
</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
4. Ggf. Kommentar ergänzen
</h3>
</div>
<div class="panel-body">
<p>
<img class="center-block img-responsive" src="img/itemcommentview.png" alt="Kommentar eingeben">
</p>
</div>
<div class="panel-footer">
<p>
Sofern der <em>Ärztemodus</em> eingestellt ist, können
für bestimmte Laborparameter Zusatzkommentare eingegeben
werden, z.B. um den Zielspiegelbereich eines
Medikamentes anzugeben.
</p>
<p>
Wenn man diesen Dialog mit "Abbrechen" oder
<kbd>ESC</kbd> beendet, erscheint ein gelb markierter
Hinweis im formatieren Laborblock.
</p>
<p>
Wenn man hingegen keinen Kommentartext eingibt, wird
kein Kommentar eingefügt, also auch das Präfix (hier
"(Ziel-Talspiegel:") und das Suffix (hier "µg/l)")
nicht.
</p>
</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
5. Fertig!
</h3>
</div>
<div class="panel-body">
<p>
<img class="center-block img-responsive" src="img/nachher.png" alt="Nachher">
</p>
</div>
<div class="panel-footer">
<p>
Einen Moment warten... Voilà.
</p>
</div>
</div>
<h2 class="page-header">
Updates
</h2>
<p>
Das Addin sucht täglich nach Updates und lädt und installiert
diese bei Bedarf im Hintergrund.
</p>
<h2 class="page-header" id="anpassen">
Anpassen
</h2>
<p>
zaaReloaded liest die Laborwerte aus einem Arztbrief ein,
analysiert sie, und gibt sie entsprechend einem vom Benutzer
programmierbaren Stil wieder aus.
</p>
<div class="panel panel-default col-lg-7 col-md-5 pull-right floatbox">
<div class="panel-body">
<img class="img-responsive center-block" src="img/stilbearbeiten.png" alt="Stil bearbeiten">
Screenshot des Stil-Editors
</div>
</div>
<p>
Das Addin enthält einen Stil-Editor, mit dem die eingebauten Stile
bearbeitet und neue Stile entworfen werden können. Stile
können importiert und exportiert werden.
</p>
<p>
Bei einem Stil kann definiert werden, ob pathologische
Laborwerte auf bestimmte Weise hervorgehoben werden sollen
(fett, kursiv, unterstrichen), und in welchen Situationen
der Referenzbereich ausgegeben werden soll: Niemals, immer
oder bei pathologischen Werten und/oder Parametern, die
intern als "speziell" markiert sind (<a href="#parameter">s.u.</a>).
</p>
<p>
Die Stile bestehen aus sogenannten Elementen, die der Reihe
nach abgearbeitet werden. Ein Element ist entweder ein
<em>Steuerelement</em> oder ein <em>Ausgabeelement</em>.
</p>
<h3>
Ausgabeelemente
</h3>
<p>
<em>Ausgabeelemente</em> sind für die Ausgabe von Laborwerten
oder anderem Text zuständig. Ein Beliebiger-Text-Element gibt
ganz einfach den Text aus, den es enthält. Auf diese Weise
kann man z.B. zusätzliche Zeilen in die Laborausgabe einfügen
für Werte, die nicht aus dem Lauris übernommen werden, etwa
ein Nephrologisches Sediment, das dann noch händisch
vervollständigt werden muß.
</p>
<div class="panel panel-default col-lg-7 col-md-5 pull-right floatbox">
<div class="panel-body">
<img class="img-responsive center-block"
src="img/elementbearbeiten.png" alt="Laborparameter-Element bearbeiten">
Laborparameter-Ausgabeelement
</div>
</div>
<h4>
Laborparameter-Element
</h4>
<p>
Die eigentliche Power des Add-ins liegt in
Laborparameter-Elementen. Jedes Element gibt einen Absatz mit
Laborwerten aus, die frei definiert werden können (vgl.
Abbbildung).
</p>
<p>
Man schreibt einfach die gewünschten Parameter durch Kommata
getrennt in das Eingabefeld. Optional kann man durch einen
Doppelpunkt getrennt eine Beschriftung voranstellen. In der
Abbildung ist das "Klinische Chemie".
</p>
<h5 id="parameter">
Parameter-Bezeichnungen
</h5>
<p>
zaaReloaded2 verwendet teilweise eigene Bezeichnungen für
Parameter, bspw. "Na" für Natrium, während in der originalen
Lauris-Ausgabe "Natrium" steht. Momentan gibt es noch keine
Möglichkeit, die bekannten Parameter im Add-in selbst
einzusehen; die Liste steht aber im Quellcode: <a
href="http://git.bovender.de/?p=zaaReloaded2.git;a=blob;f=zaaReloaded2/Defaults/parameters.txt"
target="_blank">git.bovender.de/.../paramteters.txt</a>. In
der Datei ist für manche Parameter auch die gewünschte Zahl
an Dezimalstellen hinterlegt sowie die Angabe, ob in der
Referenzbereich auch bei normalem Wert mit ausgeben werden
soll (abhängig von der Stil-Einstellung).
</p>
<h5>
Kommentare
</h5>
<p>
<img class="img-responsive center-block" src="img/itemcomment.png" alt="Parameter-Kommentar">
</p>
<p>
Wenn hinter einem Parameter-Namen ein Text in
Anführungszeichen eingegeben wird, wird dieser Text als
<em>Kommentar</em> ausgewertet (siehe Abbildung oben). Beim
Formatieren wird dieser Kommentar mit einer
Eingabe-Aufforderung angezeigt, wobei der Text zwischen den
spitzen Klammern (im Beispiel "&lt;*** BITTE ANGEBEN
***&gt;") als Vorgabe verwendet wird (die spitzen Klammern
verschwinden natürlich):
</p>
<p>
<img class="img-responsive center-block" src="img/itemcommentview.png" alt="Eingabeaufforderung für Kommentar">
</p>
<p>
In den <em>Einstellungen</em> können die
Eingabe-Aufforderungen für Kommentare im Sinne eines
<em>Sekretariatsmodus</em> ausgeschaltet werden. Dann wird
der Kommentar in der Ausgabe <mark>gelb
hervorgehoben</mark>.
</p>
<h5>
Platzhalter
</h5>
<p>
Mittels <em>Platzhaltern</em> ("Jokern", "Wildcards") können
alle Laborwerte ausgegeben werden, die bis dahin noch nicht
explizit ausgewählt wurden. Wenn man "*" verwendet, werden
alle noch nicht selektierten Werte ausgegeben. Mit "U-*"
werden nur die noch nicht verwendeten Werte des Spot-Urins
ausgegeben und mit "SU-*" die noch nicht verwendeten Werte
des Sammelurins.
</p>
<h4>
Beliebiger Text
</h4>
<p>
Das Ausgabe-Element "Beliebiger Text" macht genau das:
Beliebigen Text ausgeben, der nicht weiter bearbeitet wird.
Auf diese Weise kann man z.B. Platzhalter für Urinsedimente
ausgeben lassen, die dann noch händisch vervollständigt
werden müssen.
</p>
<h3>
Steuerelemente
</h3>
<p>
Mit <em>Steuerelementen</em> kann z.B. die Auswahl eines Datums
für die Laborausgabe (erster/letzter Tag usw.) kontrolliert oder
auch der Dokumentfluß gesteuert werden, wobei bislang nur die
Ausgabe in zwei Spalten implementiert ist.
</p>
<p>
Steuerelemente zur Auswahl von bestimmten Daten
(erster/letzter Tag usw.) enthalten <em>Kindelemente</em>. Nur
Ausgabeelemente können Kindelemente sein. Ein Steuerelement
wählt die Laborwerte für das entsprechende Datum aus und
übergibt sie den Kindelementen, die die Laborwerte ausgeben.
Mit dem Steuerelement <em>Jeder Tag</em> werden alle
Laborwerte nach Kalendertagen sortiert, und die Kindelemente
geben die Werte für jeden Kalendertag aus.
</p>
</div>
</div> </div>
</div> </div>
<footer class="footer"> <footer class="footer">
<p> <p>
&copy; 2015 <a href="http://www.bovender.de">Daniel Kraus</a> &copy; 2015 <a href="http://www.bovender.de">Daniel Kraus</a>