New-website-optimization
From BioDIP
(Difference between revisions)
(→1. Display (Ausgabe)) |
(→1. Display (Ausgabe)) |
||
Line 85: | Line 85: | ||
[[File:Detailed-view-layout-DB.jpg|thumb|200px|Layout and DB fields]] | [[File:Detailed-view-layout-DB.jpg|thumb|200px|Layout and DB fields]] | ||
[[File:20180122-How to display filter info.jpg|thumb|200px|How to display filter info]] | [[File:20180122-How to display filter info.jpg|thumb|200px|How to display filter info]] | ||
− | *'''Links that do not link to either file or website''' | + | *'''Links that do not link to either file or website''' |
− | + | **[Pdf] on page "AdditionalFilters" | |
− | **[Pdf] on page "AdditionalFilters" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
*'''Errors in displaying of data''' | *'''Errors in displaying of data''' | ||
− | |||
− | |||
− | |||
− | |||
** display [port] first, followed by [Magnification before Camera], [Bit Depth], [Sensor Size] ... (see image "Camera" and "Layout and DB fields") | ** display [port] first, followed by [Magnification before Camera], [Bit Depth], [Sensor Size] ... (see image "Camera" and "Layout and DB fields") | ||
− | |||
** display all data entered under "SpinningDiscHead" (currently, this info is not displayed although data was entered into the DB) | ** display all data entered under "SpinningDiscHead" (currently, this info is not displayed although data was entered into the DB) | ||
− | + | ||
− | + | ||
[[File:Ausgabe_Objektiv.PNG|thumb|200px|Objective]] | [[File:Ausgabe_Objektiv.PNG|thumb|200px|Objective]] | ||
[[File:Ausgabe_Camera.PNG|thumb|200px|Camera]] | [[File:Ausgabe_Camera.PNG|thumb|200px|Camera]] | ||
− | |||
− | |||
− | |||
− | |||
=== 2. Backend === | === 2. Backend === |
Revision as of 14:56, 7 February 2019
Click here for the BioDIP website relaunch team internal discussion
Contents |
Generell offene Punkte / to do's
Interner Bereich
- bereiche für die Seite & DBs definieren
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")
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.
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?
Archive
- Seite sieht komisch, insbesondere 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.
History
- auf der Entwicklungsseite wird nur eine Wiederholung der letzten drei Einträge angezeigt
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 LM & EM Daten
Final Check LM
1. Display (Ausgabe)
@Neonblue:Please, use the image "Layout and DB fields" as reference for how the data should be displayed!
- Links that do not link to either file or website
- [Pdf] on page "AdditionalFilters"
- Errors in displaying of data
- display [port] first, followed by [Magnification before Camera], [Bit Depth], [Sensor Size] ... (see image "Camera" and "Layout and DB fields")
- display all data entered under "SpinningDiscHead" (currently, this info is not displayed although data was entered into the DB)
2. Backend
- the entry for "Inventory Number" on page "Camera" is missing (was supposed to be in between maximum frame size and serial number)
- somehow "ColorTemperature" in "TransmittedLightSource" got lost while creating a new record --> can you please restore this?
Final Check EM & Histo
1. Display (Ausgabe)
- Errors in displaying of data
- display [System name] instead of [System ID]
- Software:
- display [Manufacturer] (is currently not displayed at all)
- put either comma or break after [Manufacturer], ][Name], [Version Number], [Hotfix Number]
- display all modules entered like modules are displayed for light microscopes (currently they are not displayed at all)
2. Backend
- Where in the backend can the link to "Booking System" (as displayed in the compact/detailed view of each system) be accessed? It currently links to the homepage of BioDIP.
compact view
- Es sind nicht immer alle Felder befüllt - bitte immer prüfen, ob DB Feld Inhalt hat.
- Es kann mehrere Microscope Systems pro Light Microscope geben, bitte Mehrfachauswahl belassen. Jedes Microscope System muss dann für sich dargestellt werden: system 1, darunter system 2.
Test website on mobile devices
Verschiedene OS - ist nicht aktuell!
- 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
- Woher kommt die Lücke zwischen dem Bild Dresden Concpet und der Box?
- 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.
- Wenn auf den Unterseiten noch die drei runden buttons dazu kommen, sieht man quasi gar nichts mehr!
- 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.
- Organigramm sollte besser links ausgerichtet sein, sonst rutscht es aus dem display.
- Suchleiste verschwindet beim scollen und erscheint plötzlich wieder, wenn Scollvorgang beendet?
- Sehr großer Abstand zwischen Textelement und Boxelement. Bitte verkleinern.
- Untermenü rutscht aus der Anzeigefläche nach oben heraus. Das soll sicher nicht so sein.
- kindle fire (Britta)
== History ==