New-website-optimization

From BioDIP
(Difference between revisions)
Jump to: navigation, search
(Software Package - Globals Ebene 2)
Line 58: Line 58:
 
<br>
 
<br>
 
<br>
 
<br>
 +
 +
 +
== Screens zur Darstellung der LM Datenbank==
 +
  
 
== LM Datenbank==
 
== LM Datenbank==

Revision as of 15:32, 24 August 2016

Click here for the BioDIP website relaunch team internal discussion

Contents

Generell offene Punkte / to do's

Scrolling

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

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


Light Microscope - Ebene 2

Light-Microscope Formular
  • Was bedeutet die Language Auswahl default/Deutsch ganz oben im Formular?
  • Bitte die Reihenfolge der Abfragen wie im Bild "Light-Microscope Formular" angegeben
  • "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" wird eingeführt (Neonblue)
  • "Sip number": bitte SIP number verwenden
  • "Internal D D C I D" - bitte "Internal DDc ID" verwenden
    • Liste soll mit manufacturer einschränkbar sein
  • "Cpu": bitte groß schreiben: CPU
  • "Ram": bitte groß schreiben: RAM
  • Neonblue prüft Aufwand - wird wahrscheinlich möglich sein (CK):
    • Eingabefeld für "OS" einführen
    • Eingabefeld für "Computer Manufacturer Name" einführen
    • Eingabefeld für "Internal Net ID" einführen
Microscope-System Formular




MicroscopeSystem - Ebene 3

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


  • "Reflector Holder1 Type": Auswahl revolver / slider, kein Eingabefeld
  • "Reflector Holder1 Style": Auswahl manual / motorized, kein Eingabefeld
  • "Reflector Revolver2 Style": Auswahl manual / motorized, kein Eingabefeld
  • "Number of Cameras": Mehrfachauswahl, Anzahl ergibt sich aus den ausgewählten, kann bei Bedarf im TYPO3 durchgezählt werden.
  • "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)









MicroscopeStand - Ebene 4

  • "Name" soll "Microscope Stand Name" heissen
  • Umbenennungen bitte wie im Bild "Microscope Stand" angegeben ändern









Objective Revolver - Ebene 4
  • Auswahl mit Hilfe eines zusaetzlichen Namens ("Objective Revolver ID [institute affiliation] [internal system ID or name]" 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. 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









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





Condenser - Ebene 4
Condenser Parameter
  • Abfrage der Eigenschaften wie im Bild "Condenser Parameter"
  • Type: dropdown (z.B. manuell/motorized)
  • 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

VEREINFACHUNG:

  • Eingabefeld für den "Additional Magnification Name" [Magnification-Changer-Name] [Magnification1][Magnification2][Magnification3][manual/motorized]"
  • Rest kann entfallen
Hardware Autofocus - Ebene 4
  • Bitte Feld für link einführen. (OK, Herr Kossack)
  • "Manufacturer" umbenennen in "Hardware Autofocus Manufacturer"
XY Stage Definition
XY Stage - Ebene 4
  • 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 Additional - Ebene 4
Additional z-Focus Device Definition
  • "Z Focus Device Additional" bitte umbenennen in "Additional z-Focus Device Name" - habe ich versucht, es bleibt leider eine warning "PHP Warning: Illegal string offset 'data' in /var/www/web3/html/kunden/biodip/typo3conf/ext/templavoila/class.tx_templavoila_tcemain.php line 629"


  • Formular wie im Bild "Additional z-Focus Device Definition" beschrieben





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








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













LM-database Transmitted Light Sources
Transmitted light source- Ebene 4
  • Aufbau siehe Bild "LM-database Transmitted Light Sources"








Software Package - Globals Ebene 2

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










globals - Ebene 4
LM-database Filter Cubes
  • Filter cubes
    • Abfrage der Eigenschaften bitte wie im Bild "LM-database Filter Cubes" 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
Logos im footer verrutscht
  • hochkant: Logos im footer miniklein und sehr weit voneinander entfernt - Platz und Größe muss optimiert werden
Logos zu klein und voneinander entfernt
Logos zu klein und voneinander entfernt

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?
Facility boxen auf Android
  • verrutschte logos im footer Bereich
Logos verrutscht im footer auf Android
  • Hauptmenü muss manchmal gescrollt werden? Effekt tritt nicht immer auf, wenn man länger auf der Seite bleibt, scheint es weg?
Hauptmenü muss manchmal gescrollt werden?


  • Android htc 4.4.2. Internet Explorer (Silke T.)
    • Darstellung mangelhaft
Artefakte mit IE auf Android

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
minimale Artefakte auf google Chrome

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)
unterschiedlich große Boxen
    • Wenn durch kleine Bildschirmgröße automatische Zeilenumbrüche eingefügt werden, entstehen unschöne Leerzeilen (bzw. zu große Zeilenabstände)
unschöne Zeilenabstände



Tablets

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

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

Footerproblem ipad hochkant besteht weiter
  • Ähnliches Problem mit Mikroskopgrafik im button wie auf Android mobile mit google Chrome
Ä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
3 Boxen nebeneinander - Problem Hauptseite auf ipad
  • Verschiedene Probleme auf der gleichen Seite wurden beobachtet - kann das sein?!
3 Boxen nebeneinander - Problem Hauptseite auf ipad
3 Boxen nebeneinander - Problem Hauptseite auf ipad


  • 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
DDc Box horizontal auf Samsung Tablet mit google Chrome
DDc Box vertikal auf Samsung Tablet mit google Chrome
1.1 Inhalte der News and Events Box passen im Querformat nicht in die Box


2. Partner Logos am Seitenende sind nach unten gerutscht
Logos im footer verrutscht

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)
Personal tools