New-website-optimization

From BioDIP
Revision as of 14:07, 2 July 2019 by Old user (Talk | contribs)

Jump to: navigation, search

Click here for the BioDIP website relaunch team internal discussion

Contents

Website allgemein

Dringend

defekte Verlinkung

  • auf der Entwicklungsseite sind die Verlinkungen unter "BioDIP" in der Hauptnavigation defekt bzw. werden die entsprechenden Seiten nicht gefunden -- OK

Links

  • Typo3 verarbeited URL-Felder nicht richtig: bei manchen URL-Feldern MUSS das http(s):// mit angeben werden (z.Bsp. der link zum Buchungssystem), während, wenn man es bei anderen mit angibt, es die URL falsch für die website umwandelt (z.B. der link zum Campus Navigator)
  • es wird nicht aller Text der verlinkt ist in grün angezeigt (bleibt schwarz und wird grau, wenn man "drüber hovert") - z.Bsp. bei Resources -- Light Microscopy -- Avoiding Pitfalls -- Unser Versehen ... bitte unter Resources -- External Literature -- Light Microscopy schauen!

Anzeige von Bildern

  • Typo3 skaliert Bilder je nach Fall (z.b. bei den Mikroskopen: kleines Bild für Vorschau, mittleres Bild auf der Detailseite, großes Bild, wenn man das mittlere auf der Detailseite anklickt). Der Algorithmus ist falsch eingestellt --> SEHR schlechte jpg-qualität und schlimme Aufhellung der Bilder. -- OK

Archive

  • die Anzeige der Seiten (1 ,2 ,3 next) sieht unfertig bzw. falsch aus. Besser wäre es die Anzeige auf der Seite zu zentrieren und nebeneinander anstelle untereinander zu setzen. -- OK

Weniger dringend

Interner Bereich

  • bereiche für die Seite & DBs definieren

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.

Anzeige artefacte:

  • mit Firefox 60.4 gibt es ein Anzeigeproblem, dass auch bei scrollen oder schmalerem Browserfester bestehen bleibt. Siehe Bild rechts.
    firefox 60.4: Anzeige Artefact
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
    • die Pfeile sind noch sichtbar obwohl nicht funktional
  • 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

  • Texteditor
  • Zeilenumbrueche / Paragraphabstaende funktionieren nicht richtig, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren
  • 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?

Organigramm

  • Wir möchten gern geschult werden, wie ein Organigram aktualisiert werden kann, da sich das BioDIP Netzwerk nach wie vor entwickelt.
  • 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.


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 Gerätedatenbank (LM,EM & Computer)

Final Check LM

Anzeige

@Neonblue:Bitte das Bild "Layout and DB fields" als Orientierung nutzen!

Layout and DB fields
How to display filter info
Ausgabe "Additional Filters"
  • Nicht intakte Links
    • [Pdf] on page "AdditionalFilters" -- OK
    • Seite "AdditionalZFocusDevice": "Additional Z Focus Device Name" ist noch nicht verlinkt -- OK
    • Seite "FilterCube": Filter cube Type soll verlinkt sein mit dem Filter cube link (aktuell ist die Filder cube ID verlinkt, die jedoch nicht angezeigt werden soll) -- OK, jedoch nur für Filter, die unter manual revolver angezeigt werden. Filter im motorized revolver werden anders verlinkt bzw. angezeigt. Beispiel hierfür: Isabel's fictional test light microscope - hier wird derselbe Filter unterschiedlich angezeigt bz. verlinkt. Korrekt ist die Ausgabe unter manual revolver
  • Fehler in der Anzeige/Ausgabe
    • Camera:
      • "dexel size xy um" wird jetzt auf eine neue Zeile umgebrochen --> bitte wieder ohne Umbruch anzeigen -- OK
      • bei "magnification" steht auch noch "left side port" (siehe auch das Bild "Camera") --> letzteres bitte entfernen -- OK
    • Condenser: im compact view sollen nur die "Contrast Techniques" angezeigt werden, aktuell werden noch "Condenser NA", "Condenser Working Distance" & "Condenser type" angezeigt (siehe auch das Bild "Kompaktansicht") --> die letzen 3 Condenser parameter bitte erst in der Detailanzeige ausgeben -- OK
    • Scan Head:
      • der "SpinningDiscHead" und alle darin abegelegten Infos werden nach wie vor nicht angezeigt (Bsp. Dragonfly CRTD (Andor)). Ausnahme: wenn ein "LSMScanHead" in "ScanHead" angelegt ist, dann wird auch der SD Head ausgegeben (Bsp. Isabel's fictional test light microscope (AHF)). Bitte die "SD ScanHead ID" NICHT ausgeben. -- OK
      • in der Detailansicht folgen auf die Angaben zum LSM Scan head zwei Kommas (siehe Bild "LSM Scan Head") --> bitte entfernen -- OK
    • Fluorescent Filter Cubes: die "Filter cube ID" NICHT anzeigen, bitte nur den "Filter cube Name" ausgeben und diesen entsprechend verlinken -- OK
    • Fluorescence Illumination: obwohl eine Mehrfachauswahl im backend möglich ist (unter "Fluorescence Light Sources" auf der Seite "MicroscopeSystem"), wird nur eine (die erste) ausgegeben (Bsp. Microscope System "B CUBE Nikon TIRF/FRAP") -- OK
    • Additional Filters: bitte in der ersten Zeile die "Filter Application" mit Komma getrennt ausgeben (z.Bsp. Cy5, Alexa 647, Alexa 680), siehe auch kommentierter screenshot.
    • Software: bitte jeweils ein Komma nach "Software Package" und "Version Number" setzen (siehe auch Bild "Layout and DB fields")-- OK
Camera
Kompaktansicht
LSM Scan Head
  • Verschiedenes
    • der Abstand zwischen "Microscope Stand" und "Objectives" ist zu groß (dazwischen wurde bis vor kurzem noch die Microscope System ID angezeigt)--> bitte anpassen --OK
    • in der Listenansicht funktionieren die Pfeile "next" und "previous" nicht (Fehlermeldung: "An error occurred while trying to call TYPO3\CMS\Fluid\ViewHelpers\Widget\Controller\PaginateController->indexAction(). ") -- OK
    • beim Filtern wird der "category parent" einer "Category" nicht berücksichtigt, z.b. werden beim Filtern nach "Widefield" nur die Geräte angezeigt, die die Kategorie "Widefield" haben, nicht jedoch jene, die als Parent "Widefield" haben und als Kategorie z.B. "Deconvolution". Damit entgehen dem Nutzer natürlich eine Reihe von Geräten. -- OK
    • der button um die Listenansicht der Geräte zu filtern hat noch die deutsche Bezeichnung "Filtern" --> bitte in "Filter" umwandeln -- OK, trifft jedoch auch für Filter-button bei den Electron microscopes zu
    • Kann die die Listenansicht der Geräte alphabetisch geordnet werden? -- OK

Final Check EM & Histo

Backend

  • der link zum Buchungssystem kann nicht unter "Link to Manual" gepflegt werden, da dort die Manuals zum Gerät verlinkt werden. -- nicht OK, das dafür notwendige Feld existiert nicht im backend

Anzeige Image Processing Computer

Im Moment verlinkt die Seite "Processing Computer" (innerhalb der Hauptnavigation "Equipment") ins Wiki. Auch die Computer sollen künftig, analog zu den Mikroskopen, auf der Seite angezeigt werden. Im folgenden PDF File:20190319-Display computers on website.pdf ist die von uns gewünschte Anzeige inkl. der auszugebenden DB-Felder dargestellt.

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)


== History ==

Personal tools