New-website-optimization

Click here for the BioDIP website relaunch team internal discussion

Generell offene Punkte / to do's

Kartenelement doppelt

Merkwürdige Pfeile?

Scrolling Gewünschtes scroll-Verhalten über das Bild im Kopfbereich funktioniert noch nicht.

Timeline Die gesamte zur Verfügung stehende Höhe soll für die Inhaltsboxen nutzbar sein.

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.

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.

Typo3 backend

• bitte konsequent englische Begriffe verwenden (Bildausrichtung, Hauptinhalt, Ueberschrift,...)

Unterstützende Dokumente/Links

• ist es möglich, zusätzliche Details sowohl als Dokument hochladen als auch verlinken zu können?

• 20160728: Probleme mit Elementen auf der Seite
  • Auf der [| Seite Facility - EMF BIOTEC/CRTD] wird Kartenelement 2x untereinander verwendet obwohl dies im backend nicht ersichtlich ist?! Siehe Screenshot.
    • Gleicher Effekt tritt auf der Seite LMF BIOTEC/CRTD auf
  • Auf der [| BioDIP - Team Seite] treten plötzlich merkwürdige Pfeile auf (siehe screenshot). Diese scheinen neu oder wurden noch nie bemerkt.
  • Ich finde keine timeline - müste diese nicht unter history sein? Mein Fehler? (Hella)

Microsope

Was wird in dieser Ebene definiert/angelegt?

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

• Generell: Bitte die Auswahllisten automatisch sortieren. Z.B. die Manufacturer lt. Alphabet und Zahlenwerte auf- oder absteigend. noch nicht erledigt
  • Wird umgesetzt (CK)

• 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).
• Parameter Namen (z.Bsp.: Incubator Name) erscheint für uns zur Auswahl im backend. Ausgabe im Front end wird davon nicht beeinflusst.

• In einem folder (e.g. Microscope System) kann im List View per Set Fields eine weiterer Parameter eines Datensatzes anezeigt werden.
  • Wie macht man das rückgängig?
  • Wird Nutzerspezifisch gespeichert.

• Page
  • Ist nicht vom Nutzer zu editieren.

Light Microscope - Ebene 2

LM-Database_Light-MIcroscope

• Bitte die Reihenfolge der Abfragen wie im Bild "LM-Database_Light-Microscope" angegeben
• momentan nach "System ID" aufgelistet, zusätzliche Anzeige des "System Name" wäre sehr hilfreich
• "Building": Eingabefeld (Länge begrenzt?)
• "Touch date": Datum, an dem der Datensatz zuletzt aktualisiert wurde.
  • Ist im Typo3 vorhanden, kann verwendet werden.
  • Punkt wird im Forular entfernt.
• "Images": derzeit nur ein Bild zuordenbar, wir möchten mehrere zuordnen können
• Links / Dokumente: Generell link, das dieser flexibel auf Dokument bzw. eine Seite zeigen kann.
• "Link to Booking System" bitte einführen
• "Sip number": bitte SIP number verwenden
• "Additional Equipment": Beschreibung individuell per Rrich text editor (Bilder/links/Formatierung möglich)erledigt
• "Link To Descriptions" - bitte "Link To Manufacturer Description" verwenden erledigt
• "Internal D D C I D" - bitte "Internal DDc ID" verwenden
• Service Visits bitte ebenfalls als rich text editor anlegen (wie bei additional equipment) erledigt
• "Category": Komplexität offen, es muss immer der Parent angegeben werden, unter dem der neue Eintrag hängt
• "Microscope Stand": umbenennen in Microscope System erledigt
  • Mehrfachauswahl möglich
  • Liste soll mit manufacturer einschränkbar sein
• "Cpu": bitte groß schreiben: CPU
• "Ram": bitte groß schreiben: RAM
• Eingabefeld für "OS" einführen
• Eingabefeld für "Computer Manufacturer Name" einführen
• Eingabefeld für "Internal Net ID" einführen

Category - Ebene 3

Mindmap categories

• Erklärung:
  • Wird eine neue Kategorie angelegt, gibt man die Parent Kategorie an. Dadurch ist Position im Kategorienbaum definiert und die Komplexität ist offen.

SuitableForSpecimen / SuitableForTechnique - Ebene 3

• OK

MicroscopeStand - Ebene 3

• "MicroscopeStand" bitte umbenennen in "Microscope System" (DONE)

LM-Database_Microscope-System

• Bitte die Reihenfolge der Abfragen wie im Bild "LM-Database_Microscope-System" angegeben
• Bitte Eingabefeld ("Microscope System ID") für eindeutigen Namen einfügen, z.B. DMI 6000 B (BIO 08, TIRF) erledigt
• "Name":
  • soll "Microscope Stand" heissen und
  • kein reines Eingabefeld sein, sondern Auswahl aus den bereits vorhanden "Microscope Stand Name"s ermöglichen (am Beispiel "DMI 6000 B")
  • bitte in Ebene 4 Tabelle "Microscope Stand" anlegen, die "Microscope Stand Name" und "Microscope Stand Orientation" und "Microscope Manufacturer" enthält (Wichtig, denn hier geht es um Mikroskope)

• "Reflector Holder1 Type": Auswahl revolver / slider, kein Eingabefeld
• "Reflector Holder1 Style": Auswahl manual / motorized, kein Eingabefeld
• "Number Of Position Rh": bitte umbenennen in "Number Of Holder1 Positions" erledigt
• "Reflector Revolver2 Type": entfällt, da das immer ein Revolver ist erledigt
• "Reflector Revolver2 Style": Auswahl manual / motorized, kein Eingabefeld
• "Number Of Position Rr": bitte umbenennen in "Number Of Revolver2 Positions" erledigt
• "Scan Head Document I D": Wird entfernt. erledigt
• "Photo Manipulation Document I D": Wird entfernt. erledigt
• "Number of Cameras": Mehrfachauswahl, Anzahl ergibt sich aus den ausgewählten, kann bei Bedarf im TYPO3 durchgezählt werden.
• "Manufacturer": kann entfallen, da diese Eigenschaft bereits durch Auswahl des Microscope Stands aus der "Microscope Stand" Liste zugeordnet wurde
• "Refl Holder1 F C": Bitte umbenennen in "Reflectors for Holder1"
  • Mehrfachauswahl der Filtersätze mit Hilfe eines zusaetzlichen Namens ("Unique Filter Cube ID" bitte einfuehren)
• "Refl Revolver2 F C": Bitte umbenennen in "Reflectors for Revolver2"
  • Mehrfachauswahl der Filtersätze mit Hilfe eines zusaetzlichen Namens ("Unique Filter Cube ID" bitte einfuehren)

Objective Revolver - Ebene 4

• Auswahl mit Hilfe eines zusaetzlichen Namens ("Objective Revolver ID [institute affiliation] [internal system ID]" bitte einfuehren)
• "Type" soll "Objective Revolver Type" heißen und ein dropdown manual/motorized sein
• "Number of Positions O" soll "Number of Objective Revolver Position" heißen
• 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 Objektivvergrößerung
  • des Objektiv manufacturers
  • der Immersion
• D.h. diese Einschränkungen sollen zur Verkürzung der Liste verwendet werden können.

Objectives - Ebene 5

LM-database Objectives

• Bitte Ebenenreihenfolge wie im Bild "LM-database Objectives" angegeben
• Internal Number umbenennen in Internal Objective ID erledigt
• Abberation correction umbenennen in Aberration correction erledigt
• Objective ID umbenennen in Manufacturer Objective ID erledigt
• Tube lense umbenennen in Tube length erledigt
• Cover glass thickness umbenennen in Coverslip thickness erledigt
• Immersion umbenennen in Immersion Medium erledigt
• Collar umbenennen in Correction Collar erledigt

Standorientation - Ebene 4

• "Microscope Stand Orientation" ergibt sich aus dem Namen "Name", den wir in "Microscope Stand" umbenennen wollen (siehe oben)
• dadurch ergibt sich die "Microscope Stand Orientation" automatisch, da sie bei Erstellung der "Microscope Stand" Liste mit abgefragt wird
• D.h. Stand Orientation muss hier nicht abgefragt werden.

Additional Filters - Ebene 4

Additional Filter Eingabe

• Abfrage der Eigenschaften bitte wie im Bild "Additional Filter Eingabe" angegeben
• "Additional Filter ID" umbenennen in "Additional Filter ID [institute affiliation] [internal system ID] [filter type]"

Generell

Filter sollen an einer Stelle abgefragt werden in der Ordnerstruktur

• Filter
  • Filtercubes
  • Additional Filters
    • single Filters

Kommentar Neonblue zu grau hinterlegt: Ist das wirklich so sinnvoll? Werdes die Filtercubes aus Single Filters zusammengesetzt?

• Ja, Filtercubes werden aus drei einzelnen Filtern zusammengesetzt.
• Auch Additional filter wheels werden mit diesen Einzelfiltern bestückt.

Condenser - Ebene 4

Condenser Parameter

• Abfrage der Eigenschaften wie im Bild "Condenser Parameter"
• Auswahl (im backend) mit Hilfe eines zusaetzlichen Namens ("Condenser ID" bitte einfuehren) erledigt
• Type: dropdown (z.B. manuell/motorized)
• "Number Of Positions N" umbenennen in "Number of Condenser Positions" erledigt
• Die Auswahlliste kann lang werden - wir möchten die komplette Liste sehen und zusätzlich die Liste einschränken können anhand des Types (manual / motorized).
• Contrast Techniques kann man anlegen - Achtung: nicht mit Objective Contrast Technique verwechseln!
  • Wäre hier nicht eine gemeinsame Liste der Contrast Techniques sinnvoll? - Nein, wir bleiben bei 2 Listen (CK).

Additonal Magnification - Ebene 4

• bitte umbenennen in "Additional Magnification" erledigt
• VEREINFACHUNG:
  • Eingabefeld für den "Additional Magnification Name" [Magnification-Changer-Name] [Magnification1][Magnification2][Magnification3][manual/motorized]"
  • Rest kann entfallen

Hardware Autofocus - Ebene 4

• "Type" umbenennen in "Hardware Autofocus ID" erledigt
• Wenn möglich bitte Feld für link einführen.
• "Manufacturer" umbenennen in "Hardware Autofocus Manufacturer"

XY Stage - Ebene 4

XY Stage Definition

• bitte in "XY Stage" umbenennen im "Microscope System" Formular
• Wie lege ich eines an? In der "New record" kein "XY Stage" Formular vorgesehen?
  • derzeit im "Microscope System" Formular nur "motorized" auswählbar - unklar, woher dieser Eintrag kommt
• Parameter bitte wie in der Tabelle "XY Stage Definition"

Z Focus Device - Ebene 4

• Separater Ordner ist hier nicht nötig.
  • im backend kann dieser Ordner entfallen, da der Z Focus nur manuell oder motorized ist, d.h. dies kann direkt als "Z Focus Device" im Formular "Microscope System" abgefragt werden
• Dropdown mit Namen "Z Focus Device" zur Auswahl manual/motorized im Formular "Microscope System"

Z Focus Device Additional - Ebene 4

Additional z-Focus Device Definition

• "Z Focus Device Additional" bitte umbenennen in "Additional z-Focus Device Name"
• Formular wie im Bild "Additional z-Focus Device Definition" beschrieben

(* Wie lege ich eines an? In der "New record" kein "Z Focus Device Additional" Formular vorgesehen? erledigt * derzeit im "Microscope System" Formular nur "No title" auswählbar - unklar, woher das kommt)

ScanHead - Ebene 4

• Ebene "Scan Head Type" unnötig; "Scan Head" sollte direkt die Scan Head ID's aus "LSM Scan Head" und "SD Scan Head" abfragen

LSM Scan Head - Ebene 5

LM-database_Scan_Heads-LSMs

• Mit "Hide" check box kann mann Daten "verstecken" wie mit der Lampe im typo3 backend.
• 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 Liste (conventional, resonant)
  • "LSM Scanner Type" beinhaltet Geschwindigkeit im Namen, somit entfällt "L S M Scan Head Speed"
• "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 size"
• "Pinhole spacing" umbenennen in "Physical pinhole spacing"
• Camera Type muss hier nicht abgefragt werden
• Pinhole property ist redundant (wird bereits durch og Eigenschaften abgedeckt

Fluorescence light - Ebene 4

LM-database Fluorescence Light Sources

• Bitte den Aufbau der Fluorescence Light Ebene wie im Bild "LM-database Fluorescence Light Sources" angegeben
• Light Source type bitte in die global Kategorie schieben, da dies sowohl vom Transmitted als auch von Fluorescence light source genutzt wird erledigt
  • OK
• Zwischenebene Light Source ist unnötig

Kommentar Neonblue zu grau hinterlegt: Ist das so richtig? Die Zwischen-Ebene macht doch Sinn?

• Stimmt Zwischenebene ist sinnvoll, da die Mehrfachauswahl benötigt wird. Bitte um Entschuldigung.

Camera - Ebene 4

Camera Definition

• 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

globals - Ebene 4

LM-database Filter Cubes

• Filter cubes
  • Abfrage der Eigenschaften bitte wie im Bild "LM-database Filter Cubes" angegeben

LM-database Transmitted Light Sources

• Transmitted light source
  • bitte aus global entfernen und als eigenen Punkt in Ebene 4 etablieren (wie Fluorescence Light source) erledigt
    • OK
  • Aufbau siehe Bild "LM-database Transmitted Light Sources"

• Software Package
  • "Name" bitte in "Software Package Name" umbenennen
  • "Hotfix Number" bitte in "Hotfix Number [hotfix/update][number]" umbenennen
  • "Version Number" bitte in "Version Number [V][number]" umbenennen

globals - Ebene 3

LM-database single Filters

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

EM data base

UML-ElectronMicroscopes

Electron Microscope - Ebene 1

• den Begriff "Electron Microscope" bitte durch "EM Device" ersetzen, da auch die Geräte zur Probenvorbereitung (keine Mikroskope) erfasst werden sollen und es unter Umständen zur Verwirrung kommen kann (siehe UML Diagramm)
  • CK: Es wird in der Tabelle "Category" ein Wert "EM Device" angelegt. 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

• Internal D D C I D" - bitte in "Internal DDc ID" ändern
• "Resolution N M" - bitte in "Resolution in nm" ändern
• "Resolution K V" - dieses Element bitte löschen
• "Resolution K X" - bitte in "Magnification (kx)" ändern - erledigt
• "Detector" - muß eine Mehrfachauswahl sein - erledigt

Stage - Ebene 4

• Hier bitte noch ein Element "Movements" (als Mehrfachauswahl) anlegen

• 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

• bitte das Kameraformular der Lichtmikroskope übernehmen

Detector - Ebene 3

• Bitte in eine Mehrfachauswahl ändern, da ein EM mit mehreren Detektoren ausgestattet sein kann (Vielleicht kann das ja mit dem Element "Gun" getauscht werden da hier eine einfache Auswahl ausreichend ist?) - erledigt
• 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) (Silke W.)
  • 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)

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 Menü 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)

• kindle fire (Britta)