New-website-optimization

Revision as of 01:55, 28 September 2016 (view source) Hhartman (Talk | contribs) (→‎Hardware Autofocus - Ebene 4) ← Older edit		Revision as of 01:59, 28 September 2016 (view source) Hhartman (Talk | contribs) (→‎Additional Filters - Ebene 4) Newer edit →
Line 156:		Line 156:
	* ist ok, können die Einträge in der Mehrfachauswahl "Objectives" bitte trotz Suchfeld alphabetisch sortiert sein?		* ist ok, können die Einträge in der Mehrfachauswahl "Objectives" bitte trotz Suchfeld alphabetisch sortiert sein?
−	<br>
−	<br>
−
−	===== Additional Filters - Ebene 4 =====
−	[[File:LM-database_AdditionalFilters-folders-hidden.png|thumb|400px|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)
−
−	<div style="background:gold">
−	<br>
−	:* '''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
−	</div>
−
−	<div style="background:gold">
−	: '''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)
−	</div>
−
−	<br>
−	<br>
	<br>		<br>
	<br>		<br>

---

Revision as of 01:59, 28 September 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 LM Datenbank 4.1 MicroscopeSystem - Ebene 3 4.1.1 Objective Revolver - Ebene 4 4.1.2 Transmitted light source- Ebene 4 4.1.3 Fluorescence Light Source - Ebene 4 4.1.4 Scan Head - Ebene 4 4.1.4.1 LSM Scan Head - Ebene 5 4.1.4.2 Spinning Disc Head - Ebene 5 4.1.5 Camera - Ebene 4 4.1.6 Incubation - Ebene 4 4.1.7 Structured illumination - Ebene 4 4.1.8 PhotoManipulation - Ebene 4 4.2 Software Package - Globals Ebene 2 4.2.1 globals - Ebene 3 4.2.1.1 globals - Ebene 4 5 EM data base 6 Test website on mobile devices 6.1 Verschiedene OS 6.2 Mobiltelefone 6.2.1 iphone (Hella, Silke) 6.2.2 Android 6.2.3 Tablets

Generell offene Punkte / to do's

Scrolling

Timeline

Zoom Effekte

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

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

MicroscopeSystem - Ebene 3

Objective Revolver - Ebene 4

• ist ok, können die Einträge in der Mehrfachauswahl "Objectives" bitte trotz Suchfeld alphabetisch sortiert sein?

Transmitted light source- Ebene 4

• Formular "TransmittedLightSource" is ok
• Wo wird der Ordner "Coulor Temperature" (T bitte gross schreiben) gepflegt? (Keine Unterordner sichtbar (Rechteproblem?))

• "Light Source Type" unter gobals Ebene 4 (nur Kommentar für uns)

Fluorescence Light Source - Ebene 4

• Formular Fluorescence Light Sources ist ok (Bitte TYPO bei "Fluorescence Light Source ID" korrigieren)

• Unterordner "LightSources" bitte umbenennen nach "Single Fluorescence Light Sources" (siehe Bild "Fluorescence Light Sources-screenshot")

• Unterseite "Manufacturer" kann gelöscht werden, oder?

Scan Head - Ebene 4

• Formular bitte entsprechend Abb. "ScanHead" minimal ändern.

LSM Scan Head - Ebene 5

• Hier haben wir uns nicht richtig verstanden:
  • Das Formular "LSMScanHead sieht schon gut aus, bitte die Änderungen in der Abb. "Änderungen LSMScanHead Formular" einbauen.
  • Die Ordner in der darunterliegenden Ebene wurden nicht angepasst.
  • Ich visualisiere die erforderliche (deutlich einfachere) Ordnerstruktur mit einer mindmap - siehe Abb. Mindmap "Ordner im ScanHead"

Spinning Disc Head - Ebene 5

• Formular ist perfekt, bitte noch "Spinning Disc Speed" komplett groß schreiben
• Unterordner sind nicht mit geändert (oder ich sehe nicht die aktuelle Ordnerstruktur?!)
• Unterordner bitte wie in der mindmap "ScanHead" anlegen

Camera - Ebene 4

• Kameraformular sieht schon gut aus, bitte Änderungen wie im Bild "Änderungen Kameraformular" einbauen.
• Könnten wir noch ein Eingabefeld für die Inventarnummer haben?
• Unterordnerstruktur ist nicht angepasst (oder nicht sichtbar), wir brauchen folgende Unterordner mit je einem Eingabefeld:
  • Manufacturer Camera Name (Eingabefeld mit Überschrift "Manufacturer Camera Name [Manufacturer][Camera Name]"
  • Camera Type and Technology (Eingabefeld mit Überschrift "Camera Type and Technology, e.g. [monochrom/coulor][CCD/sCMOS/EMCCD/...]"
  • Number of Dexels
  • Dexel Size
  • Bit Depth
  • Max Full Chip Frame Rate [fps]

Incubation - Ebene 4

• Formular Incubation ist schon gut
  • Hinter "Incubator Type" keine Angaben in Klammern, die können dort nicht beachtet werden. Klammerinfo ist wichtig beim Erstellen des Eintrages -> im Unterordner "Incubator Type" (Wo ist der?)

• Erforderliche Unterordner mit einem Formular mit je einem Eingabefeld:
  • Incubator Type (Überschrift Eingabefeld"Incubator Type [cage incubator / splitable cage incubator / stage top incubator]"
  • Incubation Property

• Wie realisiere ich in einem Eingabefeld eine Hoch/Tiefstellung?

Structured illumination - Ebene 4

• Formular ist gut, minimale Änderungen bitte umsetzen:
  • SI Name zur Zuordnung verwenden, nicht den SI Type (nicht eindeutig)
  • bitte konsequenter Weise auch hier link statt document upload einbauen
  • Unterordner "Technique" in "SI Name" umbenennen und anbinden - dann ist diese Tabelle für uns pflegbar

PhotoManipulation - Ebene 4

• Formular ist perfekt, bitte nur den document upload in einen link verwandeln.

Software Package - Globals Ebene 2

globals - Ebene 3

• Filter cube Formular sieht gut aus.
• Ich finde kein Formular "FilterCubeManufacturerID" - sehe ich es nicht oder gibt es das noch nicht? Allerdings gibt es schon einen Eintrag im dropdown - wie geht das?

globals - Ebene 4

• Single Filter Formular sieht gut aus
• Verknüpfung Feld "Filter Name Range" mit der Tabelle "Filter Name Range" stimmt nicht (siehe screenshot)
• Verknüpfung Feld "Filter Type 1" mit der Tabelle "Filter Type 1" stimmt nicht (siehe screenshot)
• ebenso falsche Verknüpfung "Filter Type 2" mit Tabelle "Filter Type 2" (ohne screenshot)

• Magnification Liste ist seltsam sortiert - wie können wir das verbessern?

EM data base

Electron Microscope - Ebene 1

• Formular EM Device
  • bitte "Category" direkt oben platzieren, das ist günstiger für die Umschaltung
  • Bitte RTE für "description" und "service visits" und Software "Modules" verwenden
  • Bei "Magnification Kx" bitte das "K" weglassen.
  • Alle Dokument uploads (ausser "Images") als links auslegen (wie bei LMs).
  • Camera soll kein dropdown sondern eine Mehrfachauswahl sein.

Stage - Ebene 4

• Wenn ich die Mehrfachauswahl "Movements" benutze und speichere, sind die ausgewählten items doch weg, wenn ich den Datensatz wieder betrete?
• Manufacturer ist für die stage nicht nötig, da dieser immer gleich dem Hersteller des Mikroskops ist (wäre aber keine Katastrophe, wenn der drin bliebe.)

Camera - Ebene 3

• "Kamera mount" soll Eingabefeld sein, dass Buchstaben akzeptiert (derzeit nur Zahlen möglich).

Detector - Ebene 3

• "Detektor Type" soll bitte doch pflegbar sein (derzeit back scattered, secondary electrons, TEM, STEM, direct detection)

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)