New-website-optimization

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

Scrolling

• Gewünschtes scroll-Verhalten über das Bild im Kopfbereich funktioniert noch nicht.
  • Dieses scroll-Verhalten kann bei 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.

Element "Inhalts-Slider"

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

• 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.
  • Wird diese im Inhaltsslider angezeigt, wenn kein Text eingepflegt wurde?
  • Wo sieht man z.B. im Inhaltsslider Element die Bild Metainfo?

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?

Typo3 backend

• bitte konsequent englische Begriffe verwenden:
  • Bildausrichtung - Image orientation
  • 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

• more?

• Wir reporten Probleme an Neonblue mit gewünschter Übersetzung, dies wird eingepflegt.

Microsope

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

Screens zur Darstellung der LM Datenbank

generell

• 

  Display list view

• 20170202-list-view-DB-fields.JPG

  DB fields to be used, green characters to be added

File:20170202-list-view-DB-fields.JPG

SCREEN How to display data in the list view.

SCREEN How to display data in the compact view.

SCREEN How to display data in the detailed view.

how-to-display-filter-sets

• wo toggle ich zwischen "Kompaktansicht"(compact view) und "alle Informationen anzeigen" (show all details) hin und her? (es ist nicht zumutbar, alle aufgeklappten Infos einzeln einklappen zu müssen um zur Kompaktansicht zu gelangen)
• Die "i" buttons zum Aufklappen weiterer Details entsprechen nicht dem Stil der restlichen webpage. Bitte wieder mit den Pfeilen vor den Überschriften (siehe "more info" oder Accordion) arbeiten.

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

refinemant ecquipment search - draft

Das Excel sheet "Display-of-Light-Microscope-data-20161201" enthält die Angaben zur Ausgabe der Daten. Der Filter oben im file erlaubt, nur die Felder einzublenden, die in der jeweiligen Ansicht ausgegeben werden sollen. Die Darstellung der Filtercubes liess sich im Excel sheet nicht korrekt abbilden, da Zeilen zwischengeschoben werden müßten. Deshalb gibt es ein Beispiel zur Ausgabe hier.

Wir erstellen selbst die screens zu allen Ansichten:

• Listenansicht - fertig
• Kompaktansicht - fertig
• Detailansicht - fertig

• 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

Änderungswünsche Detailansicht

• Frage: sortiert ein Klick auf eine Überschrift einer Tabellenspalte die Tabelle? Diese Art der Tabellensortierung soll bitte funktionieren.
  • Das trifft zu. Es wird jeweils der DB Inhalt (Publikationen) durchsucht, nicht nur die momentan angezeigten Einträge. (CK am 13.12.16)
• Wenn nach dem Jahr sortiert werden soll, soll das über das Suchfeld erfolgen, oder?
  • Ja, genau.

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

Detailansicht

• sieht gut aus, wenige Änderungswünsche:
  • siehe Bild "Änderungswünsche Detailansicht"

LM Datenbank

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?

globals - Ebene 2

• Software package
  • Software packages: braucht auch eine ID als Auswahlkriterium (Software Package ID [institute affiliation] [internal system ID] [software package name]

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?

• Das Feld "Resolution" soll ein Textfeld sein, kein Zahlenfeld, bitte ändern.
  • Ich kann zwar Text eingeben, der lässt sich aber nicht speichern - bitte beheben.

• Achtung Typo: camera Formular: Manufacturer fehlt
• "Link to Description" bitte umbenennen in "Link to Manufacturer Description"

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)