Dokumentation zur Integration des Medikations-Centers in eine Webseite




Abb. oben: Unser Medikations-Center
Die Homepage der Apotheke soll ein Transaktionssystem beinhalten, das es Kunden ermöglicht, sämtliche Transaktionen mit Ärzten und ihrer Apotheke rund um ihre Medikation online abwickeln zu können. Patienten können Rezepte beim Arzt und Medikamente in der Apotheke vorbestellen, selbst abholen, oder liefern lassen.

Das Medikations-Center ist ein Webservice, der vollständig auf den Servern von VitaBook läuft. Die Integration der Funktionalität in die Webseite der Apotheke geschieht dadurch, in dem Plugins integriert werden, von denen aus der Nutzer sich anmelden und registrieren kann. Alle Folgeseiten integrieren sich vollständig optisch in die vorhandene Webseite des Apothekers, so dass der Eindruck entsteht, man sei die ganze Zeit auf der Webseite der Apotheke.

Zur Nutzung der Bestellfunktion muss sich der Benutzer einmalig registrieren und mit seinem Benutzernamen und Kennwort anmelden. Dies geschieht nach dem Übergang von der Apotheken-Homepage auf eine Registrierungs- und Login-Seite, die bei bereits bei VitaBook läuft.


Das Medikations-Center (kurz: MC) ist in verschiedenen Größen verfügbar.



Breite: 300px

Die genannten Abmessungen erhält man durch diesen Parameter:

layout=1

(Er legt nicht die Farbe fest)

Breite: 190px

Die genannten Abmessungen erhält man durch diesen Parameter:

layout=2

(Er legt nicht die Farbe fest)

Breite: 245px

Die genannten Abmessungen erhält man durch diesen Parameter:

layout=3

(Er legt nicht die Farbe fest)

Breite: 182px

Die genannten Abmessungen erhält man durch diesen Parameter:

layout=4

(Er legt nicht die Farbe fest)

Breite: 283px

Die genannten Abmessungen erhält man durch diesen Parameter:

layout=5

(Er legt nicht die Farbe fest)

Breite: 300px

Die genannten Abmessungen erhält man durch diesen Parameter:

layout=6

(Er legt nicht die Farbe fest)

Breite: 245px

Die genannten Abmessungen erhält man durch diesen Parameter:

layout=7

(Er legt nicht die Farbe fest)




Der jeweils angegebene Parameter layout lässt sich an die URL anfügen. Er bestimmt die Größe des Widgets. Siehe Varianten 1, 2 und 3.



Neu Das Widget 8


Widget 8

Abb. oben: Das Widget layout=8 (die gestrichelte Linie dient lediglich zu Anschauungszwecken)


Im Rahmen einer Website-Gestaltung haben wir dieses Widget entwickelt. Es besitzt dieselbe Funktionalität wie die anderen Layout-Varianten, unterscheidet sich jedoch in seiner Optik wesentlich von seinen Pendants.


Die Unterschiede zu den Layout-Varianten 1 bis 7:

  • Schriftart ist 'Roboto Slab' (Google Fonts)
  • die Buttons liegen neben- statt untereinander
  • andere Abmessungen: Quer- statt Hochformat
  • Einheitliche Buttonfarbe: rot #e40613 (gilt für alle Farbschemata)


Platzbedarf des iFrames

Breite: 960px
Höhe: 420px


Das Widget erhält man durch diesen Parameter:

layout=8

Dieser Parameter layout lässt sich an die URL anfügen. Er bestimmt die Größe UND in diesem Falle auch das Aussehen des Widgets. Siehe Varianten 1, 2 und 3.


Darüberhinaus ist es nicht responsiv. Dies gilt für alle Widgets.


Ein Beispiel für eine Verwendung dieses Widgets gibt es unter http://loens.de/.

Andere Farbe gewünscht?


Damit sich das MC optimal an das Corporate Design Ihrer Webseite anpasst, haben wir eine Möglichkeit geschaffen, die Farbwelt des Medikations-Centers individuell festlegen zu können. Zur Auswahl stehen acht verschiedene Farben:

Hellblau

Die Standardfarbe [#0693fd].

Dunkelblau

[#1b5077]

Hellgrün

[#c4db9c]

Grün

[#a1bf66]

Dunkelgrün

[#006553]

Lila

[#764891]

Orange

[#f49e00]

Rot

[#c52e2e]


Hellblau

Die Standardfarbe [#0693fd].

Dunkelblau

[#1b5077]

Hellgrün

[#c4db9c]

Grün

[#a1bf66]

Dunkelgrün

[#006553]

Lila

[#764891]

Orange

[#f49e00]

Rot

[#c52e2e]


Die Farbwahl kann der Apotheker über vitabook.de konfigurieren (Login erforderlich).

Sofern nichts voreingestellt ist, werden die Farben der Kooperation geladen; gehört die Apotheke keiner Kooperation an, werden die VitaBook-Standard-Farben (hellblau) geladen. Eine individuelle Konfiguration wird vor allen anderen Einstellungen bevorzugt.


Die Hauptauswahl der Funktionalitäten unterteilt sich in:

  • Arzttermin anfragen
  • Medikament vorbestellen
  • Rezept anfordern
  • Überweisung anfordern

Beim Anklicken jeder der vier obigen Punkte wird das bereits genannte Frameset geladen, denn um überhaupt eine Aktion über das Medikations-Center ausführen zu können, muss der Kunde sich für seine jeweilige Apotheke registriert haben und einloggen.

  • Falls der Kunde (noch) nicht eingeloggt ist, wird ihm bei VitaBook zunächst die Möglichkeit zum Login oder zur Registrierung angeboten.
  • Über einen so genannten Einladungscode, der an die externe Schnittstelle von VitaBook übergeben wird und über den die Apotheke eindeutig datenbanktechnisch identifiziert werden kann, gelangt der Kunde stets zum passenden Registrierungs- oder Anmeldeprozess.
  • Ist der Kunde eingeloggt, stehen ihm alle Optionen des Medikations-Centers und weitere Features von VitaBook zur Verfügung. Der Nutzer hat im Medikations-Center die gleichen Funktionalitäten, wie sie auch auf www.vitabook.de verfügbar sind, nur dass sich das Erscheinungsbild völlig in die vorhandene Webseite der Apotheke integriert.

 

Werbemittel

Diese Werbemittel stehen Ihnen zur freien Verwendung im Rahmen einer Integration bereit:



Bitte wählen Sie zunächst die für Sie passende Variante aus:

  •  
    Variante 1 - 20/80%-Frameset
    • Individuelle Navigation möglich
    • Zweigeteilter Bildschirm (Frameset)
    • (Sichtbare) URL ist die der Apotheke
    • Optimal für einzelne Apotheken
       
    •  
       
    • Dokumentation Variante 1 >>
  •  
    Variante 2 - 100%-Frameset
    • Keine individuelle Navigation möglich
    • Einteiliger Bildschirm (Frameset)
    • (Sichtbare) URL ist die der Apotheke
    • Optimal für einzelne Apotheken
       
    •  
       
    • Dokumentation Variante 2 >>
  •  
    Variante 3 - o. Frameset
    • Keine individuelle Navigation möglich
    • Einteiliger Bildschirm (kein Frameset)
    • URL = NICHT-Apotheken-URL
    • Perfekt für eine Umsetzung für viele einzelne Apotheken, da geringster Aufwand bei der Umsetzung
    •  
    • Dokumentation Variante 3 >>

18.04.2017: Umzug auf vitabook.de: die zur Funktion erforderlichen Dateien sind von ordermed.de nach vitabook.de umgezogen. Zur Wiederherstellung der Funktionalität die URL entsprechend anpassen - wie das funktioniert, siehe jeweilige Beschreibungen: Variante 1 Variante 2 Variante 3

10.02.2017: Die Farben sind nur noch bei den Widgets individuell. Nach dem Login ins Backend bekommt der Nutzer ab sofort das einheitliche blaue VitaBook-CI.

10.07.2014: Es stehen ein neues Widget (layout7) sowie ein neues Farbschema (Grün) zur Verfügung.

13.05.2014: Für jede Integrationsvariante wurde eine Beispielseite onlinegestellt.

16.10.2013: Als neuer Inhalt wurde eine Seite zum Thema "1 Webseite - mehrere Apotheken" erstellt.

30.08.2013: Die beiden neuen Farben hellblau und lila hinzugefügt.

06.02.2013: Werbemittel hinzugefügt.

05.02.2013: Individuelle Farbgebung möglich.

04.02.2013: Das Medikations-Center wird nun auch optisch in den verschiedenen Größen gezeigt.

11.01.2013: Varianten 1 & 2: Die Einbindung des JavaScript-Codeschnipsels (unter 2. Medikations-Center einbinden) ist nun anschaulicher dargestellt.

28.12.2012: Die Dateien ordermed.php und config-extern.php wurden miteinander kombiniert. Der Download beinhaltet jetzt nur noch drei Dateien: ordermed.php, example.html und header.html

04.12.2012: Integration in drei Varianten aufgesplittet

12.11.2012: Beispiel für die Konfiguration des Framesets hinzugefügt

10.10.2012: ordermed.zip geändert: ordermed-config-intern.php aktualisiert

05.10.2012: ordermed.zip geändert: ordermed-config-intern.php und ordermed.php aktualisiert

28.09.2012: Ordnerstruktur der Datei ordermed.zip geändert

26.09.2012: Die Datei ordermed.zip wird nun zum Download angeboten.

25.09.2012: In der Ordnerstruktur sind zwei Dateien hinzugekommen: ordermed-config-extern.php und ordermed-config-intern.php. Die ordermed.php wurde geändert.