New-website-optimization

From BioDIP
(Difference between revisions)
Jump to: navigation, search
(XY Stage - Ebene 4)
(Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?))
 
(1,375 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
Click here for the [[relaunch tasks|BioDIP website relaunch team]] internal discussion
 
Click here for the [[relaunch tasks|BioDIP website relaunch team]] internal discussion
  
 +
== Aktualisierung der BioDIP website 2020/21 ==
  
== Generell offene Punkte / to do's ==
+
=== Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?)===
  
'''Scrolling'''
+
* CMS soll beibehalten werden (Typo3) oder auf anderes CMS umgezogen werden
Gewünschtes scroll-Verhalten über das Bild im Kopfbereich funktioniert noch nicht.
+
* backend einheitlich in Englisch
 +
* Möglichkeit zur Zweisprachigkeit soll bestehen bleiben
 +
* Texteditor im back end
 +
** Zeilenumbrueche / Paragraphabstaende funktionieren nicht optimal, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren.
  
'''Timeline'''
+
* Wartungsvertrag:
Die gesamte zur Verfügung stehende Höhe soll für die Inhaltsboxen nutzbar sein.
+
** kontinuierlich auf die neueste Version des CMS
 +
** nicht terminiert
 +
** jährlich oder zweijährlich kündbar
 +
** kleinere Änderungen/Anpassungen der website sollen durch den Wartungsvertrag abgedeckt werden (Umfang ca. 24h/Jahr)
  
'''Zoom Effekte'''
+
* derzeitige Inhalte des öffentlichen CMS sollen automatisiert in die aktualisierte website übernommen werden
Zoomt man z.B. auf Team - Light Microscopy eine Stufe, sind die buttons unten (ok), aber dann entsteht ein großer weisser Bereich über den Facility Boxen - sehr unschön.
+
* Zur Aktualisierung des CMS soll das bisherige Entwicklungssystem genutzt werden (Software vollständig verfügbar)
  
'''Element "Inhalts-Slider"'''
+
* Es soll wie bisher ein Entwicklungssystem und ein live-System bestehen. Die Aktualisierung des live-Systems soll unkompliziert vom Kunden ausgelöst, besser noch selbst durchgeführt werden können. (Bisherige round trip time deutlcih zu lang.)
* Titel und Beschreibung bitte auch im vergrößerten Bild anzeigen (so wie auch im Element "Slider").
+
* Verwendung innerhalb von News bzw. Events bitte ermöglichen.
+
  
'''Typo3 backend'''
+
=== Layout ===
* bitte konsequent englische Begriffe verwenden (Bildausrichtung, Hauptinhalt, Ueberschrift,...)
+
  
 +
* generelles Layout der aktuellen website www.biodip.de soll beibehalten werden
 +
* Barrierefreiheit muß gewährleistet / geprüft werden - erforderliche Modifizierung durchführen / fehlende Inhalte müssen an den Kunden kommuniziert werden
 +
** Anforderungen der TU Dresden müssen beachtet werden (Andy fragen bzgl. Anforungen - Silke fragt)
 +
** die Hintergrund- und Vordergrundfarben haben derzeit kein ausreichendes Kontrastverhältnis
 +
** Eventuell Inhaltsproblematik - fehlende Inhalte an den Kunden kommunizieren
 +
** den Formularelementen sind bisher keine Beschriftungen zugeordnet
 +
** Links haben bisher keinen erkennbaren Namen
  
'''Unterstützende Dokumente/Links'''
+
* Einbindung von Symbolen bei Anzeige von equipment und facilities (siehe owncloud git repository)
* ist es möglich, zusätzliche Details sowohl als Dokument hochladen als auch verlinken zu können?
+
** Tabelle dazu erstellen (Britta)!
  
== LM Datenbank==
+
* Bilder
* Kommentare beginnen von oben im file tree Typo3 back end
+
** Bildmetainfo soll in der filelist gepflegt werden (Garantie für Konsistenz).
* Generell: Bitte die Auswahllisten automatisch sortieren. Z.B. die Manufacturer lt. Alphabet und Zahlenwerte auf- oder absteigend.
+
** Metadaten sollen angezeigt werden können bzw. direkt zur Barrierefreiheit genutzt werden.  
* Wie wählt man "none" in einer Liste aus, wenn das Merkmal nicht vorhanden ist?
+
** verwendete Bilder sollen markiert werden können und bei Markierung in der Gallerie erscheinen (auch slider Bilder) - diese Bilder sollen per klick mit der Gallerieansicht verbunden sein, in der sie in voller Größe anzeigbar sind
general:
+
*für alle Parameter sollte immer schon ein "none" als default Parameter existieren (sobald man sonst eine Eigenschaft einpflegt, z.Bsp: Photomanipulation "microdissections" wird diese automatisch bei allen stands ausgewählt. Wenn wir nun im Nachhinein "None" als Parameter für die einzelnen Categorien einfügen, erscheint dieses none am unteren Ende der jeweiligen Liste. None sollte Default für jeden Parameter sein und als solcher dann im front end nicht auftauchen.
+
*der jeweilige Parameter Name (z.Bsp.: Incubator Name) soll nur für uns zur Auswahl im backend erscheinen. Im front end sind dann nur die Eigenschaften interessant
+
  
 +
*History
 +
** BioDIP>History
 +
** Behebung eines Problems eventuell auch durch Verwendung eines alternativen Moduls/plugins: History wird sichtbar durch scroll down - das bleibt häufig hängen und Einträge in der Timeline wiederholen sich endlos.
 +
** Bisherige Problembehebung - Frontend cache leeren muss automatisch funktionieren bzw. es muss eine andere Möglichkeit gefunden werden.
  
* '''Page'''
 
** Ist nicht vom Nutzer zu editieren.
 
  
 +
* Organigramm soll präsenter sein
 +
** zusätzliche Verwendung des Organigramms auf Startseite unter den 3 Inhaltsboxen Events - News - DDc inklusive der Aufzählung darunter (https://www.biodip.de/biodip/)
 +
** soll vom Kunden pflegbar sein
 +
** Elemente des Organigramms sollen links enthalten können
 +
** wenn technisch möglich: Änderung layout - Füllfarbe zum highlighting der dunkelblauen facility Flächen ändern und nicht mit Transparenz arbeiten (Durchscheinen des BioDIP Logos ist suboptimal)
  
===Light Microscope - Ebene 2===
 
* momentan nach "System ID" aufgelistet, zusätzliche Anzeige des "System Name" wäre sehr hilfreich
 
* "Building" sollte aus einer Liste auswählbar sein, kein einfaches Eingabefeld
 
* "Touch date": Datum, an dem der Datensatz zuletzt aktualisiert wurde.
 
** Soll automatisch beim Speichern des Datensatzes aktualisiert werden, keine manuelle Auswahl.
 
* "Images": derzeit nur ein Bild zuordenbar, wir möchten mehrere zuordnen können
 
* "Link to System Check": wenn möcglich beides, ansonsten Dokument
 
* "Sip number": bitte SIP number verwenden
 
* "Additional Equipment"
 
** Formatierungsmöglichkeiten, um CO2 optimal darzustellen?
 
** Können wir auf das Additionally Equipment verlinken für den Fall, dass wir dieses auch als Gerät erfasst haben?
 
* "Link To Descriptions" - bitte "Link To Manufacturer Description" verwenden
 
* "Internal D D C I D" - bitte "Internal DDc ID" verwenden
 
* "Category": hier müssen Haupt- und Unterkategorie auswählbar sein aus 2 getrennten Listen
 
* '''Microscope Stand'''
 
** Hier muss eine eindeutige Auswahl erfolgen - <span style="color:red">welche Merkmale dazu nutzen?</span>
 
* "Cpu": bitte groß schreiben: CPU
 
* "Ram": bitte groß schreiben: RAM
 
  
<br>
+
[[File:20170211-Inhaltsslider-problem.JPG|thumb|200px|Probleme Inhaltsslider]]
<br>
+
  
==== Category - Ebene 3 ====
+
* News Modul
[[File:Mindmap-categories-screenshot.JPG‎|thumb|400px|Mindmap categories]]
+
** das Typo3-Element "Inhalts-Slider" (oder ein ähnliches) soll auch auf News bzw. Event-Seiten verwendet werden können um mehrere Bilder anzeigen zu können.
 +
** Alternativlösung: 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"
 +
* Die Ausgabe der Meatdaten soll formatierbar sein (derzeit besteht kein Unterschied zu normalem Text hinsichtlich der Formatierung). Gewünscht ist z.B. Änderung Schriftgröße, Breite Metadaten an Bildbreite koppeln.
  
* Soll Tiefe 2 haben, am Beispieldatensatz
 
** Hauptkategorie: widefield
 
** Unterkategorie: TIRF
 
* Wenn eine Hauptkategorie (Parent) angelegt wird, kann man "Category Parent" im Moment nicht leer lassen!
 
* Haupt- und Unterkategorien sind durch den Parent-Begriff getrennt entsprechend der mindmap 20150605-categories.mm (siehe auch Bild hier)
 
  
<br>
+
* Optimierung Scrollverhalten
<br>
+
** 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.
 +
** generell: keine Sprünge von Elementen der Seite bim Herunterscrollen (gleichmäßige Verkleinerung aller Seitenelemente, wenn dies vorgesehen ist)
 +
** Kompatibilität zu allen gängigen Internet Browsern (Versionen bis zu 3 Jahre alt)
 +
* Optimierung der Darstellung auf mobilen Geräten (Mobiltelefone, Tablets, win, Mac, Android)
 +
** Es soll auf Anzeigeartefakte getestet werden, die nachfolgend behoben werden.
  
==== SuitableForSpecimen / SuitableForTechnique - Ebene 3 ====
+
* Suche:
* Kann angelegt werden
+
** Suchoptionen sollen angelegt werden (website/equipment/publications) sollen durchsucht werden können
 +
** keine Auswahl -> globale Suche
 +
** equipment DB und publications DB soll in die Suche einbezogen werden (bisher ist dies nicht der Fall)
  
<br>
+
* Struktur (BN)
<br>
+
** Ebene MPI-TDS nicht konsistent mit anderen Facilities
 +
** Equipment: Reihenfolge (LM -> EM -> PC -> booking DB)
 +
** Kategorien in Resources nicht konsistent
  
==== MicroscopeStand - Ebene 3 ====
+
===Interner Bereich===
* "MicroscopeStand" bitte umbenennen in "Microscope System"
+
* Bitte Eingabefeld ("Microscope System ID") für eindeutigen Namen einfügen, z.B. <span style="color:red">DMI 6000 B (BIO 08, TIRF) </span> <span style="color:green"></span>
+
* "'''Name'''":
+
** soll "Microscope System Name" heissen und
+
** kein reines Eingabefeld sein, sondern Auswahl aus den bereits vorhanden "Microscope Stand Name"s ermöglichen (am Beispiel "DMI 6000 B")
+
** bitte in Ebene 4 Tabelle "Microscope Stand" anlegen, die "Microscope Stand Name" und "Microscope Stand Orientation" und "Microscope Manufacturer" enthält
+
  
* "'''Reflector Holder1 Type'''": Auswahl revolver / slider, kein Eingabefeld
+
* es soll einen internen Bereich der Seite geben, der nach login erreichbar ist
* "'''Reflector Holder1 Style'''": Auswahl manual / motorized, kein Eingabefeld
+
* BioDIP to do: was erwarten wir von diesem internen Bereich?
* "'''Number Of Position Rh'''": bitte umbenennen in "Number Of Holder1 Positions"
+
* definierte DB Felder sollen nur eingeloggten Nutzern angezeigt werden
* "'''Reflector Revolver2 Type'''": entfällt, da das immer ein Revolver ist
+
* "'''Reflector Revolver2 Style'''": Auswahl manual / motorized, kein Eingabefeld
+
* "'''Number Of Position Rr'''": bitte umbenennen in "Number Of Revolver2 Positions"
+
* "'''Scan Head Document I D'''": Warum wird hier die Möglichkeit der Einbindung eines Dokuments zur Scan Head Beschreibung gegeben?
+
* "'''Photo Manipulation Document I D'''": Warum wird hier die Möglichkeit der Einbindung eines Dokuments zur Manipulationseinheit - Beschreibung gegeben?
+
* "'''Number of Cameras'''": Eingabe Zahl ok
+
** Wo kann man auswählen, welche zwei das sind?
+
* "'''Manufacturer'''": kann entfallen, da diese Eigendschaft bereits durch Auswahl des Microscope Stands aus der "Microscope Stand" Liste zugeordnet wurde
+
* "'''Refl Holder1 F C'''": Bitte umbenennen in "Reflectors for Holder1"
+
** Auswahl der Filtersätze mit Hilfe eines zusaetzlichen Namens ("Unique Filter Cube Name" bitte einfuehren)
+
* "'''Refl Revolver2 F C'''": Bitte umbenennen in "Reflectors for Revolver2"
+
** Auswahl der Filtersätze mit Hilfe eines zusaetzlichen Namens ("Unique Filter Cube Name" bitte einfuehren)
+
  
===== Objective Revolver - Ebene 4 =====
+
=== Gerätedatenbank ===
* Auswahl mit Hilfe eines zusaetzlichen Namens ("Objective Revolver ID" bitte einfuehren)
+
* Die Auswahlliste kann lang werden - wir möchte die komplette Liste sehen und zusätzlich die Liste einschränken können anhand einer Facility
+
* D.h. Einschränkung nach Facility muss möglich sein
+
  
====== Objectives - Ebene 5 ======
+
* alle Inhalte der derzeitigen Geräte-DB sollen automatisiert in eine eventuell neue/modifizierte Geräte-DB übernommen werden
[[File:LM-database Objectives.png|thumb|400px|LM-database Objectives]]
+
*Bitte den Aufbau der Fluorescence Light Ebene wie im Bild "LM-database Objectives" angegeben
+
* Internal Number umbenennen in Internal Objective ID
+
* Abberation correction umbenennen in Aberration correction
+
* Objective ID umbenennen in Manufacturer Objective ID
+
* Tube lense umbenennen in Tube length
+
* Cover glass thickness umbenennen in Coverslip thickness
+
* Immersion umbenennen in Immersion Medium
+
* Collar umbenennen in Correction Collar
+
  
===== Standorientation - Ebene 4 =====
+
* Filter auf Equipment Seite (https://www.biodip.de/equipment/light-microscopes/?tx_nbmicroscopes_nbmicroscopes%5Baction%5D=&tx_nbmicroscopes_nbmicroscopes%5Bcontroller%5D=LightMicroscope&cHash=845178de7953e7c2c703e88d452a6309)
* "Microscope Stand Orientation" ergibt sich aus dem Namen "Name", den wir in "Microscope Stand Name" umbenennen wollen (siehe oben)
+
** Es soll möglich sein, auf eine URL für eine Unterauswahl der Equipment Filter zuzugreifen.
* dadurch ergibt sich die "Microscope Stand Orientation" automatisch, da sie bei Erstellung der "Microscope Stand" Liste mit abgefragt wird
+
* D.h. Stand Orientation muss hier nicht abgefragt werden.
+
  
===== Additional Filters - Ebene 4 =====
+
* intuitiv bedienbare Eingabemaske für die Gerätedatenbank (nicht im Typo3 wie bisher)
[[File:LM-database AdditionalFilters.PNG|thumb|400px|Additional Filter Eingabe]]
+
** Eingabe eines Gerätes von oben nach unten (generell nach spezifisch)
* Abfrage der Eigenschaften bitte wie im Bild "Additional Filter Eingabe" angegeben
+
** Systemname - Mikroskop - Computer - Zusatzteile
 +
** Datenbankfelder sollen hinzufügbar sein (Beispiel: Standard 1 Computer, trotzdem sollten weitere hinzufügbar sein)
 +
** Ausgabe des Gerätes soll anpassbar sein (Layout global für LM / EM / histo / IP), neue DB Felder sollen ausgegeben werden können
  
===== Condenser - Ebene 4 =====
+
Aktuelle Anpassungen der DB:
* Auswahl (im backend) mit Hilfe eines zusaetzlichen Namens ("Condenser ID" bitte einfuehren)
+
* 1. Für die Processing Computer soll es analog zu den LMs und EMs einen link ins Buchungssystem geben
* Type: dropdown (z.B. manuell/motorized)
+
* 2. Processing Computer benötigen eine "Location", analog zu den Mikroskopen
* "Number Of Positions N" umbenennen in "Number of Positions"
+
* 3. Links auf eine vorab gefilterte Liste von Geräten (z.B. alle Lichtmikroskope der Kategorie "Facility" = LMF CMCB) sollen möglich sein (bereits möglich für die Publikationsdatenbank)
* Die Auswahlliste kann lang werden - wir möchten die komplette Liste sehen und zusätzlich die Liste einschränken können anhand einer Facility
+
* 4. Jedes Gerät soll einen link zu seiner home-Facility enthalten (zwischen "Location" und "Suitable for Specimen")
* Contrast Techniques kann man anlegen - Achtung: nicht mit Objective Contrast Technique verwechseln!
+
* 5. Von jedem Gerät aus soll ein link auf ein Kontaktformular zeigen, dass die Anfrage an die jeweilige Facility schickt.
 +
* 6. Geräte müssen archiviert werden können (dann nur noch im internen Bereich der website sichtbar, d.h. nach login)
 +
* 7. DB Einträge sollen formatiert werden können (z.B. Hoch/Tiefstellung)
 +
* 8. Umsetzung der Anzeige interner Information nur für eingeloggte Nutzer
 +
* 9. Duplikate von Geräten sollen automatisch verhindert werden.
  
===== Additonal Magnification - Ebene 4 =====
+
=== Publikationsdatenbank ===
* bitte umbenennen in "Additional Magnification"
+
* Auswahl mit Hilfe eines zusaetzlichen Namens ("Additional Magnification ID" bitte einfuehren)
+
* "Type" umbennenen in "Additional Magnification Type"
+
* "Additional Magnification Type" soll ein drop down menu sein (manual oder motorized)
+
  
===== Hardware Autofocus - Ebene 4 =====
+
* automatischer Import der per Pubmed verfügbaren Daten in die Literaturdatenbank
** hier können wir direkt das "Hardware Autofocus System" und den "AF Manufacturer" auswählen
+
* neue Publikationen sollen über eine Liste im csv-Format einfügbar sein
** Zwischenebene "HardwareAutofocus" bringt keinen Mehrwert
+
** Spalten dieser Liste sind Pubmed-ID; Facility; Field; Image
** Wie handhaben wir, wenn es keinen HW AF gibt - derzeit ist aus der Liste immer etwas ausgewählt?!
+
** die angegebenen images (benannt nach vorgegebenem Namensschema)sollen automatisiert ins CMS hochgeladen werden können
===== XY Stage - Ebene 4 ===== 
+
** automatisierte Zuordnung der images zur Publikation (ersichtlich aus filename)
* bitte in "XY Stage" umbenennen
+
* Sortierung sollte nach Jahr moeglich sein (BN)
* Wie lege ich eines an? In der "New record" kein "XY Stage" Formular vorgesehen?
+
** derzeit nur "motorized" auswählbar - unklar, woher das kommt
+
  
===== Z Focus Device - Ebene 4 ===== 
+
=== Schnittstellen ===
*Wie lege ich eines an? In der "New record" kein "Z Focus Device" Formular vorgesehen?
+
* derzeit nur "motorized" auswählbar - unklar, woher das kommt
+
  
===== Z Focus Device Additional - Ebene 4 ===== 
+
* dokumentierte Schnittstelle der Gerätedatenbank, die von externen Ressourcen genutzt werden können, z.B.:
*Wie lege ich eines an? In der "New record" kein "Z Focus Device Additional" Formular vorgesehen?
+
** Interface zu DDc Technologieplattform
* derzeit nur "No title" auswählbar - unklar, woher das kommt
+
** Inferface zu TUD web CMS
 
+
** Inferface MPI new booking system
===== ScanHead - Ebene 4 =====
+
[[File:LM-database_Scan_Heads-LSM.PNG|thumb|400px|LM-database_Scan_Heads]]
+
*Bitte den Aufbau der Fluorescence Light Ebene wie im Bild "LM-database_Scan_Heads" angegeben
+
*Ebene "Scan Head Type" unnötig; "Scan Head" sollte direkt die Scan Head ID's aus "LSM Scan Head" und "SD Scan Head" abfragen
+
====== LSM Scan Head - Ebene 5 ======
+
* Was bedeutet die "Hide" check box?
+
* zusätzlich, als erstes Auswahlkriterium, "LSM ScanHead ID" einführen
+
* "Type" bitte umbenennen in "LSM Scanner Type" - Auswahl aus Liste (conventional, resonant)
+
** "LSM Scanner Type" beinhaltet Geschwindigkeit im Namen, somit entfällt "L S M Scan Head Speed"
+
* "Detector" Ebene kann entfallen
+
 
+
====== Spinning Disc Head - Ebene 5 ======
+
[[File:LM-database Scan Heads-SD.PNG|thumb|400px|LM-database_Scan_Heads-Spinning disc]]
+
 
+
*"Spinning Disc Head Spee" umbenennen in "Spinning disc speed"
+
*"Pinhole size" umbenennen in "Physical pinhole size"
+
*"Pinhole spacing" umbenennen in "Physical pinhole spacing"
+
* Camera Type muss hier nicht abgefragt werden
+
* Pinhole property ist redundant (wird bereits durch og Eigenschaften abgedeckt
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
===== Fluorescence light - Ebene 4 =====
+
[[File:LM-database Light Sources-Fluo.PNG|thumb|400px|LM-database Fluorescence Light Sources]]
+
*Bitte den Aufbau der Fluorescence Light Ebene wie im Bild "LM-database Fluorescence Light Sources" angegeben
+
*Light Source type bitte in die global Kategorie schieben, da dies sowohl vom Transmitted als auch von Fluorescence light source genutzt wird
+
*Zwischenebene Light Source ist unnötig
+
 
+
===== Camera - Ebene 4 =====
+
*zusätzliches Feld "number of pixel"
+
*Depth in Bit Depth umbenennen
+
* Eigenschaften sollten in folgender Reihenfolge abgefragt werden: Name, Port, Serial Number, Manufacturer, Technology, Camera Type, Dexel size, Number of Dexel, Sencor size, Bit depth, Frame rate, Magnification, Documents
+
*Frame Rate braucht kein drop down menu, ein Eingabefeld reicht hier
+
 
+
 
+
===== Structured illumination - Ebene 4 =====
+
[[File:LM-database_structuredIllumination.png|thumb|400px|LM-database_structuredIllumination]]
+
*in Bearbeitung
+
 
+
===== Incubation - Ebene 4 =====
+
*statt "Type" bitte "Incubator Name" einführen
+
*Incubator Type sollte ein drop down menu mit den Auswahlmöglichkeiten "cage incubator" und "stage top incubator" sein
+
*Incubation Property sollte eine Mehrfachauswahl erlauben
+
 
+
 
+
===== PhotoManipulation - Ebene 4 =====
+
*Manipulation Light source should be a drop down menu <span style="color:red">???</span>
+
*<span style="color:red">sorted by type or name?</span>
+
 
+
 
+
===== globals - Ebene 4 =====
+
[[File:LM-database Filters.png|thumb|400px|LM-database Filters]]
+
*'''Filter cubes'''
+
**Abfrage der Eigenschaften bitte wie im Bild "LM-database Filters" angegeben
+
 
+
[[File:LM-database Light Sources-TL.PNG|thumb|400px|LM-database Transmitted Light Sources]]
+
*'''Transmitted light source'''
+
**bitte aus global entfernen und als eigenen Punkt in Ebene 4 etablieren (wie Fluorescence Light source)
+
**Aufbau siehe Bild "LM-database Transmitted Light Sources"
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
==== globals - Ebene 3 ====
+
**'''Filters'''
+
***Abfrage der Eigenschaften bitte wie im Bild "LM-database Filters" angegeben
+
 
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
== EM data base ==
+
* Isabel will work on it with neonblue - ''Example data set has not been included by neonblue yet. I shall be able to this (got the authorization) ...''
+
 
+
== Test website on mobile devices ==
+
 
+
=== Verschiedene OS ===
+
[[File:Screenshot_Chrome_home.png|thumb|400px|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
+
 
+
 
+
 
+
=== Mobiltelefone ===
+
 
+
==== iphone (Hella, Silke) ====
+
 
+
 
+
==== Android ====
+
 
+
* Android htc 4.4.2. Internet Explorer (Silke T.)
+
** Darstellung mangelhaft
+
:::[[File:20160414-SilkeT-mobile-Screenshot.png|200px|Artefakte mit IE auf Android]]
+
 
+
 
+
 
+
 
+
* Android 4.3., 5.1.1. google Chrome (Britta)
+
** minimale Artefakte in den Grafiken der buttons
+
:::[[File:20160414-Britta-mobile-Screenshot.png|200px|minimale Artefakte auf google Chrome]]
+
 
+
==== Tablets ====
+
 
+
* '''ipad''' (Hella)
+
** Ähnliches Footer Problem wie auf dem Samsung Tablet
+
:::[[File:20160414-screenshot-ipad-logos-footer.PNG|200px|Ähnliches Footer Problem wie auf dem Samsung Tablet]]
+
:* Ähnliches Problem mit Mikroskopgrafik im button wie auf Android mobile mit google Chrome
+
:::[[File:20160414-screenshot-ipad-logo-artefakt.PNG|200px|Ähnliches Problem mit Mikroskopgrafik im button wie auf Android mobile mit google Chrome]]
+
 
+
 
+
 
+
 
+
* '''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''
+
**''Google Chrome (Version 49.0.2623.91) - geht bedingt: 
+
::1. DD-concept Box wird unvollständig angezeigt
+
:::[[File:Screenshot DD-concept box-horiz.png|200px|DDc Box horizontal auf Samsung Tablet mit google Chrome]]
+
 
+
:::[[File:Screenshot DD-concept box-vert.png|300px|DDc Box vertikal auf Samsung Tablet mit google Chrome]]
+
 
+
::2. Partner Logos am Seitenende sind nach unten gerutscht
+
:::[[File:Screenshot Partner Logos.png|300px|Logos im footer verrutscht]]
+
 
+
::3. Ruft man Publications oder FAQ (via der Icons) auf, wird links das dazugehörige Menü nicht angezeigt
+
 
+
* '''kindle fire''' (Britta)
+

Latest revision as of 14:41, 1 April 2021

Click here for the BioDIP website relaunch team internal discussion

Contents

[edit] Aktualisierung der BioDIP website 2020/21

[edit] Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?)

  • CMS soll beibehalten werden (Typo3) oder auf anderes CMS umgezogen werden
  • backend einheitlich in Englisch
  • Möglichkeit zur Zweisprachigkeit soll bestehen bleiben
  • Texteditor im back end
    • Zeilenumbrueche / Paragraphabstaende funktionieren nicht optimal, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren.
  • Wartungsvertrag:
    • kontinuierlich auf die neueste Version des CMS
    • nicht terminiert
    • jährlich oder zweijährlich kündbar
    • kleinere Änderungen/Anpassungen der website sollen durch den Wartungsvertrag abgedeckt werden (Umfang ca. 24h/Jahr)
  • derzeitige Inhalte des öffentlichen CMS sollen automatisiert in die aktualisierte website übernommen werden
  • Zur Aktualisierung des CMS soll das bisherige Entwicklungssystem genutzt werden (Software vollständig verfügbar)
  • Es soll wie bisher ein Entwicklungssystem und ein live-System bestehen. Die Aktualisierung des live-Systems soll unkompliziert vom Kunden ausgelöst, besser noch selbst durchgeführt werden können. (Bisherige round trip time deutlcih zu lang.)

[edit] Layout

  • generelles Layout der aktuellen website www.biodip.de soll beibehalten werden
  • Barrierefreiheit muß gewährleistet / geprüft werden - erforderliche Modifizierung durchführen / fehlende Inhalte müssen an den Kunden kommuniziert werden
    • Anforderungen der TU Dresden müssen beachtet werden (Andy fragen bzgl. Anforungen - Silke fragt)
    • die Hintergrund- und Vordergrundfarben haben derzeit kein ausreichendes Kontrastverhältnis
    • Eventuell Inhaltsproblematik - fehlende Inhalte an den Kunden kommunizieren
    • den Formularelementen sind bisher keine Beschriftungen zugeordnet
    • Links haben bisher keinen erkennbaren Namen
  • Einbindung von Symbolen bei Anzeige von equipment und facilities (siehe owncloud git repository)
    • Tabelle dazu erstellen (Britta)!
  • Bilder
    • Bildmetainfo soll in der filelist gepflegt werden (Garantie für Konsistenz).
    • Metadaten sollen angezeigt werden können bzw. direkt zur Barrierefreiheit genutzt werden.
    • verwendete Bilder sollen markiert werden können und bei Markierung in der Gallerie erscheinen (auch slider Bilder) - diese Bilder sollen per klick mit der Gallerieansicht verbunden sein, in der sie in voller Größe anzeigbar sind
  • History
    • BioDIP>History
    • Behebung eines Problems eventuell auch durch Verwendung eines alternativen Moduls/plugins: History wird sichtbar durch scroll down - das bleibt häufig hängen und Einträge in der Timeline wiederholen sich endlos.
    • Bisherige Problembehebung - Frontend cache leeren muss automatisch funktionieren bzw. es muss eine andere Möglichkeit gefunden werden.


  • Organigramm soll präsenter sein
    • zusätzliche Verwendung des Organigramms auf Startseite unter den 3 Inhaltsboxen Events - News - DDc inklusive der Aufzählung darunter (https://www.biodip.de/biodip/)
    • soll vom Kunden pflegbar sein
    • Elemente des Organigramms sollen links enthalten können
    • wenn technisch möglich: Änderung layout - Füllfarbe zum highlighting der dunkelblauen facility Flächen ändern und nicht mit Transparenz arbeiten (Durchscheinen des BioDIP Logos ist suboptimal)


Probleme Inhaltsslider
  • News Modul
    • das Typo3-Element "Inhalts-Slider" (oder ein ähnliches) soll auch auf News bzw. Event-Seiten verwendet werden können um mehrere Bilder anzeigen zu können.
    • Alternativlösung: 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"
  • Die Ausgabe der Meatdaten soll formatierbar sein (derzeit besteht kein Unterschied zu normalem Text hinsichtlich der Formatierung). Gewünscht ist z.B. Änderung Schriftgröße, Breite Metadaten an Bildbreite koppeln.


  • Optimierung Scrollverhalten
    • 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.
    • generell: keine Sprünge von Elementen der Seite bim Herunterscrollen (gleichmäßige Verkleinerung aller Seitenelemente, wenn dies vorgesehen ist)
    • Kompatibilität zu allen gängigen Internet Browsern (Versionen bis zu 3 Jahre alt)
  • Optimierung der Darstellung auf mobilen Geräten (Mobiltelefone, Tablets, win, Mac, Android)
    • Es soll auf Anzeigeartefakte getestet werden, die nachfolgend behoben werden.
  • Suche:
    • Suchoptionen sollen angelegt werden (website/equipment/publications) sollen durchsucht werden können
    • keine Auswahl -> globale Suche
    • equipment DB und publications DB soll in die Suche einbezogen werden (bisher ist dies nicht der Fall)
  • Struktur (BN)
    • Ebene MPI-TDS nicht konsistent mit anderen Facilities
    • Equipment: Reihenfolge (LM -> EM -> PC -> booking DB)
    • Kategorien in Resources nicht konsistent

[edit] Interner Bereich

  • es soll einen internen Bereich der Seite geben, der nach login erreichbar ist
  • BioDIP to do: was erwarten wir von diesem internen Bereich?
  • definierte DB Felder sollen nur eingeloggten Nutzern angezeigt werden

[edit] Gerätedatenbank

  • alle Inhalte der derzeitigen Geräte-DB sollen automatisiert in eine eventuell neue/modifizierte Geräte-DB übernommen werden
  • intuitiv bedienbare Eingabemaske für die Gerätedatenbank (nicht im Typo3 wie bisher)
    • Eingabe eines Gerätes von oben nach unten (generell nach spezifisch)
    • Systemname - Mikroskop - Computer - Zusatzteile
    • Datenbankfelder sollen hinzufügbar sein (Beispiel: Standard 1 Computer, trotzdem sollten weitere hinzufügbar sein)
    • Ausgabe des Gerätes soll anpassbar sein (Layout global für LM / EM / histo / IP), neue DB Felder sollen ausgegeben werden können

Aktuelle Anpassungen der DB:

  • 1. Für die Processing Computer soll es analog zu den LMs und EMs einen link ins Buchungssystem geben
  • 2. Processing Computer benötigen eine "Location", analog zu den Mikroskopen
  • 3. Links auf eine vorab gefilterte Liste von Geräten (z.B. alle Lichtmikroskope der Kategorie "Facility" = LMF CMCB) sollen möglich sein (bereits möglich für die Publikationsdatenbank)
  • 4. Jedes Gerät soll einen link zu seiner home-Facility enthalten (zwischen "Location" und "Suitable for Specimen")
  • 5. Von jedem Gerät aus soll ein link auf ein Kontaktformular zeigen, dass die Anfrage an die jeweilige Facility schickt.
  • 6. Geräte müssen archiviert werden können (dann nur noch im internen Bereich der website sichtbar, d.h. nach login)
  • 7. DB Einträge sollen formatiert werden können (z.B. Hoch/Tiefstellung)
  • 8. Umsetzung der Anzeige interner Information nur für eingeloggte Nutzer
  • 9. Duplikate von Geräten sollen automatisch verhindert werden.

[edit] Publikationsdatenbank

  • automatischer Import der per Pubmed verfügbaren Daten in die Literaturdatenbank
  • neue Publikationen sollen über eine Liste im csv-Format einfügbar sein
    • Spalten dieser Liste sind Pubmed-ID; Facility; Field; Image
    • die angegebenen images (benannt nach vorgegebenem Namensschema)sollen automatisiert ins CMS hochgeladen werden können
    • automatisierte Zuordnung der images zur Publikation (ersichtlich aus filename)
  • Sortierung sollte nach Jahr moeglich sein (BN)

[edit] Schnittstellen

  • dokumentierte Schnittstelle der Gerätedatenbank, die von externen Ressourcen genutzt werden können, z.B.:
    • Interface zu DDc Technologieplattform
    • Inferface zu TUD web CMS
    • Inferface MPI new booking system