New-website-optimization

From BioDIP
(Difference between revisions)
Jump to: navigation, search
(Anzeige)
(Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?))
 
(151 intermediate revisions by 5 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
  
== Website allgemein ==
+
== Aktualisierung der BioDIP website 2020/21 ==
===Dringend===
+
  
'''defekte Verlinkung'''
+
=== Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?)===
* auf der Entwicklungsseite sind die Verlinkungen unter "BioDIP" in der Hauptnavigation defekt bzw. werden die entsprechenden Seiten nicht gefunden
+
  
'''Links'''
+
* CMS soll beibehalten werden (Typo3) oder auf anderes CMS umgezogen werden
* 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)
+
* backend einheitlich in Englisch
* 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
+
* 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.
  
'''Anzeige von Bildern'''
+
* Wartungsvertrag:
* 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.  
+
** 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)
  
'''Archive'''
+
* derzeitige Inhalte des öffentlichen CMS sollen automatisiert in die aktualisierte website übernommen werden
* 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.
+
* Zur Aktualisierung des CMS soll das bisherige Entwicklungssystem genutzt werden (Software vollständig verfügbar)
  
=== Weniger dringend===
+
* 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.)
  
'''Interner Bereich'''
+
=== Layout ===
* bereiche für die Seite & DBs definieren
+
  
'''Scrolling'''
+
* generelles Layout der aktuellen website www.biodip.de soll beibehalten werden
<div style="background:gold">
+
* Barrierefreiheit muß gewährleistet / geprüft werden - erforderliche Modifizierung durchführen / fehlende Inhalte müssen an den Kunden kommuniziert werden
* Gewünschtes scroll-Verhalten über das Bild im Kopfbereich funktioniert noch nicht.
+
** Anforderungen der TU Dresden müssen beachtet werden (Andy fragen bzgl. Anforungen - Silke fragt)
** Dieses scroll-Verhalten kann bei [https://micro-dimensions.com/#software microdimensions] eingesehen werden und funktioniert dort auch auf mobilen Geräten.
+
** die Hintergrund- und Vordergrundfarben haben derzeit kein ausreichendes Kontrastverhältnis
* Verkleinerung des weissen Kopfbereiches und Suchfeldbereiches beim scrollen soll "smooth" erfolgen, ohne Sprünge.  
+
** Eventuell Inhaltsproblematik - fehlende Inhalte an den Kunden kommunizieren
* Die Verkleinerung soll gleichzeitig den Hintergrund der Suchleiste und die Schriftgröße des BioDIP Schriftzuges beeinhalten.
+
** den Formularelementen sind bisher keine Beschriftungen zugeordnet
* Die Hauptnavigationsleiste soll im gleichen Zug schmaler werden, wenn der Hauptinhalt der Seite über das scheinbar dahinterliegende Bild geschoben wird.
+
** Links haben bisher keinen erkennbaren Namen
</div>
+
'''Anzeige artefacte:'''
+
* mit Firefox 60.4 gibt es ein Anzeigeproblem, dass auch bei scrollen oder schmalerem Browserfester bestehen bleibt. Siehe Bild rechts. [[File:20190201-artefact-firefox-60.4.jpg|thumb|200px|firefox 60.4: Anzeige Artefact]]
+
  
[[File:20170211-Inhaltsslider-problem.JPG|thumb|200px|Probleme Inhaltsslider]]
+
* Einbindung von Symbolen bei Anzeige von equipment und facilities (siehe owncloud git repository)
 +
** Tabelle dazu erstellen (Britta)!
  
'''Element "Inhalts-Slider"'''
+
* Bilder
* Metainfo, die in der filelist eingepflegt wurde, wird nicht angezeigt, siehe Bild
+
** Bildmetainfo soll in der filelist gepflegt werden (Garantie für Konsistenz).
* 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
+
** Metadaten sollen angezeigt werden können bzw. direkt zur Barrierefreiheit genutzt werden.  
** <span style="color:orange"> '''die Pfeile sind noch sichtbar obwohl nicht funktional'''
+
** 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
* 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"
+
  
<div style="background:gold">
+
*History
* 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.
+
** BioDIP>History
** Wird diese im Inhaltsslider angezeigt, wenn kein Text eingepflegt wurde?
+
** 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.  
** Wo sieht man z.B. im Inhaltsslider Element die Bild Metainfo?</div>
+
** Bisherige Problembehebung - Frontend cache leeren muss automatisch funktionieren bzw. es muss eine andere Möglichkeit gefunden werden.
<br>
+
'''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?
+
<br>
+
<div style="background:gold">
+
'''Typo3 backend'''
+
*Texteditor
+
::* Zeilenumbrueche / Paragraphabstaende funktionieren nicht richtig, es ist nicht moeglich, die gewuenschten Abstaende korrekt zu platzieren
+
</div>
+
* 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==
+
* Organigramm soll präsenter sein
<span style="color:green">Diese Ebene dient nur der Übersicht im backend, hat keine echte Funktion.</span>
+
** zusätzliche Verwendung des Organigramms auf Startseite unter den 3 Inhaltsboxen Events - News - DDc inklusive der Aufzählung darunter (https://www.biodip.de/biodip/)
<br>
+
** soll vom Kunden pflegbar sein
<br>
+
** 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)
  
  
== LM Datenbank==
+
[[File:20170211-Inhaltsslider-problem.JPG|thumb|200px|Probleme Inhaltsslider]]
  
<div style="background:orange">
+
* News Modul
'''Generell''': LM DB sieht sehr gut aus, ich sehe noch folgende "Probleme" (neben den unten beschriebenen):
+
** 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.
* Gewünschte Suchfunktionalität und Umbenennungen werden unten detailiert festgehalten
+
** 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.
* gibt es einen Weg, Duplikate bei backend Einträgen zu verhindern?
+
** Position für die Gallerieansicht: zwischen Text und "Related files"
** ''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.''
+
* 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.
</div>
+
 
+
== Anzeige Gerätedatenbank (LM,EM & Computer)==
+
 
+
=== '''Final Check LM'''===
+
 
+
=== Anzeige ===
+
 
+
 
+
<span style="color:red"> '''@Neonblue:Bitte das Bild "Layout and DB fields" als Orientierung nutzen!'''
+
 
+
[[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:Problem-additional-filters-Ausgabe.jpg|thumb|200px|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)
+
 
+
*'''Fehler in der Anzeige/Ausgabe'''
+
** ''Camera:''
+
*** "dexel size xy um" wird jetzt auf eine neue Zeile umgebrochen  --> bitte wieder ohne Umbruch anzeigen
+
*** bei "magnification" steht auch noch "left side port"  (siehe auch das Bild "Camera") --> letzteres bitte entfernen
+
** ''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
+
** ''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.
+
*** in der Detailansicht folgen auf die Angaben zum LSM Scan head zwei Kommas (siehe Bild "LSM Scan Head") --> bitte entfernen
+
** ''Fluorescent Filter Cubes:'' die "Filter cube ID" NICHT anzeigen, bitte nur den "Filter cube Name" ausgeben und diesen entsprechend verlinken
+
** ''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")
+
**''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")
+
 
+
[[File:Ausgabe_Camera.PNG|thumb|200px|Camera]]
+
[[File:20170131-kompakt-view.png|thumb|200px|Kompaktansicht]]
+
[[File:LSM Scan head.png|thumb|200px|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
+
** 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(). ")
+
** 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.
+
** der button um die Listenansicht der Geräte zu filtern hat noch die deutsche Bezeichnung "Filtern" --> bitte in "Filter" umwandeln
+
** Kann die die Listenansicht der Geräte alphabetisch geordnet werden?
+
 
+
=== '''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.
+
 
+
 
+
=== 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|thumb|200px|Ausgabe Processing Computer]] ist die von uns gewünschte Anzeige inkl. der auszugebenden DB-Felder dargestellt.
+
 
+
== Test website on mobile devices ==
+
 
+
=== Verschiedene OS - ist nicht aktuell!===
+
[[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
+
  
'''Neonblue''': sollte behoben sein, bitte auf grün stellen und prüfen
 
  
=== Mobiltelefone (updated 9.12.2016)===
+
* 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.
  
==== Sony experia S5 kompakt, Android 6.0.1, Chrome ====
+
* Suche:
:::[[File:20161205-SW-screenshot-01.png|200px|Lücke zwischen Bild und Box]]
+
** 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)
  
* Woher kommt die Lücke zwischen dem Bild Dresden Concpet und der Box?
+
* Struktur (BN)
<br>
+
** Ebene MPI-TDS nicht konsistent mit anderen Facilities
:::[[File:20161205-SW-screenshot-02.png|200px|Kein Platz auf der main page.]]
+
** Equipment: Reihenfolge (LM -> EM -> PC -> booking DB)
* Der Platz der für die eigentliche Seite bleibt (speziell im Querformat, im Hochformat ist es etwas besser) ist zu klein.
+
** Kategorien in Resources nicht konsistent
* Dies trifft auf die Hauptseite zu.
+
  
:::[[File:20161205-SW-screenshot-03.png|200px|Gar kein Platz auf den Unterseiten.]]
+
===Interner Bereich===
* Wenn auf den Unterseiten noch die drei runden buttons dazu kommen, sieht man quasi gar nichts mehr!
+
<br>
+
  
:::[[File:20161205-SW-screenshot-04.png|200px|Mikroskop im Equipment button arg verrutscht und Absatzformatproblem bei Text mit Bild.]]
+
* es soll einen internen Bereich der Seite geben, der nach login erreichbar ist
* Das Mikroskop im runden Equipment Button ist stark verrutscht. Geht das besser, wenn vielleicht auch nicht ganz perfekt?
+
* BioDIP to do: was erwarten wir von diesem internen Bereich?
* Text mit Bild umfliesst das Bild nicht korrekt in allen Fällen.
+
* definierte DB Felder sollen nur eingeloggten Nutzern angezeigt werden
* 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?<br>
+
  
==== ipad (Hella, Silke) ====
+
=== Gerätedatenbank ===
* 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.
+
* alle Inhalte der derzeitigen Geräte-DB sollen automatisiert in eine eventuell neue/modifizierte Geräte-DB übernommen werden
:::[[File:20161211-ipad-quer-01.jpg|200px|Leere Zwischenräume beim scrollen per swipe.]]
+
:::[[File:20161211-ipad-quer-09.jpg|200px|Leere Zwischenräume beim scrollen per swipe.]]
+
<br>
+
*Organigramm sollte besser links ausgerichtet sein, sonst rutscht es aus dem display.
+
:::[[File:20161211-ipad-quer-02.jpg|200px|Organigram verrutscht.]]
+
<br>
+
* Suchleiste verschwindet beim scollen und erscheint plötzlich wieder, wenn Scollvorgang beendet?
+
:::[[File:20161211-ipad-quer-03.jpg|200px|Vor dem scrollen.]]
+
:::[[File:20161211-ipad-quer-04.jpg|200px|Während des Scrollens.]]
+
:::[[File:20161211-ipad-quer-05.jpg|200px|Am Ende des Scrollvorganges ist die Suchleiste plötzlich wieder da.]]
+
<br>
+
* Sehr großer Abstand zwischen Textelement und Boxelement. Bitte verkleinern.
+
:::[[File:20161211-ipad-quer-06.jpg|200px|Zu grosser Abstand.]]
+
:::[[File:20161211-ipad-quer-07.jpg|200px|Hier ebenso, zu grosser Abstand.]]
+
<br>
+
* Untermenü rutscht aus der Anzeigefläche nach oben heraus. Das soll sicher nicht so sein.
+
:::[[File:20161211-ipad-quer-08.jpg|200px|Hier ebenso, zu grosser Abstand.]]
+
<br>
+
  
 +
* Filter auf Equipment Seite (https://www.biodip.de/equipment/light-microscopes/?tx_nbmicroscopes_nbmicroscopes%5Baction%5D=&tx_nbmicroscopes_nbmicroscopes%5Bcontroller%5D=LightMicroscope&cHash=845178de7953e7c2c703e88d452a6309)
 +
** Es soll möglich sein, auf eine URL für eine Unterauswahl der Equipment Filter zuzugreifen.
  
 +
* 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.
  
* '''kindle fire''' (Britta)
+
=== 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)
  
 +
=== Schnittstellen ===
  
== History ==
+
* 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

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
Personal tools