New-website-optimization

From BioDIP
(Difference between revisions)
Jump to: navigation, search
(detailed view)
(detailed view)
Line 180: Line 180:
 
***<span style="color:blue">'''NEONBLUE:Wenn wir alle Ausgaben final fertig haben, sollte die Liste der Felder erneut definiert werden, welche öffentlich und welche im geschützten Bereich zu sehen sind, da es bereits massive Abweichungen zu den bisherigen Listen gibt'''
 
***<span style="color:blue">'''NEONBLUE:Wenn wir alle Ausgaben final fertig haben, sollte die Liste der Felder erneut definiert werden, welche öffentlich und welche im geschützten Bereich zu sehen sind, da es bereits massive Abweichungen zu den bisherigen Listen gibt'''
 
<br>
 
<br>
* '''Condenser''': '''ACHTUNG''', es wird nicht das korrekte DB Feld ausgegeben - das sind Microscope Stand Informationen, keine Condenser-Beschreibung!
+
 
** <span style="color:orange"> '''nicht OK''' - Es wird nur die Internal Condenser ID angezeigt, es fehlen die Contrast Techniques ( alle anderen, im backend hinterlegten Parameter (Condenser Type, Condenser NA etc.) werden auch in der Deatailansicht nicht angezeigt)
+
 
<br>
 
<br>
 
[[File:20180122-How_to_display_filter_info.jpg|thumb|400px|Ausgabe Filter cube information]]
 
[[File:20180122-How_to_display_filter_info.jpg|thumb|400px|Ausgabe Filter cube information]]

Revision as of 11:38, 13 February 2018

Click here for the BioDIP website relaunch team internal discussion

Contents

Generell offene Punkte / to do's

Einfügen von links

  • es wird neuerdings nicht aller Text der verlinkt ist in grün angezeigt (bleibt schwarz und wird grau, wenn man "drüber hovert")
https nicht korrekt unterstützt

Browser Protocol: http/https

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


Suche

  • Suche scheint nicht komplett zu funktionieren, z.B. wird nichts gefunden bei der Suche nach "dexel", was nicht sein kann


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.


Probleme Inhaltsslider

Element "Inhalts-Slider"

  • Metainfo, die in der filelist eingepflegt wurde, wird nicht angezeigt, siehe Bild
  • wenn mehr als 3 Bilder im slider sind, fallen Pfeile weg und man kann nicht durch alle Bilder aliden (trifft auch auf das Beispiel im Bild zu) ... dies trifft zu für einen Inhaltsslider welcher innerhalb eines Accordeons eingefügt wurde


  • Verwendung innerhalb von News bzw. Events bitte ermöglichen.
    • Das ist technisch nicht möglich (CK).
  • Gewünschte Alternative:
    • 3 Bilder nebeneinander in mehreren Zeilen anordenbar wie in der Gallerie. Klick auf das Bild liefert eine vergrößerte Darstellung, man kann vor/zurück klicken und so alle Bilder anschauen.
    • Position für die Gallerieansicht: zwischen Text und "Related files"
  • 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.
    • Wird diese im Inhaltsslider angezeigt, wenn kein Text eingepflegt wurde?
    • Wo sieht man z.B. im Inhaltsslider Element die Bild Metainfo?


News Modul"

  • Die Metainfo eingepflegter Bilder wird unter den Bildern ausgegeben.
  • Kann hier bitte die Formatierung so geändert werden, dass ein Unterschied zum normalen Seiteninhalt besteht? Z.B. die Schriftgröße kleiner und die Breite des Bocksatzes auf dei Bildbreite angepasst?


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
    • Optionen der "Image orientation" im Inhaltsslider sind Deutsch
    • Personenboxen:
  • Fotoausrichtung (inklusive der auswählbaren Optionen)
  • Fotogröße (inklusive der auswählbaren Optionen)
  • Bildtitel
  • Bildlink
  • Bildslider oben auf jeder Seite:
  • Bildverlinkung
  • Bild
  • Bildtitel
  • Main page unter Bildslider - "Inhalt oben"/"Unterer Inhalt"/"Linker Inhalt"/"Rechter Inhalt"...
  • Boxen auf der main page "Bild, Bildtitel, Bildgröße, Bildlink
  • Image slider
  • Bildtitel (Text, der Maushover angezeigt wird)
  • Einträge im dropdown "Image Orientation" sind deutsch
  • Accordion
  • Accordion Kopf
  • Accordion Inhalt
  • Texteditor
  • Zeilenumbrueche / Paragraphabstaende funktionieren nicht richtig, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren
  • more?
  • Wir reporten Probleme an Neonblue mit gewünschter Übersetzung, dies wird eingepflegt.
  • Bei klick auf ein Bild ist geplant, dass man auf dieses Bild in der Gallerie kommt und dieses in voller Größe anschauen kann. - Wie realisieren wir das, z.B. mit den slider Bildern?
Organigram ok bei breitem Fenster
Anzeige der Erklärungen bei schmalem Fenster funktioniert nicht



Organigramm

  • Einbau des neuen Organigramms sieht gut aus, folgende Anmerkungen:
    • Problem mit Anzeige der Erklärungen bei hover over, wenn Browserfester schmal ist (siehe Bild).
    • Könnte man zum highlighting der dunkelblauen facility Flächen die Füllfarbe ändern und nicht mit Transparenz arbeiten? Das Durchscheinen des BioDIP Logos ist suboptimal.

Microsope

Diese Ebene dient nur der Übersicht im backend, hat keine echte Funktion.


Screens zur Darstellung der LM Datenbank

generell

Layout and DB fields detailed view
refinemant ecquipment search - draft


  • Bild
    • Welches Bild (es können mehrere eingepflegt werden) wird für den list und kompakt view genutzt? Das erste jeweils eingepflegte?
    • 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 und/oder event. zweispaltig?)


  • Möglichkeit zur Einschränkung der Liste (wie ebay) fehlt bisher (siehe Bild)
  • Bitte DB Felder immer insgesamt auf eine neue Zeile umbrechen, falls dies nötig ist

Publikationsdatenbank

Übersicht als Tabelle

    • PROBLEM: Wie können wir eine Seite (mit versendbarer URL) haben, die alle Publikationen einer facility zeigt? Derzeit muss man das Suchfeld nutzen. Dies ist schwierig für zum Beispiel Antragstexte nutzbar. -> Diskussionsbedarf
      • Können Sie bitte angeben wie groß/ teuer der Mehraufwand in etwa ausfallen würde?
      • NEONBLUE: hier wäre ein zusätzlicher Aufwand von ca. 3-4 Stunden notwendig

LM Datenbank

Generell: LM DB sieht sehr gut aus, ich sehe noch folgende "Probleme" (neben den unten beschriebenen):

  • Gewünschte Suchfunktionalität und Umbenennungen werden unten detailiert festgehalten
  • gibt es einen Weg, Duplikate bei backend Einträgen zu verhindern?
    • Isabel: Ja, indem NB ein von uns gewähltes Feld (z.B. die Light Microscope ID) auf PrimaryKey setzt. Dann würde beim Versuch, genau diese ID nochmals einzugeben eine Warnung kommen.

Anzeige LM Daten

compact view

  • Es sind nicht immer alle Felder befüllt - bitte immer prüfen, ob DB Feld Inhalt hat.
  • Es kann mehere Microscope Systems pro Light Microscope geben, bitte Mehrfachauswahl belassen. Jedes Microscope System muss dann für sich dargestellt werden: system 1, darunter system 2.


  • NB: Links in Accordion-Header machen Probleme beim Klick: Öffnet bei Klick das Accordion und den Link. Wie wollen wir das handeln?
  • Bei Camera funktioniert es gut: Klick auf Camera öffnet Accordion, Klick auf den link in dexel öffnet den link
  • Fügt man einen link im LSM scan head ein, tritt das Problem auf - was soll genutzt werden -> Diskussionsbedarf
  • Test mit LSM 780 FSC nd LSM Scan head link auf Organigram (hochgeladenes file) linkt tatsächlich auf die Biodip homepage?!

detailed view

  • Location:
    • campus navigator link, könnte man in der DB unter Facility - URL website eingeben. Problem z.B. bei joint facilities (LMF BIOTEC/CRTD) - hier bräuchte man 2 campus navigator links oder eine Möglichkeit, einen auszuwählen...
    • Derzeitige Lösung suboptimal, da die beiden links unter Facility nicht ausgewählt werden können im LigthMicroscope Formular.
Vorschlag:
  • Im Campus Navigator kann man die location bis auf den Raum genau angeben. Deshalb wäre es sinnvoll, den campus navigator link mit der location des Gerätes zu erfassen. Das bedeutet, wir brauchen ein link Feld im Formular LightMicroscope unter dem Eingabefeld "Room".


    • Derzeit alle Infos ausgegeben auch die, die dann nur der eingeloggte Nutzer sehen soll - hier "Internal Objective ID" und "Zeiss Order Number"
      • NEONBLUE:Wenn wir alle Ausgaben final fertig haben, sollte die Liste der Felder erneut definiert werden, welche öffentlich und welche im geschützten Bereich zu sehen sind, da es bereits massive Abweichungen zu den bisherigen Listen gibt



Ausgabe Filter cube information
  • Fluorescence Filter Cubes
    • Zeile einfügen für Reflector revolver type and style, siehe Bild "usgabe Filter cube information"
      • Die Infos zu type und style des Reflector Holders/Revolver sind unter MicroscopeSystem hinterlegt.
    • ALLE Cubes werden im compact view mit gefülltem Pfeil und allein der "main application" ausgegeben siehe hier, z.B. DAPI
      • nicht OK - neben der main application wird auch z.B. Filter Cube Type oder Filter Cube Manufacturer ID angezeigt
    • alle weiteren Details erst nach Aufklappen ausgeben
    • link kann intern oder extern sein, wir hatten extra dieses Feld gewählt, damit man diese Freiheit hat
    • das DB Feld "Single Cube Manufacturer ID" bleibt bestehen, auch wenn es nicht in jedem Fall gepflegt wurde
    • "Filter cube manufacturer" bitte wie im Bild "Ausgabe Filter cube information" ausgeben


Camera Eintrag zu lang
  • Camera:
    • bitte DB Feld "Dexel Size" nutzen, um die Dexel size auch auszugeben, derzeit fehlt der Wert
      • bedingt OK - wenn der Eintrag in der DB zu lang ist, dann rutscht der Wert in die nächste Zeile, welche man erst dann sieht, wenn die detailed view ausgewählt ist (siehe Bild "Camera Eintrag zu lang")
    • Achtung:
      • manche Systeme haben mehr als 1 Camera - dann bitte beide ausgeben - müssen wir dazu einen gefüllten blauen Pfeil vor die Cameradaten stellen? Sonst kann man die Camera 1 Details nicht unabhängig von den Camera 2 Details aufklappen?
      • Beispiel MTZ CFCI-WF 01)
        • nicht OK - es wird nur die erste Kamera angezeigt, weitere Kameras erst bei der detaillierten Ansicht.


Software:

  • NEONBLUE: SoftwarePackage's haben als Eltern eine Camera. Momentan können mehrere Camera's gepflegt werden, aber nur die SoftwarePackage's der ersten Camera werden ausgegeben.
    • Sollen alle SoftwarePackage's aller Camera's ausgegeben werden?
  • Die Frage ist nicht verständlich - darüber sollten wir sprechen. Software packages hängen unter Computer, mit den Kameras haben sie nichts direkt zu tun, ist auch nicht so angelegt in der DB.

EM data base

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 fehlt
    • Detector (weglassen, wenn keiner in der DB steht)
    • Camera (weglassen, wenn keine in der DB steht) fehlt trotz Eintrag in der DB
    • Stage, movements fehlt
    • Location (wie bei LMs, d.h. inklusive facility...) fehlt
  • aktuell werden zusätzlich angezeigt:
    • Manufacturer
    • Gun
    • Software

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) fehlt trotz Eintrag in der DB
    • für Detector auch die Details anzeigen (detector type) hier wird "Type: 1", "Type: 2" oder "Type: 3" angezeigt; ist so in der DB nicht eingetragen - Wo kommt das her?
    • Description (mit link zu descriptions und link to manual)
    • Gun
    • Voltage
    • Resolution
    • Magnification
    • Software
    • Manufacturer

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


Test website on mobile devices

Verschiedene OS - ist nicht aktuell!

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

Sony experia S5 kompakt, Android 6.0.1, Chrome

Lücke zwischen Bild und Box
  • Woher kommt die Lücke zwischen dem Bild Dresden Concpet und der Box?


Kein Platz auf der main page.
  • Der Platz der für die eigentliche Seite bleibt (speziell im Querformat, im Hochformat ist es etwas besser) ist zu klein.
  • Dies trifft auf die Hauptseite zu.
Gar kein Platz auf den Unterseiten.
  • Wenn auf den Unterseiten noch die drei runden buttons dazu kommen, sieht man quasi gar nichts mehr!


Mikroskop im Equipment button arg verrutscht und Absatzformatproblem bei Text mit Bild.
  • Das Mikroskop im runden Equipment Button ist stark verrutscht. Geht das besser, wenn vielleicht auch nicht ganz perfekt?
  • Text mit Bild umfliesst das Bild nicht korrekt in allen Fällen.
  • Die Absätze mit Bild darüber sehen gut aus. Ist das ein Fehler beim Einpflegen der Daten oder ein Anzeigeproblem auf mobilen Geräten?

ipad (Hella, Silke)

  • iOS ?? (getestet 11.12.2016, Hella)
  • Swiped man weiter nach oben, wenn man auf der Seite oben angekommen ist, bilden sich leere Zwischenräume, z.B. unter dem Hauptslider. Bitte mit nachfolgendem Inhalt zusammenhalten.
Leere Zwischenräume beim scrollen per swipe.
Leere Zwischenräume beim scrollen per swipe.


  • Organigramm sollte besser links ausgerichtet sein, sonst rutscht es aus dem display.
Organigram verrutscht.


  • Suchleiste verschwindet beim scollen und erscheint plötzlich wieder, wenn Scollvorgang beendet?
Vor dem scrollen.
Während des Scrollens.
Am Ende des Scrollvorganges ist die Suchleiste plötzlich wieder da.


  • Sehr großer Abstand zwischen Textelement und Boxelement. Bitte verkleinern.
Zu grosser Abstand.
Hier ebenso, zu grosser Abstand.


  • Untermenü rutscht aus der Anzeigefläche nach oben heraus. Das soll sicher nicht so sein.
Hier ebenso, zu grosser Abstand.




  • kindle fire (Britta)


Footer

  • Es sind zwei neue Logos hinzugekommen, so daß der Footer nun über drei Zeilen läuft.
    • Bitte die nicht komplett besetzte Zeile so anpassen, daß die Logos zentriert angezeigt werden
    • Wäre es theoretisch möglich die jeweilige Zeile individuell zu bearbeiten (z.B. der zweiten Zeile nur 3 Logos zuordnen und der letzten 4)?

Timeline/History

Fehlermeldung beim Hinzufügen eines Eintrags (siehe Bild "Fehlermeldung Typo3") im List View Modus.
Fehlermeldung Typo3

== History ==

Personal tools