New-website-optimization

From BioDIP
(Difference between revisions)
Jump to: navigation, search
(detailed view)
(Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?))
 
(365 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
Click here for the [[relaunch tasks|BioDIP website relaunch team]] internal discussion
 
Click here for the [[relaunch tasks|BioDIP website relaunch team]] internal discussion
  
== Generell offene Punkte / to do's ==
+
== Aktualisierung der BioDIP website 2020/21 ==
  
'''Einfügen von links'''
+
=== Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?)===
* es wird neuerdings nicht aller Text der verlinkt ist in grün angezeigt (bleibt schwarz und wird grau, wenn man "drüber hovert")
+
  
[[File:20161120-biodip-de-https-http-mixed.png|thumb|200px|https nicht korrekt unterstützt]]
+
* CMS soll beibehalten werden (Typo3) oder auf anderes CMS umgezogen werden
'''Browser Protocol: http/https'''
+
* backend einheitlich in Englisch
* bei Verwendung von https Probleme mit der Seitendarstellung - siehe [[:file:20161120-biodip-de-https-http-mixed.png|Screenshot]], bitte beheben
+
* Möglichkeit zur Zweisprachigkeit soll bestehen bleiben
<br>
+
* Texteditor im back end
 +
** Zeilenumbrueche / Paragraphabstaende funktionieren nicht optimal, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren.
  
'''Suche'''
+
* Wartungsvertrag:
* Suche scheint nicht komplett zu funktionieren, z.B. wird nichts gefunden bei der Suche nach "dexel", was nicht sein kann
+
** kontinuierlich auf die neueste Version des CMS
 +
** nicht terminiert
 +
** jährlich oder zweijährlich kündbar
 +
** kleinere Änderungen/Anpassungen der website sollen durch den Wartungsvertrag abgedeckt werden (Umfang ca. 24h/Jahr)
  
 +
* derzeitige Inhalte des öffentlichen CMS sollen automatisiert in die aktualisierte website übernommen werden
 +
* Zur Aktualisierung des CMS soll das bisherige Entwicklungssystem genutzt werden (Software vollständig verfügbar)
  
'''Scrolling'''
+
* Es soll wie bisher ein Entwicklungssystem und ein live-System bestehen. Die Aktualisierung des live-Systems soll unkompliziert vom Kunden ausgelöst, besser noch selbst durchgeführt werden können. (Bisherige round trip time deutlcih zu lang.)
<div style="background:gold">
+
* Gewünschtes scroll-Verhalten über das Bild im Kopfbereich funktioniert noch nicht.
+
** Dieses scroll-Verhalten kann bei [https://micro-dimensions.com/#software microdimensions] eingesehen werden und funktioniert dort auch auf mobilen Geräten.
+
* Verkleinerung des weissen Kopfbereiches und Suchfeldbereiches beim scrollen soll "smooth" erfolgen, ohne Sprünge.
+
* Die Verkleinerung soll gleichzeitig den Hintergrund der Suchleiste und die Schriftgröße des BioDIP Schriftzuges beeinhalten.
+
* Die Hauptnavigationsleiste soll im gleichen Zug schmaler werden, wenn der Hauptinhalt der Seite über das scheinbar dahinterliegende Bild geschoben wird.
+
</div>
+
<br>
+
[[File:20170211-Inhaltsslider-problem.JPG|thumb|200px|Probleme Inhaltsslider]]
+
  
'''Element "Inhalts-Slider"'''
+
=== Layout ===
  
* Metainfo, die in der filelist eingepflegt wurde, wird nicht angezeigt, siehe Bild
+
* generelles Layout der aktuellen website www.biodip.de soll beibehalten werden
* wenn mehr als 3 Bilder im slider sind, fallen Pfeile weg und man kann nicht durch alle Bilder aliden (trifft auch auf das Beispiel im Bild zu) ... dies trifft zu für einen Inhaltsslider welcher innerhalb eines Accordeons eingefügt wurde
+
* Barrierefreiheit muß gewährleistet / geprüft werden - erforderliche Modifizierung durchführen / fehlende Inhalte müssen an den Kunden kommuniziert werden
 +
** Anforderungen der TU Dresden müssen beachtet werden (Andy fragen bzgl. Anforungen - Silke fragt)
 +
** die Hintergrund- und Vordergrundfarben haben derzeit kein ausreichendes Kontrastverhältnis
 +
** Eventuell Inhaltsproblematik - fehlende Inhalte an den Kunden kommunizieren
 +
** den Formularelementen sind bisher keine Beschriftungen zugeordnet
 +
** Links haben bisher keinen erkennbaren Namen
  
 +
* Einbindung von Symbolen bei Anzeige von equipment und facilities (siehe owncloud git repository)
 +
** Tabelle dazu erstellen (Britta)!
  
* Verwendung innerhalb von News bzw. Events bitte ermöglichen.
+
* Bilder
** Das ist technisch nicht möglich (CK).  
+
** Bildmetainfo soll in der filelist gepflegt werden (Garantie für Konsistenz).
* Gewünschte Alternative:
+
** Metadaten sollen angezeigt werden können bzw. direkt zur Barrierefreiheit genutzt werden.
** 3 Bilder nebeneinander in mehreren Zeilen anordenbar wie in der Gallerie. Klick auf das Bild liefert eine vergrößerte Darstellung, man kann vor/zurück klicken und so alle Bilder anschauen.
+
** verwendete Bilder sollen markiert werden können und bei Markierung in der Gallerie erscheinen (auch slider Bilder) - diese Bilder sollen per klick mit der Gallerieansicht verbunden sein, in der sie in voller Größe anzeigbar sind
** Position für die Gallerieansicht: zwischen Text und "Related files"
+
  
<div style="background:gold">
+
*History
* Generell soll die Bildmetainfo immer in der filelist gepflegt werden. Das hat den Vorteil, dass die Info bei Bildverwendung konsistent erscheint und nur an einer Stelle gepflegt werden muss/kann. Bitte so umsetzen für den Inhaltsslider und die Gallerie sowie einzeln verwendete Bilder.  
+
** BioDIP>History
** Wird diese im Inhaltsslider angezeigt, wenn kein Text eingepflegt wurde?
+
** Behebung eines Problems eventuell auch durch Verwendung eines alternativen Moduls/plugins: History wird sichtbar durch scroll down - das bleibt häufig hängen und Einträge in der Timeline wiederholen sich endlos.  
** Wo sieht man z.B. im Inhaltsslider Element die Bild Metainfo?</div>
+
** Bisherige Problembehebung - Frontend cache leeren muss automatisch funktionieren bzw. es muss eine andere Möglichkeit gefunden werden.
<br>
+
  
'''News Modul"'''
 
* Die Metainfo eingepflegter Bilder wird unter den Bildern ausgegeben.
 
* Kann hier bitte die Formatierung so geändert werden, dass ein Unterschied zum normalen Seiteninhalt besteht? Z.B. die Schriftgröße kleiner und die Breite des Bocksatzes auf dei Bildbreite angepasst?
 
  
<br>
+
* Organigramm soll präsenter sein
<div style="background:gold">
+
** zusätzliche Verwendung des Organigramms auf Startseite unter den 3 Inhaltsboxen Events - News - DDc inklusive der Aufzählung darunter (https://www.biodip.de/biodip/)
'''Typo3 backend'''
+
** soll vom Kunden pflegbar sein
* bitte konsequent englische Begriffe verwenden:
+
** Elemente des Organigramms sollen links enthalten können
** Bildausrichtung - Image orientation
+
** wenn technisch möglich: Änderung layout - Füllfarbe zum highlighting der dunkelblauen facility Flächen ändern und nicht mit Transparenz arbeiten (Durchscheinen des BioDIP Logos ist suboptimal)
** Hauptinhalt - Page content or Main content?
+
** Ueberschrift - Headline
+
** Alle Bilder - All images
+
** Kopfbild - Slider image (correct?)
+
** Kopfbildtitel - Slider image title
+
** Optionen der "Image orientation" im Inhaltsslider sind Deutsch
+
** Personenboxen:
+
::* Fotoausrichtung (inklusive der auswählbaren Optionen)
+
::* Fotogröße (inklusive der auswählbaren Optionen)
+
::* Bildtitel
+
::* Bildlink
+
* Bildslider oben auf jeder Seite:
+
::* Bildverlinkung
+
::* Bild
+
::* Bildtitel
+
* Main page unter Bildslider - "Inhalt oben"/"Unterer Inhalt"/"Linker Inhalt"/"Rechter Inhalt"...
+
::* Boxen auf der main page "Bild, Bildtitel, Bildgröße, Bildlink
+
* Image slider
+
::* Bildtitel (Text, der Maushover angezeigt wird)
+
::* Einträge im dropdown "Image Orientation" sind deutsch
+
* Accordion
+
::* Accordion Kopf
+
::* Accordion Inhalt
+
*Texteditor
+
::* Zeilenumbrueche / Paragraphabstaende funktionieren nicht richtig, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren
+
  
*more?
 
</div>
 
  
<div style="background:limegreen">
+
[[File:20170211-Inhaltsslider-problem.JPG|thumb|200px|Probleme Inhaltsslider]]
* Wir reporten Probleme an Neonblue mit gewünschter Übersetzung, dies wird eingepflegt.
+
</div>
+
  
* Bei klick auf ein Bild ist geplant, dass man auf dieses Bild in der Gallerie kommt und dieses in voller Größe anschauen kann. - Wie realisieren wir das, z.B. mit den slider Bildern?
+
* News Modul
[[File:20170514-organigram-breit.jpg|thumb|200px|Organigram ok bei breitem Fenster]]
+
** das Typo3-Element "Inhalts-Slider" (oder ein ähnliches) soll auch auf News bzw. Event-Seiten verwendet werden können um mehrere Bilder anzeigen zu können.
[[File:20170514-organigram-schmal.jpg|thumb|200px|Anzeige der Erklärungen bei schmalem Fenster funktioniert nicht]]
+
** Alternativlösung: 3 Bilder nebeneinander in mehreren Zeilen anordenbar wie in der Gallerie. Klick auf das Bild liefert eine vergrößerte Darstellung, man kann vor/zurück klicken und so alle Bilder anschauen.
 
+
** Position für die Gallerieansicht: zwischen Text und "Related files"
<br>
+
* Die Ausgabe der Meatdaten soll formatierbar sein (derzeit besteht kein Unterschied zu normalem Text hinsichtlich der Formatierung). Gewünscht ist z.B. Änderung Schriftgröße, Breite Metadaten an Bildbreite koppeln.
<br>
+
 
+
=='''Organigramm''' ==
+
* Einbau des neuen Organigramms sieht gut aus, folgende Anmerkungen:
+
** Problem mit Anzeige der Erklärungen bei hover over, wenn Browserfester schmal ist (siehe Bild).
+
** Könnte man zum highlighting der dunkelblauen facility Flächen die Füllfarbe ändern und nicht mit Transparenz arbeiten? Das Durchscheinen des BioDIP Logos ist suboptimal.
+
 
+
== Microsope==
+
<span style="color:green">Diese Ebene dient nur der Übersicht im backend, hat keine echte Funktion.</span>
+
<br>
+
<br>
+
 
+
 
+
== Screens zur Darstellung der LM Datenbank ==
+
 
+
==='''generell'''===
+
 
+
 
+
[[File:Detailed-view-layout-DB.jpg|thumb|400px|Layout and DB fields detailed view]]
+
<gallery>
+
File:20170111-list-view-LM-data.jpg|Display list view
+
File:20170202-list-view-DB-fields.jpg|DB fields to be used, green characters to be added if DB content present
+
</gallery>
+
 
+
<gallery>
+
File:20170131-kompakt-view.png|Display compact view
+
File:20170207-compact-view-DB.png|DB fields to be used, green characters to be added if DB content present, blue texts - links, red texts are comments
+
</gallery>
+
 
+
[[File:20160901-ebay-like-equipment-search-refinement.JPG|thumb|400px|refinemant ecquipment search - draft]]
+
 
+
 
+
* Bild
+
** Welches Bild (es können mehrere eingepflegt werden) wird für den list und kompakt view genutzt? Das erste jeweils eingepflegte?
+
** Führen die Pfeile neben dem Bild zu weiteren Bildern des gleichen Systems? Oder zum nächsten System der Suchliste? Oder haben sie eine noch andere Funktion?
+
** Titel des Bildes bitte als tooltip anzeigen
+
** Titel und Bildbeschreibung unter dem Bild ausgeben
+
 
+
* Druck
+
** Bitte noch ein Beispiel für die Druckansicht erstellen - hier sollte es die Möglichkeit geben, zu wählen ob man das Bild mit drucken will oder nicht
+
** Druck Kompaktansicht sollte eingeklappt auf eine Seite passen (event. Informationen auf einer Zeile ausgeben und/oder event. zweispaltig?)
+
 
+
 
+
* Möglichkeit zur Einschränkung der Liste (wie ebay) fehlt bisher (siehe Bild)
+
* Bitte DB Felder immer insgesamt auf eine neue Zeile umbrechen, falls dies nötig ist
+
 
+
== Publikationsdatenbank ==
+
 
+
=== Übersicht als Tabelle===
+
 
+
* Screen vom 19.12.16 für die Tabellenansicht ist perfekt.
+
*'''Live Version:''' Sehr schön, sieht gut aus und funktioniert jetzt auch mit der kompletten DB inklusive Bildern schnell genug!
+
 
+
* Verbleibende Änderungswünsche:
+
** Der field-Eintrag "Developmental Biology" ist häufig zu lang und wird vom Bild verdeckt. Könnte man den abtrennen, z.B. "Develop-mental Biology"?
+
*** ''Isabel: Silbentrennung von NB nicht empfohlen (nicht nachhaltig), Alternativ: Autorenspalte schmaler machen''
+
** PROBLEM: Wie können wir eine Seite (mit versendbarer URL) haben, die alle Publikationen einer facility zeigt? Derzeit muss man das Suchfeld nutzen. Dies ist schwierig für zum Beispiel Antragstexte nutzbar. -> Diskussionsbedarf
+
*** ''Isabel: nur durch Mehraufwand möglich''
+
 
+
 
+
=== Detailansicht ===
+
 
+
 
+
* sieht gut aus, wenige Änderungswünsche:
+
** siehe Bild "Änderungswunsch Detailansicht [[File:Änderungswunsch Detailansicht.PNG |thumb|200px|Änderungswunsch Detailansicht]]"
+
*** <span style="color:orange"> nach "Enabled by:" steht grundsätzlich "Light Microscopy Facility" -  bitte entfernen, so daß nur die im backend ausgewählte facility stehen bleibt
+
** die facilities sollen links auf die Facility Seiten sein - das funktioniert ABER: wird das auch funktionieren, wenn facilities künftig umbenannt werden?
+
*** ''Isabel: ja, wenn wir den im backend hinterlegten link auch entsprechend ändern''
+
** wo werden die slider Bilder gepflegt?
+
*** ''Isabel: im Page View unter Publications - BioDIP Publications - Detail''
+
 
+
=== Suche/ Search in table ===
+
 
+
* Es wäre schön, wenn zwei versteckte Felder für die beiden Parameter "PubMed ID" und "Keywords" angelegt würden, so daß die Suche auch diese beiden Angaben berücksichtigt.
+
 
+
=== Eingabe im backend/Typo3 ===
+
 
+
* das Autorenfeld scheint nur eine begrenzte Anzahl an Namen aufnehmen zu können, im speziellen Fall (PubMed ID 26896675) können die letzten 4 Namen nicht eingegeben werden - '''bitte unbedingt freigeben!!!'''
+
* manche Sonderzeichen lösen eine Fehlermeldung aus (siehe Bild "Fehlermeldung Sonderzeichen") und dann wird das Zeichen durch ein "?" ersetzt - ganz konkret trifft das auf griechische Buchstaben sowie "ć" zu, z.B. bei dem Artikel mit der PubMed ID 23791180 ("ć" wird nicht angezeigt) oder bei PubMed ID 27760324 ("beta" wird nicht angezeigt)
+
 
+
[[File:Fehlermeldung Sonderzeichen.PNG|thumb|400px|Fehlermeldung Sonderzeichen]]
+
 
+
== LM Datenbank==
+
 
+
<div style="background:orange">
+
'''Generell''': LM DB sieht sehr gut aus, ich sehe noch folgende "Probleme" (neben den unten beschriebenen):
+
* Gewünschte Suchfunktionalität und Umbenennungen werden unten detailiert festgehalten
+
* gibt es einen Weg, Duplikate bei backend Einträgen zu verhindern?
+
** ''Isabel: Ja, indem NB ein von uns gewähltes Feld (z.B. die Light Microscope ID) auf PrimaryKey setzt. Dann würde beim Versuch, genau diese ID nochmals einzugeben eine Warnung kommen.''
+
</div>
+
 
+
== Anzeige LM Daten ==
+
* ''' Die 3 Buttons rechts fügen sich nicht gut in das Seitenlayout ein
+
** scrollt man nach unten, verschwinden ca. 1,8 buttons nach oben
+
** im compact oder detailed view reicht die Schrift auf der Seite rechts teils bis in die buttons hinein
+
** Lässt sich das optimieren?
+
 
+
=== '''list view - Perfekt!'''===
+
 
+
=== '''compact view'''===
+
 
+
* Es sind nicht immer alle Felder befüllt - bitte immer prüfen, ob DB Feld Inhalt hat.
+
* Es kann mehere Microscope Systems pro Light Microscope geben, bitte Mehrfachauswahl belassen. Jedes Microscope System muss dann für sich dargestellt werden: system 1, darunter system 2.
+
<br>
+
* '''Generell''': 
+
** Beim Öffnen der Systemseite sollen zunächst alle Unterpunkte als "default" zugeklappt sein (zurzeit ist teilweise erster Unterpunkt ausgeklappt - z.B. Objectives, Fluorescence Illumination)
+
** Booking System button funktioniert nicht (auch wenn das DB Feld sicher gepflegt ist)
+
<br>
+
:* NB: Links in Accordion-Header machen Probleme beim Klick: Öffnet bei Klick das Accordion und den Link. Wie wollen wir das handeln?
+
::* Bei Camera funktioniert es gut: Klick auf Camera öffnet Accordion, Klick auf den link in dexel öffnet den link
+
::* Fügt man einen link im LSM scan head ein, tritt das Problem auf - was soll genutzt werden -> Diskussionsbedarf
+
:::* Test mit LSM 780 FSC nd LSM Scan head link auf Organigram (hochgeladenes file) linkt tatsächlich auf die Biodip homepage?!
+
 
+
=== '''detailed view'''===
+
<br>
+
* '''Location''':
+
** campus navigator link, könnte man in der DB unter Facility - URL website eingeben. Problem z.B. bei joint facilities (LMF BIOTEC/CRTD) - hier bräuchte man 2 campus navigator links oder eine Möglichkeit, einen auszuwählen...
+
** Derzeitige Lösung suboptimal, da die beiden links unter Facility nicht ausgewählt werden können im LigthMicroscope Formular.
+
:'''Vorschlag''':
+
:* Im Campus Navigator kann man die location bis auf den Raum genau angeben. Deshalb wäre es sinnvoll, den campus navigator link mit der location des Gerätes zu erfassen. Das bedeutet, wir brauchen ein link Feld im Formular LightMicroscope unter dem Eingabefeld "Room".
+
 
+
[[File:add-mag_add-foc.jpg|thumb|400px|Additional magnification und additional focus]]
+
[[File:Objevtive ID umbruch.png |thumb|200px|Problem Umbruch Internal Objective ID]]
+
 
+
 
+
<br>
+
* '''Stand''':
+
** Additional magnification und additional focus einfügen, siehe Bild
+
*** <span style="color:orange"> '''nicht OK''' - hier wird nur der Manufacturer (Zeiss, Olympus, Leica ...) angezeigt. Die zum Stand hinterlegten Infos werden auch in der Detailsicht nicht angezeigt.
+
:* NEONBLUE: laut DB gehören diese nicht dem MicroscopeStand an sondern dem MicroscopeSystem. Also bei MicroscopeSystem einfügen?
+
:** Richtig, die DB bildet nicht perfekt die Hardware ab, wäre kein Problem für uns.
+
:** Vorschläge:
+
::** Entweder werden additional focus und additional magnification dem stand in der DB zugeornet
+
::** Für uns wichtig ist die Ausgabe wie im Bild gezeigt (Additional magnification und additional focus) unter dem Stand (nachdem dieser aufgeklappt wurde).
+
 
+
<br>
+
* '''Objectives''': alle Objektive werden mit gefülltem Pfeil mit je der ersten Zeile untereinander ausgegeben, Details mit offenen Pfeilen erst nach Aufklappen
+
** Derzeit ist oberstes Objektiv aufgeklappt nach Betreten der Seite
+
*** <span style="color:orange">'''nicht OK'''
+
** eigenartiger Effekt bei einigen Objektivlisten (z.Bsp System DZNE SD2 Zeiss Spinning Disc incubation): wenn man nur die ersten Objektive aufklappt, dann wird der Parameter "Internal Objektive ID" vor ID umgebrochen. Sobald man das 40x Objektiv dazu ausklappt wird der Parameter Name wieder in einer Zeile (wie gewollt) ausgegeben (siehe Bild)
+
*** <span style="color:orange"> Nun wird bei allen Objektiven vor ID umgebrochen (geprüft mit Mozilla Firefox und Google Chrome)
+
** Derzeit alle Infos ausgegeben auch die, die dann nur der eingeloggte Nutzer sehen soll - hier "Internal Objective ID" und "Zeiss Order Number"
+
 
+
<br>
+
* '''Condenser''': '''ACHTUNG''', es wird nicht das korrekte DB Feld ausgegeben - das sind Microscope Stand Informationen, keine Condenser-Beschreibung!
+
** <span style="color:orange"> '''nicht OK''' - Es wird nur die Internal Condenser ID angezeigt, es fehlen die Contrast Techniques ( alle anderen, im backend hinterlegten Parameter (Condenser Type, Condenser NA etc.) werden auch in der Deatailansicht nicht angezeigt)
+
<br>
+
[[File:reflector-revolvers.jpg|thumb|400px|Zeile einfügen]]
+
* '''Fluorescence Filter Cubes''' (muss ich nochmals anschauen - Hella):
+
** Zeile einfügen für Reflector revolver type and style, siehe Bild
+
***<span style="color:orange"> Die Infos zu type und style des Reflector Holders/Revolver sind unter MicroscopeSystem hinterlegt. 
+
** ALLE Cubes werden mit gefülltem Pfeil und nur der main application ausgegeben [[:File:20170131-kompakt-view.png|siehe hier, z.B. DAPI]]
+
*** <span style="color:orange"> '''nicht OK''' - neben der main application wird auch z.B. Filter Cube Type oder Filter Cube Manufacturer ID angezeigt
+
** alle weiteren Details erst nach Aufklappen
+
** link kann intern oder extern sein, wir hatten extra dieses Feld gewählt, damit man diese Freiheit hat
+
** das DB Feld "Single Cube Manufacturer ID" bleibt bestehen, auch wenn es nicht in jedem Fall gepflegt wurde
+
** "Filter cube manufacturer" wird nicht ausgegeben
+
<br>
+
 
+
[[File:Camera Eintrag zu lang.png |thumb|400px|Camera Eintrag zu lang]]
+
* '''Camera''':
+
** bitte DB Feld "Dexel Size" nutzen, um die Dexel size auch auszugeben, derzeit fehlt der Wert
+
*** <span style="color:orange"> '''bedingt OK''' - wenn der Eintrag in der DB zu lang ist, dann rutscht der Wert in die nächste Zeile, welche man erst dann sieht, wenn die detailed view ausgewählt ist (siehe Bild "Camera Eintrag zu lang")
+
** Achtung:
+
*** manche Systeme haben mehr als 1 Camera - dann bitte beide ausgeben - müssen wir dazu einen gefüllten blauen Pfeil vor die Cameradaten stellen? Sonst kann man die Camera 1 Details nicht unabhängig von den Camera 2 Details aufklappen?
+
*** Beispiel MTZ CFCI-WF 01)
+
**** <span style="color:orange">'''nicht OK''' - es wird nur die erste Kamera angezeigt, weitere Kameras erst bei der detaillierten Ansicht.
+
 
+
<br>
+
 
+
== EM data base ==
+
 
+
===generell===
+
 
+
 
+
[[File:Backend-EM DB.png|thumb|400px|]]
+
[[File:Frontend.png|thumb|400px|]]
+
*Aktuell stimmt die Ausgabe im frontend nicht mit dem überein, was im backend eingetragen ist (siehe Beispiel Bilder "Backend" und "Frontend" für das Gerät Baltec-Med 0202).
+
** <span style="color:green">'''OK'''
+
 
+
===DB Änderungswünsche===
+
 
+
* Alle Unterkategorien, die "Sample Preparation" als parent haben, sollen bitte das Sample preparation Formular benutzen (derzeit funktioniert das nur genau dann, wenn "Sample Preparation" ausgewählt wurde).
+
** derzeit sind das die Ketegorien "Sample Preparation EM" und "Sample Preparation Histo"
+
** kann man das dynamisch machen, oder müssen die Kategorien "hard gecoded" werden?
+
 
+
Nein, kann man nicht, wir schrieben das fest -> Sample prep Formular bitte fest für "Sample Preparation EM" und "Sample Preparation Histo" konfigurieren.
+
 
+
 
+
 
+
===Ausgabewünsche===
+
 
+
Es soll wieder eine Kompaktansicht geben und eine Detailansicht (alles klappt an einer Stelle aus/ein). Weiterhin sind zusätzliche Informationen sichtbar, wenn man eingeloggt ist (dies ersetzt die Detailansicht, die aktiv ist im nichteingeloggten Zustand).
+
 
+
'''generell'''
+
*<span style="color:blue"> Im Moment erscheint die Reihenfole der angezeigten Parameter eher zufällig - stimmt das? Schön wäre, wenn die Parameter entsprechend der Reihenfolge des Formulars im backend angezeigt würden. Dann würde ''Category'' viel weiter oben stehen ...
+
 
+
'''Ergebnisliste'''
+
* prinzipiell ähnlich zu LMs, d.h. ein Bild mit Überschrift (Systemname) und folgenden Zusatzinformationen:
+
** Category
+
** Location
+
* <span style="color:orange"> '''nicht OK''' Aktuell wird bei allen EMs (EM Device) noch ''Suitable for'' sowie bei einigen (den SEMs unter den EMs) der ''Detector'' angezeigt -- bitte entfernen
+
 
+
 
+
'''Kompaktansicht'''
+
* prinzipiell ähnlich zu LMs, d.h. ein Bild mit Überschrift (Systemname) und folgenden Zusatzinformationen:
+
** Category
+
** Suitable for <span style="color:orange"> fehlt
+
** Detector (weglassen, wenn keiner in der DB steht)
+
** Camera (weglassen, wenn keine in der DB steht)<span style="color:orange"> fehlt trotz Eintrag in der DB
+
** Stage, movements <span style="color:orange"> fehlt
+
** Location (wie bei LMs, d.h. inklusive facility...)<span style="color:orange"> fehlt
+
* <span style="color:orange"> aktuell werden zusätzlich angezeigt:
+
**<span style="color:orange"> Manufacturer
+
**<span style="color:orange"> Gun
+
**<span style="color:orange"> Software
+
 
+
'''Detailansicht 1''' für jeden Seitennutzer
+
* alle DB Inhalte, die in der Kompaktansicht nicht enthalten sind in der Reihenfolge wie im Formular
+
** hier alle Bilder anzeigen (wie bei LMs)
+
** für Camera auch die Details anzeigen (Camera mount, Camera size)<span style="color:orange"> fehlt trotz Eintrag in der DB
+
** für Detector auch die Details anzeigen (detector type)<span style="color:orange"> hier wird "Type: 1", "Type: 2" oder "Type: 3" angezeigt; ist so in der DB nicht eingetragen - Wo kommt das her?
+
** Description (mit link zu descriptions und link to manual)
+
** Gun
+
** Voltage
+
** Resolution
+
** Magnification
+
** Software
+
** Manufacturer
+
 
+
'''Detailansicht 2''' für eingeloggten Seitennutzer
+
* alle Inhalte der Detailansicht 1 und zusätzlich:
+
** Touch Date (angezeigt basierend auf TYPO3 DB Inhalten - wann wurde der Datensatz zuletzt geändert)
+
** Inventory Number
+
** Service Contact Number
+
** Date Of Installation
+
** End Of Warrenty
+
** Internal DDc ID
+
** Service Visits
+
 
+
<br>
+
 
+
== Test website on mobile devices ==
+
 
+
=== Verschiedene OS - ist nicht aktuell!===
+
[[File:Screenshot_Chrome_home.png|thumb|400px|Chrome_home]]
+
* OS X El Capitan (SW)
+
** Firefox 45.0.1, Chrome 49.0.2623.112, Safari 9.0.1 funktionieren prinzipiell
+
** '''ABER''' Darstellungsfehler bei allen drei Browsern:
+
*** wenn man auf der hompage ist (Hauptseite) und nochmals auf home drueckt und einmal runter und wieder hoch gescrollt wurde, verschieben sich Bildslider und Suchfeld (Suche dann direkt unter Hauptmenu)
+
*** erstaunlicher Effekt, der jedoch nicht gewuenscht ist
+
 
+
'''Neonblue''': sollte behoben sein, bitte auf grün stellen und prüfen
+
 
+
=== Mobiltelefone (updated 9.12.2016)===
+
 
+
==== Sony experia S5 kompakt, Android 6.0.1, Chrome ====
+
:::[[File:20161205-SW-screenshot-01.png|200px|Lücke zwischen Bild und Box]]
+
 
+
* Woher kommt die Lücke zwischen dem Bild Dresden Concpet und der Box?
+
<br>
+
:::[[File:20161205-SW-screenshot-02.png|200px|Kein Platz auf der main page.]]
+
* Der Platz der für die eigentliche Seite bleibt (speziell im Querformat, im Hochformat ist es etwas besser) ist zu klein.
+
* Dies trifft auf die Hauptseite zu.
+
 
+
:::[[File:20161205-SW-screenshot-03.png|200px|Gar kein Platz auf den Unterseiten.]]
+
* Wenn auf den Unterseiten noch die drei runden buttons dazu kommen, sieht man quasi gar nichts mehr!
+
<br>
+
  
:::[[File:20161205-SW-screenshot-04.png|200px|Mikroskop im Equipment button arg verrutscht und Absatzformatproblem bei Text mit Bild.]]
 
* Das Mikroskop im runden Equipment Button ist stark verrutscht. Geht das besser, wenn vielleicht auch nicht ganz perfekt?
 
* Text mit Bild umfliesst das Bild nicht korrekt in allen Fällen.
 
* Die Absätze mit Bild darüber sehen gut aus. Ist das ein Fehler beim Einpflegen der Daten oder ein Anzeigeproblem auf mobilen Geräten?<br>
 
  
==== ipad (Hella, Silke) ====
+
* Optimierung Scrollverhalten
* iOS ?? (getestet 11.12.2016, Hella)  
+
** Verkleinerung des weissen Kopfbereiches und Suchfeldbereiches beim scrollen soll "smooth" erfolgen, ohne Sprünge.
 +
** Die Verkleinerung soll gleichzeitig den Hintergrund der Suchleiste und die Schriftgröße des BioDIP Schriftzuges beeinhalten.
 +
** Die Hauptnavigationsleiste soll im gleichen Zug schmaler werden, wenn der Hauptinhalt der Seite über das scheinbar dahinterliegende Bild geschoben wird.
 +
** generell: keine Sprünge von Elementen der Seite bim Herunterscrollen (gleichmäßige Verkleinerung aller Seitenelemente, wenn dies vorgesehen ist)
 +
** Kompatibilität zu allen gängigen Internet Browsern (Versionen bis zu 3 Jahre alt)
 +
* Optimierung der Darstellung auf mobilen Geräten (Mobiltelefone, Tablets, win, Mac, Android)
 +
** Es soll auf Anzeigeartefakte getestet werden, die nachfolgend behoben werden.
  
* Swiped man weiter nach oben, wenn man auf der Seite oben angekommen ist, bilden sich leere Zwischenräume, z.B. unter dem Hauptslider. Bitte mit nachfolgendem Inhalt zusammenhalten.
+
* Suche:  
:::[[File:20161211-ipad-quer-01.jpg|200px|Leere Zwischenräume beim scrollen per swipe.]]
+
** Suchoptionen sollen angelegt werden (website/equipment/publications) sollen durchsucht werden können
:::[[File:20161211-ipad-quer-09.jpg|200px|Leere Zwischenräume beim scrollen per swipe.]]
+
** keine Auswahl -> globale Suche
<br>
+
** equipment DB und publications DB soll in die Suche einbezogen werden (bisher ist dies nicht der Fall)
*Organigramm sollte besser links ausgerichtet sein, sonst rutscht es aus dem display.
+
:::[[File:20161211-ipad-quer-02.jpg|200px|Organigram verrutscht.]]
+
<br>
+
* Suchleiste verschwindet beim scollen und erscheint plötzlich wieder, wenn Scollvorgang beendet?
+
:::[[File:20161211-ipad-quer-03.jpg|200px|Vor dem scrollen.]]
+
:::[[File:20161211-ipad-quer-04.jpg|200px|Während des Scrollens.]]
+
:::[[File:20161211-ipad-quer-05.jpg|200px|Am Ende des Scrollvorganges ist die Suchleiste plötzlich wieder da.]]
+
<br>
+
* Sehr großer Abstand zwischen Textelement und Boxelement. Bitte verkleinern.
+
:::[[File:20161211-ipad-quer-06.jpg|200px|Zu grosser Abstand.]]
+
:::[[File:20161211-ipad-quer-07.jpg|200px|Hier ebenso, zu grosser Abstand.]]
+
<br>
+
* Untermenü rutscht aus der Anzeigefläche nach oben heraus. Das soll sicher nicht so sein.
+
:::[[File:20161211-ipad-quer-08.jpg|200px|Hier ebenso, zu grosser Abstand.]]
+
<br>
+
  
 +
* Struktur (BN)
 +
** Ebene MPI-TDS nicht konsistent mit anderen Facilities
 +
** Equipment: Reihenfolge (LM -> EM -> PC -> booking DB)
 +
** Kategorien in Resources nicht konsistent
  
 +
===Interner Bereich===
  
 +
* es soll einen internen Bereich der Seite geben, der nach login erreichbar ist
 +
* BioDIP to do: was erwarten wir von diesem internen Bereich?
 +
* definierte DB Felder sollen nur eingeloggten Nutzern angezeigt werden
  
* '''kindle fire''' (Britta)
+
=== Gerätedatenbank ===
  
 +
* alle Inhalte der derzeitigen Geräte-DB sollen automatisiert in eine eventuell neue/modifizierte Geräte-DB übernommen werden
  
 +
* Filter auf Equipment Seite (https://www.biodip.de/equipment/light-microscopes/?tx_nbmicroscopes_nbmicroscopes%5Baction%5D=&tx_nbmicroscopes_nbmicroscopes%5Bcontroller%5D=LightMicroscope&cHash=845178de7953e7c2c703e88d452a6309)
 +
** Es soll möglich sein, auf eine URL für eine Unterauswahl der Equipment Filter zuzugreifen.
  
== Footer ==
+
* intuitiv bedienbare Eingabemaske für die Gerätedatenbank (nicht im Typo3 wie bisher)
 +
** Eingabe eines Gerätes von oben nach unten (generell nach spezifisch)
 +
** Systemname - Mikroskop - Computer - Zusatzteile
 +
** Datenbankfelder sollen hinzufügbar sein (Beispiel: Standard 1 Computer, trotzdem sollten weitere hinzufügbar sein)
 +
** Ausgabe des Gerätes soll anpassbar sein (Layout global für LM / EM / histo / IP), neue DB Felder sollen ausgegeben werden können
  
* Es sind zwei neue Logos hinzugekommen, so daß der Footer nun über drei Zeilen läuft.
+
Aktuelle Anpassungen der DB:
** Bitte die nicht komplett besetzte Zeile so anpassen, daß die Logos zentriert angezeigt werden
+
* 1. Für die Processing Computer soll es analog zu den LMs und EMs einen link ins Buchungssystem geben
 +
* 2. Processing Computer benötigen eine "Location", analog zu den Mikroskopen
 +
* 3. Links auf eine vorab gefilterte Liste von Geräten (z.B. alle Lichtmikroskope der Kategorie "Facility" = LMF CMCB) sollen möglich sein (bereits möglich für die Publikationsdatenbank)
 +
* 4. Jedes Gerät soll einen link zu seiner home-Facility enthalten (zwischen "Location" und "Suitable for Specimen")
 +
* 5. Von jedem Gerät aus soll ein link auf ein Kontaktformular zeigen, dass die Anfrage an die jeweilige Facility schickt.
 +
* 6. Geräte müssen archiviert werden können (dann nur noch im internen Bereich der website sichtbar, d.h. nach login)
 +
* 7. DB Einträge sollen formatiert werden können (z.B. Hoch/Tiefstellung)
 +
* 8. Umsetzung der Anzeige interner Information nur für eingeloggte Nutzer
 +
* 9. Duplikate von Geräten sollen automatisch verhindert werden.
  
 +
=== Publikationsdatenbank ===
  
== Timeline/History ==
+
* automatischer Import der per Pubmed verfügbaren Daten in die Literaturdatenbank
 +
* neue Publikationen sollen über eine Liste im csv-Format einfügbar sein
 +
** Spalten dieser Liste sind Pubmed-ID; Facility; Field; Image
 +
** die angegebenen images (benannt nach vorgegebenem Namensschema)sollen automatisiert ins CMS hochgeladen werden können
 +
** automatisierte Zuordnung der images zur Publikation (ersichtlich aus filename)
 +
* Sortierung sollte nach Jahr moeglich sein (BN)
  
Fehlermeldung beim Hinzufügen eines Eintrags (siehe Bild "Fehlermeldung Typo3") im List View Modus. [[File:Typo3 Error timeline.PNG|200px|thumb|left|Fehlermeldung Typo3]]
+
=== Schnittstellen ===
  
== History ==
+
* dokumentierte Schnittstelle der Gerätedatenbank, die von externen Ressourcen genutzt werden können, z.B.:
 +
** Interface zu DDc Technologieplattform
 +
** Inferface zu TUD web CMS
 +
** Inferface MPI new booking system

Latest revision as of 14:41, 1 April 2021

Click here for the BioDIP website relaunch team internal discussion

Contents

[edit] Aktualisierung der BioDIP website 2020/21

[edit] Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?)

  • CMS soll beibehalten werden (Typo3) oder auf anderes CMS umgezogen werden
  • backend einheitlich in Englisch
  • Möglichkeit zur Zweisprachigkeit soll bestehen bleiben
  • Texteditor im back end
    • Zeilenumbrueche / Paragraphabstaende funktionieren nicht optimal, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren.
  • Wartungsvertrag:
    • kontinuierlich auf die neueste Version des CMS
    • nicht terminiert
    • jährlich oder zweijährlich kündbar
    • kleinere Änderungen/Anpassungen der website sollen durch den Wartungsvertrag abgedeckt werden (Umfang ca. 24h/Jahr)
  • derzeitige Inhalte des öffentlichen CMS sollen automatisiert in die aktualisierte website übernommen werden
  • Zur Aktualisierung des CMS soll das bisherige Entwicklungssystem genutzt werden (Software vollständig verfügbar)
  • Es soll wie bisher ein Entwicklungssystem und ein live-System bestehen. Die Aktualisierung des live-Systems soll unkompliziert vom Kunden ausgelöst, besser noch selbst durchgeführt werden können. (Bisherige round trip time deutlcih zu lang.)

[edit] Layout

  • generelles Layout der aktuellen website www.biodip.de soll beibehalten werden
  • Barrierefreiheit muß gewährleistet / geprüft werden - erforderliche Modifizierung durchführen / fehlende Inhalte müssen an den Kunden kommuniziert werden
    • Anforderungen der TU Dresden müssen beachtet werden (Andy fragen bzgl. Anforungen - Silke fragt)
    • die Hintergrund- und Vordergrundfarben haben derzeit kein ausreichendes Kontrastverhältnis
    • Eventuell Inhaltsproblematik - fehlende Inhalte an den Kunden kommunizieren
    • den Formularelementen sind bisher keine Beschriftungen zugeordnet
    • Links haben bisher keinen erkennbaren Namen
  • Einbindung von Symbolen bei Anzeige von equipment und facilities (siehe owncloud git repository)
    • Tabelle dazu erstellen (Britta)!
  • Bilder
    • Bildmetainfo soll in der filelist gepflegt werden (Garantie für Konsistenz).
    • Metadaten sollen angezeigt werden können bzw. direkt zur Barrierefreiheit genutzt werden.
    • verwendete Bilder sollen markiert werden können und bei Markierung in der Gallerie erscheinen (auch slider Bilder) - diese Bilder sollen per klick mit der Gallerieansicht verbunden sein, in der sie in voller Größe anzeigbar sind
  • History
    • BioDIP>History
    • Behebung eines Problems eventuell auch durch Verwendung eines alternativen Moduls/plugins: History wird sichtbar durch scroll down - das bleibt häufig hängen und Einträge in der Timeline wiederholen sich endlos.
    • Bisherige Problembehebung - Frontend cache leeren muss automatisch funktionieren bzw. es muss eine andere Möglichkeit gefunden werden.


  • Organigramm soll präsenter sein
    • zusätzliche Verwendung des Organigramms auf Startseite unter den 3 Inhaltsboxen Events - News - DDc inklusive der Aufzählung darunter (https://www.biodip.de/biodip/)
    • soll vom Kunden pflegbar sein
    • Elemente des Organigramms sollen links enthalten können
    • wenn technisch möglich: Änderung layout - Füllfarbe zum highlighting der dunkelblauen facility Flächen ändern und nicht mit Transparenz arbeiten (Durchscheinen des BioDIP Logos ist suboptimal)


Probleme Inhaltsslider
  • News Modul
    • das Typo3-Element "Inhalts-Slider" (oder ein ähnliches) soll auch auf News bzw. Event-Seiten verwendet werden können um mehrere Bilder anzeigen zu können.
    • Alternativlösung: 3 Bilder nebeneinander in mehreren Zeilen anordenbar wie in der Gallerie. Klick auf das Bild liefert eine vergrößerte Darstellung, man kann vor/zurück klicken und so alle Bilder anschauen.
    • Position für die Gallerieansicht: zwischen Text und "Related files"
  • Die Ausgabe der Meatdaten soll formatierbar sein (derzeit besteht kein Unterschied zu normalem Text hinsichtlich der Formatierung). Gewünscht ist z.B. Änderung Schriftgröße, Breite Metadaten an Bildbreite koppeln.


  • Optimierung Scrollverhalten
    • Verkleinerung des weissen Kopfbereiches und Suchfeldbereiches beim scrollen soll "smooth" erfolgen, ohne Sprünge.
    • Die Verkleinerung soll gleichzeitig den Hintergrund der Suchleiste und die Schriftgröße des BioDIP Schriftzuges beeinhalten.
    • Die Hauptnavigationsleiste soll im gleichen Zug schmaler werden, wenn der Hauptinhalt der Seite über das scheinbar dahinterliegende Bild geschoben wird.
    • generell: keine Sprünge von Elementen der Seite bim Herunterscrollen (gleichmäßige Verkleinerung aller Seitenelemente, wenn dies vorgesehen ist)
    • Kompatibilität zu allen gängigen Internet Browsern (Versionen bis zu 3 Jahre alt)
  • Optimierung der Darstellung auf mobilen Geräten (Mobiltelefone, Tablets, win, Mac, Android)
    • Es soll auf Anzeigeartefakte getestet werden, die nachfolgend behoben werden.
  • Suche:
    • Suchoptionen sollen angelegt werden (website/equipment/publications) sollen durchsucht werden können
    • keine Auswahl -> globale Suche
    • equipment DB und publications DB soll in die Suche einbezogen werden (bisher ist dies nicht der Fall)
  • Struktur (BN)
    • Ebene MPI-TDS nicht konsistent mit anderen Facilities
    • Equipment: Reihenfolge (LM -> EM -> PC -> booking DB)
    • Kategorien in Resources nicht konsistent

[edit] Interner Bereich

  • es soll einen internen Bereich der Seite geben, der nach login erreichbar ist
  • BioDIP to do: was erwarten wir von diesem internen Bereich?
  • definierte DB Felder sollen nur eingeloggten Nutzern angezeigt werden

[edit] Gerätedatenbank

  • alle Inhalte der derzeitigen Geräte-DB sollen automatisiert in eine eventuell neue/modifizierte Geräte-DB übernommen werden
  • intuitiv bedienbare Eingabemaske für die Gerätedatenbank (nicht im Typo3 wie bisher)
    • Eingabe eines Gerätes von oben nach unten (generell nach spezifisch)
    • Systemname - Mikroskop - Computer - Zusatzteile
    • Datenbankfelder sollen hinzufügbar sein (Beispiel: Standard 1 Computer, trotzdem sollten weitere hinzufügbar sein)
    • Ausgabe des Gerätes soll anpassbar sein (Layout global für LM / EM / histo / IP), neue DB Felder sollen ausgegeben werden können

Aktuelle Anpassungen der DB:

  • 1. Für die Processing Computer soll es analog zu den LMs und EMs einen link ins Buchungssystem geben
  • 2. Processing Computer benötigen eine "Location", analog zu den Mikroskopen
  • 3. Links auf eine vorab gefilterte Liste von Geräten (z.B. alle Lichtmikroskope der Kategorie "Facility" = LMF CMCB) sollen möglich sein (bereits möglich für die Publikationsdatenbank)
  • 4. Jedes Gerät soll einen link zu seiner home-Facility enthalten (zwischen "Location" und "Suitable for Specimen")
  • 5. Von jedem Gerät aus soll ein link auf ein Kontaktformular zeigen, dass die Anfrage an die jeweilige Facility schickt.
  • 6. Geräte müssen archiviert werden können (dann nur noch im internen Bereich der website sichtbar, d.h. nach login)
  • 7. DB Einträge sollen formatiert werden können (z.B. Hoch/Tiefstellung)
  • 8. Umsetzung der Anzeige interner Information nur für eingeloggte Nutzer
  • 9. Duplikate von Geräten sollen automatisch verhindert werden.

[edit] Publikationsdatenbank

  • automatischer Import der per Pubmed verfügbaren Daten in die Literaturdatenbank
  • neue Publikationen sollen über eine Liste im csv-Format einfügbar sein
    • Spalten dieser Liste sind Pubmed-ID; Facility; Field; Image
    • die angegebenen images (benannt nach vorgegebenem Namensschema)sollen automatisiert ins CMS hochgeladen werden können
    • automatisierte Zuordnung der images zur Publikation (ersichtlich aus filename)
  • Sortierung sollte nach Jahr moeglich sein (BN)

[edit] Schnittstellen

  • dokumentierte Schnittstelle der Gerätedatenbank, die von externen Ressourcen genutzt werden können, z.B.:
    • Interface zu DDc Technologieplattform
    • Inferface zu TUD web CMS
    • Inferface MPI new booking system
Personal tools