New-website-optimization

Click here for the BioDIP website relaunch team internal discussion

Generell offene Punkte / to do's

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.

Timeline

• Die gesamte zur Verfügung stehende Höhe soll für die Inhaltsboxen nutzbar sein.
• Neonblue überprüft die technischen Möglichkeiten, die derzeitige Zeilenbegrenzung zu umgehen.

Zoom Effekte

• Zoomt man z.B. auf Team - Light Microscopy eine Stufe, sind die buttons unten (ok), aber dann entsteht ein großer weisser Bereich über den Facility Boxen - sehr unschön.
• Neonblue: Wird global für alle Seiten gelöst.

Element "Inhalts-Slider"

• Titel und Beschreibung bitte auch im vergrößerten Bild anzeigen (so wie auch im Element "Slider").

• Verwendung innerhalb von News bzw. Events bitte ermöglichen.

• Sollte funktionieren - sollten wir überprüfen, der Text muss nur eingepflegt werden, z.B. in optical concept - milky glass block demo. Ist die Länge des Textes ausreichend? Weitere Formatierungsmöglichkeiten nötig (nicht empfohlen!)?

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

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
  • 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 - Kommentare noch nicht beendet

generell

• 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?
  • 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 wie im file "Display-of-Light-Microscope-data-20160621.xls" gewünscht und/oder event. zweispaltig?)

refinemant ecquipment search - draft

Listenansicht

Laut Excel sheet "Display-of-Light-Microscope-data-20160602" sind folgende Änderungen nötig:

• Manufacturer soll in einer Zeile mit Microscope stand aufgeführt werden, z.B. Zeiss AxioObserver Z1(inverted, motorized objective revolver, motorized z-focus)
• ebenso sollen hier angezeigt werden:
  • Suitable for Technique
  • Fluorescence light source
  • Camera
• Möglichkeit zur Einschränkung der Liste (wie ebay) fehlt bisher (siehe Bild)

Kompaktansicht

• Name - OK
• Bild - OK
• Description - OK
• Category bitte ändern in "Technology" - prinzipiell OK
• Location - OK
• Suitable for specimen - OK
• Suitable for technique - OK
• Überschrift "Microscope" nicht nötig, kann entfallen
• Microscope stand - OK
• Additional magnification - nur anzeigen, wenn vorhanden (hier nicht ersichtlich, ob dem so ist)

• Condenser:
  • Die Worte "Contrast Techniques" sollen nicht mit aufgeführt werden (an Hella: so haben wir es in der Tabelle definiert... aber wenn ich ehrlich bin, finde ich es gar nicht schlecht, wenn es mit da steht. Was denkst du?)
• Fluorescence filter cubes:
  • Die "erste" Schreibweise der Fluorescence filter cubes soll mit in der Kompaktansicht aufgeführt werden, dahinter sollte ein verlinkbares "more information"
• Camera:
  • In der Kompaktansicht (in der gleichen Zeile) sollen stehen: Manufacturer Camera Name,Camera Type and Technology, dexel size.
  • Die camera ID ist nur für das backend gedacht!
• Scan head:
  • Die scan head ID ist nur für das backend gedacht!
  • Hier in der Kompaktansicht sollen stehen LSM Scan Head Name bzw. SD Scan Head Type
• Computer:
  • Warum andere Darstellung als die anderen Zwischenüberschriften?
  • In der Kompaktansicht auch Computer Manufacturer Name
• Software:
  • Warum andere Darstellung als die anderen Zwischenüberschriften?
  • In der Kompaktansicht auch software packages

aufgeklappte Ansicht

• Fluorescence filter cubes:
  • die "erste" Schreibweise der Fluorescence filter cubes soll mit in der Kompaktansicht aufgeführt werden, dahinter sollte ein verlinkbares "more information"
  • Filter Name Middle Value 1, Filter name range 1, Filter Type 1, Filter Type 2, Filter Manufacturer, Filter Manufacturer ID sollen in einer Zeile aufgeführt werden
  • die zweite Zwischenüberschrift Filter cubes in "details" umbenennen

• Camera:
  • in der Kompaktansicht (in einer Zeile hintereinander weg) sollen stehen: Manufacturer Camera Name, Camera Type and Technology, dexel size.
  • Die camera ID ist nur für das backend gedacht!
  • Die Serial number soll nur im admin frontend aufgeführt werden!

• generell wäre es hier gut, einen Screen für alle ausgeklappten Infos zu bekommen

LM Datenbank

• Farbkodierung
  • erledigt - bitte prüfen
  • wird erledigt, wenn die Datenbank final ist
  • Extra-Aufwand (in der Summe ca. 3 Stunden zu je 80 Euro netto)
  • alternativer Parameter für die Einschränkung einer Liste, wenn eine Mehrfacheinschränkung doch nicht möglich sein sollte
  • Kommentar hinterlegt - bitte Feedback

• für alle Parameter sollte immer schon ein "none" als default Parameter existieren (sobald man sonst eine Eigenschaft einpflegt, z.Bsp: Photomanipulation "microdissections" wird diese automatisch bei allen stands ausgewählt. Wenn wir nun im Nachhinein "None" als Parameter für die einzelnen Categorien einfügen, erscheint dieses none am unteren Ende der jeweiligen Liste. None sollte Default für jeden Parameter sein und als solcher dann im front end nicht auftauchen.
  • Wird am Ende in jede Tabelle eingefügt (CK).

Light Microscope - Ebene 2

Das sieht gut aus, einige Kleinigkeiten:

• "Building": Eingabefeld (Länge begrenzt - 255 Zeichen genügen)
  • Wo werden die "Building"s gepflegt? (Habe unter Globals noch nichts gefunden.)
• bitte Typos korrigieren:
  • Date of Installation
  • SIP Number

• Wie realisiert man im rich text editor eine Hoch/Tiefstellung?

Microscope-System Formular

MicroscopeSystem - Ebene 3

• Bitte die Reihenfolge der Abfragen wie im Bild "Microscope-System Formular" angegeben

• Fehler unsererseits: Additional Magnification braucht keine Mehrfachauswahl sein, dropdown genügt
  • dies entstand durch Vereinfachung der additional magnification
  • wenn Aufwand zu gross, geht es zur Not auch wie es ist

Objective Revolver - Ebene 4

• Die Auswahlliste der Objektive kann lang werden - wir möchte die komplette Liste sehen und zusätzlich die Liste einschränken können anhand
  • der Facility (Achtung, nachgereicher Wunsch am 25.8., Eventualposition, abgesprochen mit Herrn Kossack)
  • der Objektivvergrößerung
  • des Objektiv manufacturers
  • der Immersion
• D.h. diese Einschränkungen sollen zur Verkürzung der Liste verwendet werden können. Lt. Herrn Kossack ist die Einschränkung mit mehreren Parametern möglich.

LM-database Objectives

Objectives - Ebene 5

• Bitte Ebenenreihenfolge und Benennungen wie im Bild "LM-database Objectives" angegeben

• Unter "Immersion" sind keine Einträge sichtbar, obwohl diese unter "Objective" erscheinen. Vielleicht ein Rechteproblem?
• In der "Abberation Correction" wird der Manufacturer mit abgefragt - das ist überflüssing, da die Abfrage im Formular "Objective" enthalten ist. Bitte entfernen.
• In der "Numerical Aperture" gibt es Probleme, wenn Werte wie "1.25-0.7" eingegeben werden. Es erscheint dann eine große Zahl - wie können wir das umgehen?
• "Abberration correction" bitte mit "bb" schreiben

Additonal Magnification - Ebene 4

• sieht gut aus - sind damit die 3 Seiten
  • Magnification1
  • Magnification2
  • Magnification3 überflüssig?
• Wenn ja, bitte löschen.

XY Stage - Ebene 4

• sieht gut aus
• Unterordner "ExactName" ist überflüssig und kann gelöscht werden, oder?!

Z Focus Device Additional - Ebene 4

Additional z-Focus Device screenshot

• sieht gut aus
• Unterordner "Device Type bitte wie im Bild "Additional z-Focus Device screenshot" umbenennen (stand so in der Tabelle, siehe discussion page)
• Unterordner "Manufacturer" kann gelöscht werden, oder?

Additional Filters - Ebene 4

Additional Filter folder hidden

• "Additional Filter" Formular ist ok aber der Unterordner ist nicht sichtbar (Rechteproblem?) - siehe screenshot (Additional Filter folder hidden)
• Erwarteter Unterordner: "Additional Filter Type" (Woher kommen derzeit die Einträge, die im dropdown erscheinen?)
• pfd upload bitte als link auslegen (wie überall)

• Achtung: Die Liste der single Filters wird sehr lang werden. Deshalb benötigen wir Einschränkungsmöglichkeiten der alphabetisch sortierten "Filter ID" Liste bei der Zuordnung von "Single filters" zu "Filtercubes" und "Additional filters". Gewünschte Einschränkungsparameter:

• Facility
• Filter Manufacturer
• Filter Application
• Filter Type 2

Generell

Filter sollen an einer Stelle abgefragt werden in der Ordnerstruktur (derzeit in Globals Ebene 3 und 4 verteilt)

• Filter

• Filtercubes (werden aus bis zu drei einzelnen single Filtern zusammengesetzt)

• Filtercubes werden in die Reflector holder/revolver im Microscope System eingebaut

• Additional Filters (enthalten 1 oder mehr single Filter)

• single Filters (dies sind die einzelnen Filter, die jeweils in cubes oder additional filters eingebaut werden)

Transmitted light source- Ebene 4

LM-database Transmitted Light Sources

• Aufbau siehe Bild "LM-database Transmitted Light Sources"

LSM Scan Head - Ebene 5

LM-database_Scan_Heads-LSMs

• Bitte den Aufbau der LSM Scan Head Ebene wie im Bild "LM-database_Scan_Heads" angegeben
• zusätzlich, als erstes Auswahlkriterium, "LSM ScanHead ID" einführen
• "Type" bitte umbenennen in "LSM Scanner Type" - Auswahl aus pflegbarer dropdown Liste (z.B. conventional, resonant)
• analog mit Name, siehe Bild
• "Detector" Ebene kann entfallen

Spinning Disc Head - Ebene 5

LM-database_Scan_Heads-Spinning disc

• "Spinning Disc Head Spee" umbenennen in "Spinning disc speed"
• "Pinhole size" umbenennen in "Physical pinhole diameter"
• "Pinhole spacing" umbenennen in "Physical pinhole spacing"
• Camera Type muss hier nicht abgefragt werden

• Tabelle korrigiert am 5.9.16

LM-database Fluorescence Light Sources

Fluorescence Light Source - Ebene 4

• Bitte den Aufbau der Fluorescence Light Ebene wie im Bild "Fluorescence Light Sources" angegeben

Single Fluorescence Light Sources

Single Fluorescence Light Sources - Ebene 5

• Bitte den Aufbau der Fluorescence Light Ebene wie im Bild "LM-database Single Fluorescence Light Sources" angegeben
• Single Fluorescence Light Sources werden in der Mehrfachauswahl Fluorescence Light Source ausgewählt

Camera Definition

Camera - Ebene 4

• Kameraformular bitte wie in Tabelle "Camera Definition" gestalten.

Structured illumination - Ebene 4

LM-database structuredIllumination

• Abfrage der Eigenschaften bitte wie im Bild "LM-database structuredIllumination" angegeben

Incubation - Ebene 4

Incubation Components

• Abfrage der Eigenschaften bitte wie im Bild "Incubation Components" angegeben

PhotoManipulation - Ebene 4

Photomanipulation Eigenschaften

• Abfrage der Eigenschaften bitte wie im Bild "Photomanipulation Eigenschaften" angegeben

Software Package - Globals Ebene 2

• "Software Package Name" - zur Auswahl nutzen, nicht die Version Number

globals - Ebene 3

LM-database Filter Cubes

• Generell
  • Filter sollen an einer Stelle abgefragt werden in der Ordnerstruktur
  • derzeit in Globals Ebene 3 und 4 verteilt - sollten wir das ändern?

• Filter cubes

• Filtercubes werden aus bis zu drei einzelnen "single Filter" zusammengesetzt
• Filtercubes werden dem Reflector holder/revolver im Microscope System zugeordnet
• Abfrage der Eigenschaften bitte wie im Bild "LM-database Filter Cubes" angegeben
• Achtung: Die Liste der single Filters wird sehr lang werden. Deshalb benötigen wir Einschränkungsmöglichkeiten der alphabetisch sortierten "Filter ID" Liste bei der Zuordnung von "Single filters" zu "Filtercubes" und "Additional filters". Gewünschte Einschränkungsparameter:

• Facility
• Filter Manufacturer
• Filter Application
• Filter Type 2

globals - Ebene 4

LM-database single Filters

• Single filter

• Filter sind die kleinsten Teile, die in Filter cubes und Additional filters verwendet werden
• deshalb sollen Filter in der Hierarchie am weitesten unten stehen
• Abfrage der Eigenschaften bitte wie im Bild "LM-database single Filters" angegeben

• Single Filter Tabelle aktualisiert am 8.8.16

EM data base

UML-ElectronMicroscopes

Electron Microscope - Ebene 1

• CK: Es wird in der Tabelle "Category" ein Wert "EM Device" angelegt (done, HH, 8.8.16). Wird dieser dann beim Erstellen eines neuen Datensatzen ausgewählt, passen sich die Felder in der Eingabemaske wie auf Ihrem zugesandten UML-Diagramm an - alle nicht markierten Felder werden dann ausgeblendet.
• IR: Bitte "EM Device" in "Sample Preparation" umbenennen

Electron Microscope - Ebene 2

• "Resolution N M" - bitte in "Resolution in nm" ändern
• "Resolution K V" - dieses Element bitte löschen

Stage - Ebene 4

• Hier bitte noch ein Element "Movements" (als Mehrfachauswahl) anlegen, dies wäre wirklich wichtig

• Außerdem bitte analog zum XY Stage für die light microscopes "Type" (zusätzlich zu Name & Manufacturer) hinzufügen
• kann "Type", analog zu den Lichtmikroskopen bitte mit "manual" oder "motorized" vorbestimmt sein?

Camera - Ebene 3

• Kamerabeschreibung bleibt wie ursprünglich beschrieben

Detector - Ebene 3

• hier bitte auch noch "Type" (zusätzlich zu Name & Manufacturer) hinzufügen
• kann "Type" bitte mit entweder "backscattered" oder "secondary electrons" vorbestimmt sein (es gibt nur diese beiden Möglichkeiten)?

Test website on mobile devices

Verschiedene OS

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

iphone (Hella, Silke)

• iOS 9.3.3 (getestet 1.8.2016, Hella)
  • quer:Logos im footer verrutscht - das scheint generell noch ein Problem zu sein auf mobilen Geräten

• hochkant: Logos im footer miniklein und sehr weit voneinander entfernt - Platz und Größe muss optimiert werden

Android

• Android 5.1.1. Internet Explorer (Hella, 26.7.16)
  • Problem in den Boxen auf der facility page
    • Liegt das an den eingepflegten Bildern?

• verrutschte logos im footer Bereich

• Hauptmenü muss manchmal gescrollt werden? Effekt tritt nicht immer auf, wenn man länger auf der Seite bleibt, scheint es weg?

• Android htc 4.4.2. Internet Explorer (Silke T.)
  • Darstellung mangelhaft

Neonblue: der Internetexpolrer wird von uns nicht für Android Geräte unterstützt, hier optimieren wir nur auf den systemeigenen Browser

• Android 4.3., 5.1.1. google Chrome (Britta)
  • minimale Artefakte in den Grafiken der buttons

Neonblue: das liegt an den rendereigenschaften des Browser - die Symbole sind Vektordaten und werden entsprechend vom Browser gerendert - hier haben wir leider keinen Einfluss, wie der Browser dies rendert

• Android 4.3., 5.1.1. google Chrome (Silke W.) (2.8.)
  • Boxen erscheinen unterschiedlich groß, trotz gleichen Inhalts (gleiche Zeilenanzahl)

• • Wenn durch kleine Bildschirmgröße automatische Zeilenumbrüche eingefügt werden, entstehen unschöne Leerzeilen (bzw. zu große Zeilenabstände)

Tablets

• ipad (Hella)
  • Ähnliches Footer Problem wie auf dem Samsung Tablet

Neonblue: sollte behoben sein - nein (1.8.16), zumindest nicht im Hochformat - siehe nachfolgender screenshot

• Ähnliches Problem mit Mikroskopgrafik im button wie auf Android mobile mit google Chrome

Neonblue: siehe "minimale Artefakte in den Grafiken der buttons"

• ipad test 27.7.2016 (Hella)

• Hauptseite sieht oben gut aus, beim scrollen Artefacte in den 3 Boxen, die am Rechner nebeneinander sind

• Verschiedene Probleme auf der gleichen Seite wurden beobachtet - kann das sein?!

• Samsung Tablet 4, Android 4.4.2
  • Internet 1.5.28 (Standardanwendung - vorinstalliert) - geht nicht (außer dem BioDIP Logo und den Icons "Home" & "Menü" wird nichts angezeigt - IR (2.08.): besteht nach wie vor
  • Google Chrome (Version 49.0.2623.91) - geht bedingt:

1. DD-concept Box wird unvollständig angezeigt

1.1 Inhalte der News and Events Box passen im Querformat nicht in die Box

2. Partner Logos am Seitenende sind nach unten gerutscht

Neonblue: sollte behoben sein - siehe "ipad (Hella) Ähnliches Footer Problem wie auf dem Samsung Tablet" - IR (2.08.): nein, besteht nach wie vor sowohl hoch- als auch querkant

3. Ruft man Publications oder FAQ (via der Icons) auf, wird links das dazugehörige Submenü nicht angezeigt

Neonblue: Für uns nicht nachvollziehbar - evtl. noch der Browser-Cache - die Links funktionieren bei uns einwandfrei - IR (2.08.): unter Umständen haben wir uns hier missverstanden: es gibt keine Möglichkeit auf die Unterseiten von Publication zu kommen (BioDIP Publications/ External Literature / How to Acknowledge)

• Neonblue hat "Publications" in die Hauptnavigation eingefuehrt - Unterseiten, die per Hauptnavigation erreicht werden, haben das submenu der Seitennavigation
  • ipad quer: Seitennavigation ist da!
  • ipad hoch: Seitennavigation fehlt?!

• kindle fire (Britta)