New-website-optimization

Revision as of 00:39, 25 November 2016 (view source) Hhartman (Talk | contribs) (→‎Generell offene Punkte / to do's) ← Older edit		Revision as of 00:55, 25 November 2016 (view source) Hhartman (Talk | contribs) (→‎LM Datenbank) Newer edit →
Line 177:		Line 177:
	== LM Datenbank==		== LM Datenbank==
−	* offenbar haben einige Kollegen DB Einträge mit dem "+" Zeichen an Mehrfachauswahlfeldern angelegt	+
−	* wie bekommen wir diese am besten in die Struktur einsortiert?	+
−	* lassen sich diese "+" Zeichen verstecken (sonst werden wir dieses Problem auch künftig haben)	+
−	<br>	+
	<div style="background:orange">		<div style="background:orange">
	'''Generell''': LM DB sieht sehr gut aus, ich sehe noch folgende "Probleme" (neben den unten beschriebenen):		'''Generell''': LM DB sieht sehr gut aus, ich sehe noch folgende "Probleme" (neben den unten beschriebenen):

---

Revision as of 00:55, 25 November 2016

Click here for the BioDIP website relaunch team internal discussion

Contents 1 Generell offene Punkte / to do's 2 Microsope 3 Screens zur Darstellung der LM Datenbank - Kommentare noch nicht beendet 3.1 generell 3.2 Listenansicht 3.3 Kompaktansicht 4 Screens zur Darstellung der Publikationsdatenbank 4.1 Übersicht als Tabelle 4.2 Detailansicht 5 LM Datenbank 5.1 Typpos - bitte rechtschreibung korrigieren 5.2 Light Microscope - Ebene 2 5.2.1 MicroscopeSystem - Ebene 3 5.2.1.1 Objectives - Ebene 4 5.2.1.2 Additional Filters 4 5.2.1.3 Camera - Ebene 4 5.2.1.3.1 Camera Type and Technology - Ebene 5 5.2.1.3.2 Manufacturer Camera Name - Ebene 5 5.2.1.3.3 Single Fluorescent Light Sources - Ebene 5 5.2.1.3.4 Stage Insert - Ebene 5 5.2.1.3.5 HardwareAutofocuSystem - Ebene 5 5.2.1.4 Photo Manipulation - Ebene 4 5.2.1.5 Scan Head - Ebene 4 5.2.1.5.1 LSM Scan Head - Ebene 5 5.2.1.5.2 Spinning Disc Head - Ebene 5 5.2.1.6 Structured Illumination - Ebene 4 5.2.1.7 globals - Ebene 2 5.2.1.8 globals - Ebene 4 5.2.1.9 globals - Ebene 2 6 EM data base 6.1 DB Änderungswünsche 6.2 Ausgabewünsche 7 Test website on mobile devices 7.1 Verschiedene OS 7.2 Mobiltelefone 7.2.1 iphone (Hella, Silke) 7.2.2 Android 7.2.3 Tablets

Generell offene Punkte / to do's

Browser Protocol: http/https

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

Scrolling

Element "Inhalts-Slider"

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

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

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

Screens zur Darstellung der Publikationsdatenbank

• allgemein
  • DB Feld "Year": die Daten sind nicht als Jahreszah angekommen (so waren sie im Excel sheet enthalten), sondern als Datum - bitte korrigieren

Übersicht als Tabelle

• Frage: sortiert ein Klick auf eine Überschrift einer Tabellenspalte die Tabelle? Diese Art der Tabellensortierung soll bitte funktionieren.
• Wenn nach dem Jahr sortiert werden soll, soll das über das Suchfeld erfolgen, oder?

• Bitte Spalte "Researach area" einführen
• Spalte "Journal, Issue, date" umbenennen in "Journal, date" und schmaler darstellen
• Bild zur Publikation bitte links ausgeben
• Facility Logo(s) mit ausgeben (extra Spalte am rechten Rand oder unter dem Text (z.B. unter LMF BIOTEC/CRTD))

Detailansicht

• sieht gut aus, wenige Änderungswünsche:
  • Zwischenüberschrift "Data overview" weglassen
  • wenn DB Eintrag "Year" korrigiert ist, stimmt auch die Ausgabe: Year: 2008 (derzeit steht hier ein Datum)
  • statt "Scientific Research Area" bitte schreiben "Research Area"
  • Bild in der box etwas größer darstellen, ist das möglich?
  • unter dem Bild in der blauen Box bitte ausgeben: "Enabled by the Light Microscopy Facility of the MPI-CBG" bzw. wenn mehrere beteiligt "Enabled by the Light Microscopy and Electron Microscopy Facilities of the BIOTEC/CRTD and the MPI-CBG"
    • die facilities sollen links auf die Facility Seiten sein

LM Datenbank

Typpos - bitte rechtschreibung korrigieren

• Camera: Inventory Number statt Inventary Number
• Camera Type and Technology: colour statt coulor ("Camera Type and Technology, e.g. [monochrom/coulor][CCD/sCMOS/EMCCD/...] " )

Light Microscope - Ebene 2

• Mehrfachauswahl Microscope System: bitte Suchfunktion einfügen

MicroscopeSystem - Ebene 3

• Auswahl der "Reflectors for Holder1" und "Reflectors for Revolver2" braucht Suchfunktion, bitte einfügen
• Camera: Liste bitte automatisch alphabetisch sortieren und durch Suchfunktion einschränkbar machen
• Scan Head: diese sollten nach Scan Head ID, nicht nach Document ID sortiert werden (sonst hat man dann im Microscope System keine sinnvolle Auswahl)

Objectives - Ebene 4

• Feld "Facility" kann aus Objektivformular entfernt werden, da die Einschränkung der Liste jetzt unabhängig möglich ist

Additional Filters 4

• Bitte umbenennen:
  • "Additional Filter Type" nach "Additional Filter Device Type"

Camera - Ebene 4

• Typo Camera Formular: Inventory Number (nicht Inventary Number)

Camera Type and Technology - Ebene 5

• Typo ...e.g. [monochrom/colour]... (nicht coulor)

Manufacturer Camera Name - Ebene 5

• EIngabefeld bitte mit Überschrift "Manufacturer Camera Name [Manufacturer] [Camera Name]" versehen

Single Fluorescent Light Sources - Ebene 5

• bitte Beschriftung des Feldes "Fluorescence Light Source Name ..." ändern in "Fluorescence Light Source Name [light source specifics - wavelength or output power]"
• bitte dropdown "Light Source Type" im Formular "Single Fluorescent Light Sources" alphabetisch sortieren

Stage Insert - Ebene 5

• bitte RTE statt Eingabefeld, da Tiefstellung benötigt (CO2)

HardwareAutofocuSystem - Ebene 5

• bitte RTE statt Eingabefeld, da Tiefstellung benötigt (CO2)

Photo Manipulation - Ebene 4

• Wo wird der "Photo Manipulation Type" gepflegt? Unterordner fehlt?

Scan Head - Ebene 4

• Scan Heads bitte mit der ID auflisten, nicht mit der Document ID
• Entsprechend im Microscope System Formular in der Mehrfachauswahl Scan Head die ID anzeigen, nicht die Document ID
• "Document ID" bitte umbenennen in "Scan Head(s) link"

LSM Scan Head - Ebene 5

• "LSM Scan Head Name" Formular: Bitte "Name" umbenennen in "LSM Scan Head Name"
• "LSM Scanner Type" Formular: Bitte "Name" umbenennen in "LSM Scanner Type [e.g. resonant / conventional]"
• "Resonant Scanner Speed" Formular: Bitte "Value" umbenennen in "Resonant Scanner Speed"
• "Internal Detectors" Formular: Bitte "Type" umbenennen in "Internal Detector Name"

Spinning Disc Head - Ebene 5

• "SD ScanHeadType" Formular: Bitte "Type" umbenennen in "SD Head name [without Manufacturer]"
• "Spinnig Disc Speed" Formular: Bitte "Value" umbenennen in "SD Speed [in rpm]"
• "Full Frame Speed" Formular: Bitte "Value" umbenennen in "Full Frame Speed [fps]"
• "Field of View" Formular: Bitte "Value" umbenennen in "Scan Head Field of View [in x * y mm]"

Structured Illumination - Ebene 4

• "Link" bitte umbenennen in "Structured Illumination link"

globals - Ebene 2

• Software package
  • Struktur ist nicht korrekt (kein Formular, nur ein Eingabefeld)
  • es gibt Modules, die sind aber nicht angebunden - erfordert Absprache!

globals - Ebene 4

• "Filter Cube" Formular
  • bitte "Filter cube Application" umbenennen in "Filter cube Application [max.5! if 3 doesn't do]"
• Unterordner "FilterCubeName":
  • dropdown mit manufacturer Zuordnung ist überflüssig geworden, da die Listen nicht wie gedacht eingeschränkt werden können, sondern mit Freitextsuchfeld. Bitte um Verzeihung, ahtte ich letztens übersehen.
  • Bitte entfernen.
• "FilterCubeType" wird im Formular "Filter Cube" nicht korrekt angezeigt - Tabelle scheint nicht verbunden, da Anzeige auf updates der Tabelle nicht reagiert

• "Single Filter" Formular:
  • Bitte Feld "FilterNameRange" umbenennen in "FilterNameRange (leave empty for LP/SP filters/dichromatic mirrors)"
  • Bitte dropdown für SingleFilterManufacturerID einfügen (siehe Bild)

globals - Ebene 2

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

• Das Feld "Resolution" soll ein Textfeld sein, kein Zahlenfeld, bitte ändern.
• Das Feld "Touch date" ist überflüssig, das das Typo3 sowieso speichert, wann der Datensatz zuletzt geändert wurde, oder? Wenn ja, bitte entfernen.
• Es soll bitte möglich sein, mehrere Bilder auszuwählen wie bei den LMs. Derzeit kann nur 1 Bild ausgewählt werden.

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)
  • Manufacturer, System Manufacture ID

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
  • System Manufacture ID
  • Date Of Installation
  • End Of Warrenty
  • Internal DDc ID
  • Service Visits

Test website on mobile devices

Verschiedene OS

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