New-website-optimization

Revision as of 10:12, 18 August 2017

Click here for the BioDIP website relaunch team internal discussion

Generell offene Punkte / to do's

https nicht korrekt unterstützt

Browser Protocol: http/https

• bei Verwendung von https Probleme mit der Seitendarstellung - siehe Screenshot, bitte beheben

Suche

• Suche scheint nicht komplett zu funktionieren, z.B. wird nichts gefunden bei der Suche nach "dexel", was nicht sein kann

Scrolling

Probleme Inhaltsslider

Element "Inhalts-Slider"

• Metainfo, die in der filelist eingepflegt wurde, wird nicht angezeigt, siehe Bild
• 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

• Verwendung innerhalb von News bzw. Events bitte ermöglichen.
  • Das ist technisch nicht möglich (CK).
• Gewünschte Alternative:
  • 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"

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?

• 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?

Organigram ok bei breitem Fenster

Anzeige der Erklärungen bei schmalem Fenster funktioniert nicht

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

Diese Ebene dient nur der Übersicht im backend, hat keine echte Funktion.

Screens zur Darstellung der LM Datenbank

generell

Layout and DB fields detailed view

• 

  Display list view

• 

  DB fields to be used, green characters to be added if DB content present

• 

  Display compact view

• 

  DB fields to be used, green characters to be added if DB content present, blue texts - links, red texts are comments

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

Screens zur Darstellung der Publikationsdatenbank

Übersicht als Tabelle

• Screen vom 19.12.16 für die Tabellenansicht ist perfekt.

Erste live Version:

• Sehr schön, sieht gut aus und funktioniert jetzt auch mit der kompletten DB inklusive Bildern schnell genug!
• Einige wenige Änderungswünsche:
  • Auswahlfeld "Anzahl Einträge" ist zu dominant - kann man das etwas kleiner oder mit weniger Kontrast darstellen?
  • Bitte für "Research Area" nur "Field" schreiben und dafür die Autoren- und Titelspalte etwas breiter auslegen, da es oft viele Autoren gibt.
  • Der Text im Suchfeld soll auf einer Höhe stehen mit "Search in table", der Rahmen kann gern etwas größer sein, damit das Suchfeld mehr auffällt.
  • Kann der gesuchte Begriff in der Suchergebnistabelle hervorgehoben werden?

Änderungswünsche Detailansicht

Detailansicht

• sieht gut aus, wenige Änderungswünsche:
  • siehe Bild "Änderungswünsche Detailansicht"
  • die facilities sollen links auf die Facility Seiten sein

LM Datenbank

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

• sieht gut aus
• bitte "Category", "Location", "Stand" und "Fluorescence Illumination" fett schreiben

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.

• 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)
  • "Show all Details" klappt alle Details auf - Prima! ABER: Wie klappe ich alle wieder zu? Muss sich bei Benutzung des buttons nicht die Beschriftung ändern und ich kann mit demselben Knopf alle wieder zuklappen?
• 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...

Suitable for Specimen - Text abgeschnitten

Suitable for Technique - Text abgeschnitten

• "Suitable for specimen", "Suitable for technique", "Microscope Stand": Text nach Aufklappen nicht vollständig sichtbar - siehe Bilder
  • Problem im Browser, in der mobilen Version OK (wo getestet?)

• 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
    • 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.

Problem Umbruch Internal Objective ID

• • • Auf einigen Seiten ist beim Aufklappen der Objektive der Einzug der Objektivparameter nicht korrekt. (Bsp, System MPI-CBG CZ7, siehe auch Beispielbild)

Einzugproblem Objektive

• • Condenser: gefüllter Pfeil, Zeile 1 ausgeben, Zeil 2 erst nach Aufklappen
  • Fluorescence Filter Cubes:

• ALLE Cubes werden mit gefülltem Pfeil und nur der main application ausgegeben (Bsp. nur GFP)
• alle weiteren Details erst nach Aufklappen
• link kann intern oder extern sein, wir hatten extra dieses Feld gewählt, damit man diese Freiheit hat

• Transmitted Illumination: link bitte belassen, auch wenn nur selten gepflegt, überflüssige Kommas bitte entfernen (prüfen, ob DB Felder leer sind)

• Fluorescence Illumination: gefüllter Pfeil, ebenso in rechter Spalte

• Laserlinien nicht vergessen auszugeben!

• Camera: gefüllter Pfeil, nur die erste Zeile ausgeben, alle anderen Parameter erst nach Ausklappen

• Bitte DB Feld für den dexel link einrichten
• Achtung: manche Systeme haben keine Camera, diesen Punkt dann weglassen!
• Es wird nicht immer der kompklette Text angezeigt, Warum? (siehe Bsp.)--> nur im Browser, in der mobilen Version OK

Problem camera Text nicht komplett

• Zweite eingepflegte Camera ist im Frontend nicht sichtbar. (Beispiel MTZ CFCI-WF 01)

• XY stage: gefüllter Pfeil, nur erste Zeile ausgeben, Rest erst nach Aufklappen
• Hardware Autofocus: weglassen, wenn nicht gepflegt
• Scan Head: gefüllter Pfeil, nur erste Zeile ausgeben, Rest erst nach Aufklappen

• Ein System hat max. einen scan head, entweder confocal oder spinning disc

• Structured Illumination: weglassen, wenn nicht gepflegt
• Extra Photo Manipulation: nur ausgeben, wenn eingepflegt, Text aus RTE muss vom Nutzer optimiert werden
• Incubation: nur ausgeben, wenn eingepflegt

• gefüllter Pfeil, nur die erste Zeile ausgeben, alle anderen Parameter erst nach Ausklappen
• ausgabe CO2 Tiefgestellung funktioniert nicht (es steht da CO₂), Problem auch bei O2 und N2

• Computer: es kann mehrere Computer pro System geben, deshalb Mehrfachauswahl

• im Light Microscope sind die Computer Parameter bereits entfernt worden
• gefüllter Pfeil, nur erste Zeile ausgeben, Rest erst nach Aufklappen

• Software: gefüllter Pfeil, nur erste Zeile ausgeben, Rest erst nach Aufklappen
• Additional Equipment: nur ausgeben, wenn eingepflegt
• Additional Information: gefüllter Pfeil, nur erste Zeile ausgeben, Rest erst nach Aufklappen

EM data base

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).

Kompaktansicht

• prinzipiell ähnlich zu LMs, d.h. ein Bild mit Überschrift (Systemname) und folgenden Zusatzinformationen:
  • Category
  • Suitable for
  • Detector (weglassen, wenn keiner in der DB steht)
  • Camera (weglassen, wenn keine in der DB steht)
  • Stage, movements
  • Location (wie bei LMs, d.h. inklusive facility...)

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)
  • für Detector auch die Details anzeigen (detector type)
  • 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

Test website on mobile devices

Verschiedene OS - ist nicht aktuell!

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

• Woher kommt die Lücke zwischen dem Bild Dresden Concpet und der Box?

• 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.

• Wenn auf den Unterseiten noch die drei runden buttons dazu kommen, sieht man quasi gar nichts mehr!

• 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?
  

ipad (Hella, Silke)

• iOS ?? (getestet 11.12.2016, Hella)

• 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.

• Organigramm sollte besser links ausgerichtet sein, sonst rutscht es aus dem display.

• Suchleiste verschwindet beim scollen und erscheint plötzlich wieder, wenn Scollvorgang beendet?

• Sehr großer Abstand zwischen Textelement und Boxelement. Bitte verkleinern.

• Untermenü rutscht aus der Anzeigefläche nach oben heraus. Das soll sicher nicht so sein.

• kindle fire (Britta)