New-website-optimization

From BioDIP
(Difference between revisions)
Jump to: navigation, search
(globals - Ebene 2)
(Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?))
 
(691 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
  
== Generell offene Punkte / to do's ==
+
== Aktualisierung der BioDIP website 2020/21 ==
[[File:20161120-biodip-de-https-http-mixed.png|thumb|200px|https nicht korrekt unterstützt]]
+
'''Browser Protocol: http/https'''
+
* bei Verwendung von https Probleme mit der Seitendarstellung - siehe [[:file:20161120-biodip-de-https-http-mixed.png|Screenshot]], bitte beheben
+
<br>
+
  
'''Scrolling'''
+
=== Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?)===
<div style="background:gold">
+
*  Gewünschtes scroll-Verhalten über das Bild im Kopfbereich funktioniert noch nicht.
+
** Dieses scroll-Verhalten kann bei [https://micro-dimensions.com/#software 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.
+
</div>
+
<br>
+
  
 +
* 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.
  
'''Element "Inhalts-Slider"'''
+
* 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)
  
* Verwendung innerhalb von News bzw. Events bitte ermöglichen.
+
* 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)
  
<div style="background:gold">
+
* 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.)
* 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?</div>
+
<br>
+
  
<div style="background:gold">
+
=== Layout ===
'''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
+
  
*more?
+
* generelles Layout der aktuellen website www.biodip.de soll beibehalten werden
</div>
+
* 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
  
<div style="background:limegreen">
+
* Einbindung von Symbolen bei Anzeige von equipment und facilities (siehe owncloud git repository)
* Wir reporten Probleme an Neonblue mit gewünschter Übersetzung, dies wird eingepflegt.
+
** Tabelle dazu erstellen (Britta)!
</div>
+
  
 +
* 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
  
<br>
+
*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.
  
== Microsope==
 
<span style="color:green">Diese Ebene dient nur der Übersicht im backend, hat keine echte Funktion.</span>
 
<br>
 
<br>
 
  
 +
* 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)
  
== Screens zur Darstellung der LM Datenbank - Kommentare noch nicht beendet==
 
  
==='''generell'''===
+
[[File:20170211-Inhaltsslider-problem.JPG|thumb|200px|Probleme Inhaltsslider]]
  
* wo toggle ich zwischen "Kompaktansicht"(compact view) und "alle Informationen anzeigen" (show all details) hin und her? (es ist nicht zumutbar, alle aufgeklappten Infos einzeln einklappen zu müssen um zur Kompaktansicht zu gelangen)
+
* News Modul
* Die "i" buttons zum Aufklappen weiterer Details entsprechen nicht dem Stil der restlichen webpage. Bitte wieder mit den Pfeilen vor den Überschriften (siehe "more info" oder Accordion) arbeiten.
+
** 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.
  
* Bild
 
** Welches Bild (es können mehrere eingepflegt werden) wird für den list und kompakt view genutzt?
 
** 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
+
* Optimierung Scrollverhalten
** 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
+
** Verkleinerung des weissen Kopfbereiches und Suchfeldbereiches beim scrollen soll "smooth" erfolgen, ohne Sprünge.
** Druck Kompaktansicht sollte eingeklappt auf eine Seite passen (event. Informationen auf einer Zeile ausgeben wie im file "Display-of-Light-Microscope-data-20160621.xls" gewünscht und/oder event. zweispaltig?)
+
** 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)
  
[[File:20160901-ebay-like-equipment-search-refinement.JPG|thumb|400px|refinemant ecquipment search - draft]]
+
* Struktur (BN)
==='''Listenansicht'''===
+
** Ebene MPI-TDS nicht konsistent mit anderen Facilities
 +
** Equipment: Reihenfolge (LM -> EM -> PC -> booking DB)
 +
** Kategorien in Resources nicht konsistent
  
Laut Excel sheet "Display-of-Light-Microscope-data-20160602" sind folgende Änderungen nötig:
+
===Interner Bereich===
* Manufacturer soll in einer Zeile mit Microscope stand aufgeführt werden, z.B. Zeiss AxioObserver Z1(inverted, motorized objective revolver, motorized z-focus)
+
* ebenso sollen hier angezeigt werden:
+
** Suitable for Technique
+
** Fluorescence light source
+
** Camera
+
* Möglichkeit zur Einschränkung der Liste (wie ebay) fehlt bisher (siehe Bild)
+
  
==='''Kompaktansicht'''===
+
* 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
  
* Name - OK
+
=== Gerätedatenbank ===
* Bild - OK
+
* Description - OK
+
* Category bitte ändern in "Technology" - prinzipiell OK
+
* Location - OK
+
* Suitable for specimen - OK
+
* Suitable for technique - OK
+
* Überschrift "Microscope" nicht nötig, kann entfallen
+
* Microscope stand - OK
+
* Additional magnification - nur anzeigen, wenn vorhanden (hier nicht ersichtlich, ob dem so ist)
+
*
+
  
* ''Condenser'':
+
* alle Inhalte der derzeitigen Geräte-DB sollen automatisiert in eine eventuell neue/modifizierte Geräte-DB übernommen werden
** Die Worte "Contrast Techniques" sollen nicht mit aufgeführt werden (an Hella: so haben wir es in der Tabelle definiert... aber wenn ich ehrlich bin, finde ich es gar nicht schlecht, wenn es mit da steht. Was denkst du?)
+
* ''Fluorescence filter cubes'':
+
** Die "erste" Schreibweise der Fluorescence filter cubes soll mit in der Kompaktansicht aufgeführt werden, dahinter sollte ein verlinkbares "more information"
+
* ''Camera'':
+
** In der Kompaktansicht (in der gleichen Zeile) sollen stehen: Manufacturer Camera Name,Camera Type and Technology, dexel size.
+
** Die camera ID ist nur für das backend gedacht!
+
* ''Scan head'':
+
** Die scan head ID ist nur für das backend gedacht!
+
** Hier in der Kompaktansicht sollen stehen LSM Scan Head Name bzw. SD Scan Head Type
+
* ''Computer'':
+
** Warum andere Darstellung als die anderen Zwischenüberschriften?
+
** In der Kompaktansicht auch Computer Manufacturer Name
+
* ''Software'':
+
**Warum andere Darstellung als die anderen Zwischenüberschriften?
+
**In der Kompaktansicht auch software packages
+
  
 +
* 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
  
'''aufgeklappte Ansicht'''
+
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.
  
*''Fluorescence filter cubes'':
+
=== Publikationsdatenbank ===
** die "erste" Schreibweise der Fluorescence filter cubes soll mit in der Kompaktansicht aufgeführt werden, dahinter sollte ein verlinkbares "more information"
+
** Filter Name  Middle Value 1, Filter name range 1, Filter Type 1, Filter Type 2, Filter Manufacturer, Filter Manufacturer ID sollen in einer Zeile aufgeführt werden
+
** die zweite Zwischenüberschrift Filter cubes in "details" umbenennen
+
  
* ''Camera'':
+
* automatischer Import der per Pubmed verfügbaren Daten in die Literaturdatenbank
** in der Kompaktansicht (in einer Zeile hintereinander weg) sollen stehen: Manufacturer Camera Name, Camera Type and Technology, dexel size.
+
* neue Publikationen sollen über eine Liste im csv-Format einfügbar sein
** Die camera ID ist nur für das backend gedacht!
+
** Spalten dieser Liste sind Pubmed-ID; Facility; Field; Image
** Die Serial number soll nur im admin frontend aufgeführt werden!
+
** 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)
  
* generell wäre es hier gut, einen Screen für alle ausgeklappten Infos zu bekommen
+
=== Schnittstellen ===
  
 
+
* dokumentierte Schnittstelle der Gerätedatenbank, die von externen Ressourcen genutzt werden können, z.B.:
<br>
+
** Interface zu DDc Technologieplattform
== Screens zur Darstellung der Publikationsdatenbank ==
+
** Inferface zu TUD web CMS
 
+
** Inferface MPI new booking system
* '''allgemein'''
+
** DB Feld "Year": die Daten sind nicht als Jahreszah angekommen (so waren sie im Excel sheet enthalten), sondern als Datum - bitte korrigieren
+
 
+
<br>
+
 
+
=== Übersicht als Tabelle===
+
[[File:20161110-template-overview-feedback01.jpg|thumb|200px|Änderungswünsche Übersicht]]
+
 
+
* Frage: sortiert ein Klick auf eine Überschrift einer Tabellenspalte die Tabelle? Diese Art der Tabellensortierung soll bitte funktionieren.
+
* Wenn nach dem Jahr sortiert werden soll, soll das über das Suchfeld erfolgen, oder?
+
<br>
+
 
+
* Bitte Spalte "Researach area" einführen
+
* Spalte "Journal, Issue, date" umbenennen in "Journal, date" und schmaler darstellen
+
* Bild zur Publikation bitte links ausgeben
+
* Facility Logo(s) mit ausgeben (extra Spalte am rechten Rand oder unter dem Text (z.B. unter LMF BIOTEC/CRTD))
+
 
+
<br>
+
 
+
=== Detailansicht ===
+
[[File:20161110-template-detail-feedback01.jpg|thumb|200px|Änderungswünsche Detailansicht]]
+
* sieht gut aus, wenige Änderungswünsche:
+
** Zwischenüberschrift "Data overview" weglassen
+
** wenn DB Eintrag "Year" korrigiert ist, stimmt auch die Ausgabe: Year: 2008 (derzeit steht hier ein Datum)
+
** statt "Scientific Research Area" bitte schreiben "Research Area"
+
** Bild in der box etwas größer darstellen, ist das möglich?
+
** unter dem Bild in der blauen Box bitte ausgeben: "Enabled by the Light Microscopy Facility of the MPI-CBG" bzw. wenn mehrere beteiligt "Enabled by the Light Microscopy and Electron Microscopy Facilities of the BIOTEC/CRTD and the MPI-CBG"
+
*** die facilities sollen links auf die Facility Seiten sein
+
<br>
+
 
+
== LM Datenbank==
+
 
+
<div style="background:orange">
+
'''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?
+
</div>
+
 
+
 
+
 
+
 
+
===== Additional Filters 4 =====
+
* Bitte umbenennen:
+
** "Additional Filter Type" nach "Additional Filter Device Type"
+
<br>
+
 
+
 
+
===== globals - Ebene 4 =====
+
 
+
 
+
[[File:Bitte-singlefilterManufacturerID-einfuegen.png|thumb|200px|Bitte Feld einfügen]]
+
 
+
"Single Filter" Formular:
+
 
+
* Bitte dropdown für SingleFilterManufacturerID einfügen (siehe Bild)
+
** Unterordner "SingleFilterManufacturerID" ist da
+
** Wie erstelle ich dort den ersten EIntrag?
+
** Im Formular "Single FIlter" fehlt noch das dropdown "Single Filter Manufacturer ID"
+
 
+
===== globals - Ebene 2 =====
+
* Software package
+
** Software packages: braucht auch eine ID als Auswahlkriterium (Software Package ID [institute affiliation] [internal system ID] [software package name]
+
 
+
<br>
+
 
+
== EM data base ==
+
===DB Änderungswünsche===
+
 
+
* Alle Unterkategorien, die "Sample Preparation" als parent haben, sollen bitte das Sample preparation Formular benutzen (derzeit funktioniert das nur genau dann, wenn "Sample Preparation" ausgewählt wurde).
+
 
+
* Das Feld "Resolution" soll ein Textfeld sein, kein Zahlenfeld, bitte ändern.
+
* Das Feld "Touch date" ist überflüssig, das das Typo3 sowieso speichert, wann der Datensatz zuletzt geändert wurde, oder? Wenn ja, bitte entfernen.
+
* Es soll bitte möglich sein, mehrere Bilder auszuwählen wie bei den LMs. Derzeit kann nur 1 Bild ausgewählt werden.
+
 
+
===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
+
** Detector (weglassen, wenn keiner in der DB steht)
+
** Camera (weglassen, wenn keine in der DB steht)
+
** Stage, movements
+
** Location (wie bei LMs, d.h. inklusive facility...)
+
 
+
'''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)
+
** für Detector auch die Details anzeigen (detector type)
+
** Description (mit link zu descriptions und link to manual)
+
** Manufacturer, System Manufacture ID
+
 
+
'''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
+
** System Manufacture ID
+
** Date Of Installation
+
** End Of Warrenty
+
** Internal DDc ID
+
** Service Visits
+
 
+
<br>
+
 
+
== 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
+
 
+
'''Neonblue''': sollte behoben sein, bitte auf grün stellen und prüfen
+
 
+
=== Mobiltelefone ===
+
 
+
==== iphone (Hella, Silke) ====
+
* iOS 9.3.3 (getestet 1.8.2016, Hella)
+
** '''quer''':Logos im footer verrutscht - das scheint generell noch ein Problem zu sein auf mobilen Geräten
+
:::[[File:20160729-iphone-logos-footer-verrutscht.jpg|200px|Logos im footer verrutscht]]
+
:* '''hochkant''': Logos im footer miniklein und sehr weit voneinander entfernt - Platz und Größe muss optimiert werden
+
:::[[File:20160729-iphone-mini-logos-footer02.jpg|200px|Logos zu klein und voneinander entfernt]]
+
:::[[File:20160729-iphone-mini-logos-footer.jpg|200px|Logos zu klein und voneinander entfernt]]
+
 
+
==== Android ====
+
* Android 5.1.1. Internet Explorer (Hella, 26.7.16)
+
** Problem in den Boxen auf der facility page
+
*** Liegt das an den eingepflegten Bildern?
+
:::[[File:20160729-android-5.1.1.-Bildformatproblem-in-box.jpg|200px|Facility boxen auf Android]]
+
:* verrutschte logos im footer Bereich
+
:::[[File:20160729-android-5.1.1.-footer-logo-problem.JPG|200px|Logos verrutscht im footer auf Android]]
+
:* Hauptmenü muss '''manchmal''' gescrollt werden? Effekt tritt nicht immer auf, wenn man länger auf der Seite bleibt, scheint es weg?
+
:::[[File:20160729-android-5.1.1.-Seitenmenue-scroll-problem.jpg|200px|Hauptmenü muss manchmal gescrollt werden?]]
+
 
+
 
+
 
+
* Android htc 4.4.2. Internet Explorer (Silke T.)
+
** Darstellung mangelhaft
+
:::[[File:20160414-SilkeT-mobile-Screenshot.png|200px|Artefakte mit IE auf Android]]
+
 
+
'''Neonblue''': der Internetexpolrer wird von uns nicht für Android Geräte unterstützt, hier optimieren wir nur auf den systemeigenen Browser
+
 
+
 
+
 
+
* 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]]
+
 
+
'''Neonblue''': das liegt an den rendereigenschaften des Browser - die Symbole sind Vektordaten und werden entsprechend vom Browser gerendert - hier haben wir leider keinen Einfluss, wie der Browser dies rendert
+
 
+
 
+
* Android 4.3., 5.1.1. google Chrome (Silke W.) (2.8.)
+
** Boxen erscheinen unterschiedlich groß, trotz gleichen Inhalts (gleiche Zeilenanzahl)
+
:::[[File:Android Chrome2.png|200px|unterschiedlich große Boxen]]
+
 
+
** Wenn durch kleine Bildschirmgröße automatische Zeilenumbrüche eingefügt werden, entstehen unschöne Leerzeilen (bzw. zu große Zeilenabstände)
+
:::[[File:Android Chrome1.png|200px|unschöne Zeilenabstände]]
+
 
+
<br>
+
<br>
+
==== 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]]
+
'''Neonblue''':  sollte behoben sein - '''nein''' (1.8.16), zumindest nicht im Hochformat - siehe nachfolgender screenshot
+
:::[[File:20160725-ipad-footer-problems-hochkant.jpg|200px|Footerproblem ipad hochkant besteht weiter]]
+
 
+
:* Ä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]]
+
'''Neonblue''': siehe "minimale Artefakte in den Grafiken der buttons"
+
 
+
* '''ipad test 27.7.2016''' (Hella)
+
:* Hauptseite sieht oben gut aus, beim scrollen Artefacte in den 3 Boxen, die am Rechner nebeneinander sind
+
:::[[File:20160725-ipad-mainpage-problems.jpg|200px|3 Boxen nebeneinander - Problem Hauptseite auf ipad]]
+
:* Verschiedene Probleme auf der gleichen Seite wurden beobachtet - kann das sein?!
+
:::[[File:20160725-ipad-mainpage-problems02.jpg|200px|3 Boxen nebeneinander - Problem Hauptseite auf ipad]]
+
:::[[File:20160725-ipad-mainpage-problems01.jpg|200px|3 Boxen nebeneinander - Problem Hauptseite auf ipad]]
+
 
+
 
+
* '''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'' - '''IR''' (2.08.): besteht nach wie vor
+
**''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]]
+
 
+
::1.1 Inhalte der News and Events Box passen im Querformat nicht in die Box
+
 
+
 
+
::2. Partner Logos am Seitenende sind nach unten gerutscht
+
:::[[File:Screenshot Partner Logos.png|300px|Logos im footer verrutscht]]
+
 
+
'''Neonblue''': sollte behoben sein - siehe "ipad (Hella) Ähnliches Footer Problem wie auf dem Samsung Tablet" - '''IR''' (2.08.): '''nein''', besteht nach wie vor sowohl hoch- als auch querkant
+
 
+
::3. Ruft man Publications oder FAQ (via der Icons) auf, wird links das dazugehörige Submenü nicht angezeigt
+
'''Neonblue''':  Für uns nicht nachvollziehbar - evtl. noch der Browser-Cache - die Links funktionieren bei uns einwandfrei - '''IR''' (2.08.): unter Umständen haben wir uns hier missverstanden: es gibt keine Möglichkeit auf die Unterseiten von Publication zu kommen (BioDIP Publications/ External Literature / How to Acknowledge)
+
* Neonblue hat "Publications" in die Hauptnavigation eingefuehrt - Unterseiten, die per Hauptnavigation erreicht werden, haben das submenu der Seitennavigation
+
** ipad quer: Seitennavigation ist da!
+
** ipad hoch: Seitennavigation fehlt?!
+
 
+
* '''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