New-website-optimization

From BioDIP
(Difference between revisions)
Jump to: navigation, search
(Android)
(Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?))
 
(1,138 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:20160728-screenshot-website-EMF-CRTD.jpg|thumb|200px|Kartenelement doppelt]]
+
[[File:20160728-screenshot-BioDIP-team.jpg|thumb|200px|Merkwürdige Pfeile?]]
+
  
'''Scrolling'''
+
=== Aktualisierung des CMS auf aktuelle Version (eventuell LTS version?)===
Gewünschtes scroll-Verhalten über das Bild im Kopfbereich funktioniert noch nicht.
+
  
'''Timeline'''
+
* CMS soll beibehalten werden (Typo3) oder auf anderes CMS umgezogen werden
Die gesamte zur Verfügung stehende Höhe soll für die Inhaltsboxen nutzbar sein.
+
* 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.
  
'''Zoom Effekte'''
+
* Wartungsvertrag:
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.
+
** 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)
  
'''Element "Inhalts-Slider"'''
+
* derzeitige Inhalte des öffentlichen CMS sollen automatisiert in die aktualisierte website übernommen werden
* Titel und Beschreibung bitte auch im vergrößerten Bild anzeigen (so wie auch im Element "Slider").
+
* Zur Aktualisierung des CMS soll das bisherige Entwicklungssystem genutzt werden (Software vollständig verfügbar)
* Verwendung innerhalb von News bzw. Events bitte ermöglichen.
+
  
'''Typo3 backend'''
+
* 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.)
* bitte konsequent englische Begriffe verwenden (Bildausrichtung, Hauptinhalt, Ueberschrift,...)
+
  
 +
=== Layout ===
  
'''Unterstützende Dokumente/Links'''
+
* generelles Layout der aktuellen website www.biodip.de soll beibehalten werden
* ist es möglich, zusätzliche Details sowohl als Dokument hochladen als auch verlinken zu können?
+
* Barrierefreiheit muß gewährleistet / geprüft werden - erforderliche Modifizierung durchführen / fehlende Inhalte müssen an den Kunden kommuniziert werden
<br>
+
** Anforderungen der TU Dresden müssen beachtet werden (Andy fragen bzgl. Anforungen - Silke fragt)
*'''20160728''': Probleme mit Elementen auf der Seite
+
** die Hintergrund- und Vordergrundfarben haben derzeit kein ausreichendes Kontrastverhältnis
** Auf der [[http://biodip.neonblue.de/facilities/electron-microscopy/biotec-crtd | Seite Facility - EMF BIOTEC/CRTD]] wird Kartenelement 2x untereinander verwendet obwohl dies im backend nicht ersichtlich ist?! Siehe Screenshot.
+
** Eventuell Inhaltsproblematik - fehlende Inhalte an den Kunden kommunizieren
*** Gleicher Effekt tritt auf der Seite LMF BIOTEC/CRTD auf
+
** den Formularelementen sind bisher keine Beschriftungen zugeordnet
** Auf der [[http://biodip.neonblue.de/biodip/biodip-team/ | BioDIP - Team Seite]] treten plötzlich merkwürdige Pfeile auf (siehe screenshot). Diese scheinen neu oder wurden noch nie bemerkt.
+
** Links haben bisher keinen erkennbaren Namen
** Ich finde keine timeline - müste diese nicht unter history sein? Mein Fehler? (Hella)
+
  
== Microsope==
+
* Einbindung von Symbolen bei Anzeige von equipment und facilities (siehe owncloud git repository)
<span style="color:red">Was wird in dieser Ebene definiert/angelegt?</span>
+
** Tabelle dazu erstellen (Britta)!
<br>
+
<br>
+
  
== LM Datenbank==
+
* 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
  
* '''Farbkodierung'''
+
*History
** <span style="background:limegreen">erledigt - bitte prüfen</span>
+
** BioDIP>History
** <span style="background:gold">wird erledigt, wenn die Datenbank final ist</span>
+
** 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.  
** <span style="background:deepskyblue">Extra-Aufwand (in der Summe ca. 3 Stunden zu je 80 Euro netto)</span>
+
** Bisherige Problembehebung - Frontend cache leeren muss automatisch funktionieren bzw. es muss eine andere Möglichkeit gefunden werden.
** <span style="background:darkorange">alternativer Parameter für die Einschränkung einer Liste, wenn eine Mehrfacheinschränkung doch nicht möglich sein sollte</span>
+
** <span style="background:silver">Kommentar hinterlegt - bitte Feedback</span>
+
  
  
 +
* 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)
  
* <span style="background:limegreen">Generell: Bitte die Auswahllisten automatisch sortieren. Z.B. die Manufacturer lt. Alphabet und Zahlenwerte auf- oder absteigend.</span> <span style="background:red">noch nicht erledigt</span>
 
** <span style="background:limegreen"> Wird umgesetzt (CK)</span>
 
  
 +
[[File:20170211-Inhaltsslider-problem.JPG|thumb|200px|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.
  
*<span style="background:gold">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. </span>
 
**<span style="background:gold"> Wird am Ende in jede Tabelle eingefügt (CK).</span>
 
* Parameter Namen (z.Bsp.: Incubator Name) erscheint für uns zur Auswahl im backend. Ausgabe im Front end wird davon nicht beeinflusst.
 
  
* In einem folder (e.g. Microscope System) kann im List View per Set Fields eine weiterer Parameter eines Datensatzes anezeigt werden.
+
* Optimierung Scrollverhalten
** Wie macht man das rückgängig?
+
** Verkleinerung des weissen Kopfbereiches und Suchfeldbereiches beim scrollen soll "smooth" erfolgen, ohne Sprünge.  
** Wird Nutzerspezifisch gespeichert.
+
** 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)
  
* '''Page'''
+
* Struktur (BN)
** Ist nicht vom Nutzer zu editieren.
+
** Ebene MPI-TDS nicht konsistent mit anderen Facilities
 +
** Equipment: Reihenfolge (LM -> EM -> PC -> booking DB)
 +
** Kategorien in Resources nicht konsistent
  
 +
===Interner Bereich===
  
===Light Microscope - Ebene 2===
+
* es soll einen internen Bereich der Seite geben, der nach login erreichbar ist
[[File:LM-Database Light-MIcroscope.png|thumb|400px|LM-Database_Light-MIcroscope]]
+
* BioDIP to do: was erwarten wir von diesem internen Bereich?
*<span style="background:gold">Bitte die Reihenfolge der Abfragen wie im Bild "LM-Database_Light-Microscope" angegeben</span>
+
* definierte DB Felder sollen nur eingeloggten Nutzern angezeigt werden
* momentan nach "System ID" aufgelistet, zusätzliche Anzeige des "System Name" wäre sehr hilfreich
+
* <span style="background:gold">"Building": Eingabefeld (Länge begrenzt?)
+
* <span style="background:gold">"Touch date": Datum, an dem der Datensatz zuletzt aktualisiert wurde.
+
** <span style="background:gold">Ist im Typo3 vorhanden, kann verwendet werden.
+
** <span style="background:gold">Punkt wird im Forular entfernt.
+
* <span style="background:gold">"Images": derzeit nur ein Bild zuordenbar, wir möchten mehrere zuordnen können
+
* <span style="background:gold">Links / Dokumente: Generell link, das dieser flexibel auf Dokument bzw. eine Seite zeigen kann.
+
* "Link to Booking System" bitte einführen
+
* <span style="background:gold">"Sip number": bitte SIP number verwenden</span>
+
* <span style="background:limegreen">"Additional Equipment": Beschreibung individuell per Rrich text editor (Bilder/links/Formatierung möglich)<span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">"Link To Descriptions" - bitte "Link To Manufacturer Description" verwenden</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:gold">"Internal D D C I D" - bitte "Internal DDc ID" verwenden</span>
+
* <span style="background:limegreen">Service Visits bitte ebenfalls als rich text editor anlegen (wie bei additional equipment)</span> <span style="background:aqua">erledigt</span>
+
* "Category": Komplexität offen, es muss immer der Parent angegeben werden, unter dem der neue Eintrag hängt
+
* <span style="background:limegreen">"Microscope Stand": umbenennen in Microscope System</span> <span style="background:aqua">erledigt</span>
+
** <span style="background:gold">Mehrfachauswahl möglich
+
** <span style="background:gold">Liste soll mit manufacturer einschränkbar sein
+
* <span style="background:gold">"Cpu": bitte groß schreiben: CPU
+
* <span style="background:gold">"Ram": bitte groß schreiben: RAM</span>
+
* Eingabefeld für "OS" einführen
+
* Eingabefeld für "Computer Manufacturer Name" einführen
+
* Eingabefeld für "Internal Net ID" einführen
+
  
<br>
+
=== Gerätedatenbank ===
<br>
+
  
==== Category - Ebene 3 ====
+
* alle Inhalte der derzeitigen Geräte-DB sollen automatisiert in eine eventuell neue/modifizierte Geräte-DB übernommen werden
[[File:Mindmap-categories-screenshot.JPG‎|thumb|400px|Mindmap categories]]
+
  
* Erklärung:
+
* Filter auf Equipment Seite (https://www.biodip.de/equipment/light-microscopes/?tx_nbmicroscopes_nbmicroscopes%5Baction%5D=&tx_nbmicroscopes_nbmicroscopes%5Bcontroller%5D=LightMicroscope&cHash=845178de7953e7c2c703e88d452a6309)
** Wird eine neue Kategorie angelegt, gibt man die Parent Kategorie an. Dadurch ist Position im Kategorienbaum definiert und die Komplexität ist offen.
+
** Es soll möglich sein, auf eine URL für eine Unterauswahl der Equipment Filter zuzugreifen.
  
<br>
+
* intuitiv bedienbare Eingabemaske für die Gerätedatenbank (nicht im Typo3 wie bisher)
<br>
+
** Eingabe eines Gerätes von oben nach unten (generell nach spezifisch)
<br>
+
** Systemname - Mikroskop - Computer - Zusatzteile
<br>
+
** Datenbankfelder sollen hinzufügbar sein (Beispiel: Standard 1 Computer, trotzdem sollten weitere hinzufügbar sein)
<br>
+
** Ausgabe des Gerätes soll anpassbar sein (Layout global für LM / EM / histo / IP), neue DB Felder sollen ausgegeben werden können
<br>
+
  
==== SuitableForSpecimen / SuitableForTechnique - Ebene 3 ====
+
Aktuelle Anpassungen der DB:
* OK
+
* 1. Für die Processing Computer soll es analog zu den LMs und EMs einen link ins Buchungssystem geben
<br>
+
* 2. Processing Computer benötigen eine "Location", analog zu den Mikroskopen
<br>
+
* 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.
  
==== MicroscopeStand - Ebene 3 ====
+
=== Publikationsdatenbank ===
* "MicroscopeStand" bitte umbenennen in "Microscope System" <span style="color:green">(DONE)</span>
+
[[File:LM-Database_Microscope-System.png|thumb|400px|LM-Database_Microscope-System]]
+
* <span style="background:gold">Bitte die Reihenfolge der Abfragen wie im Bild "LM-Database_Microscope-System" angegeben</span>
+
* <span style="background:limegreen">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></span>  <span style="background:aqua">erledigt</span>
+
* <span style="background:deepskyblue">"'''Name'''":</span>
+
** <span style="background:deepskyblue">soll "Microscope Stand" heissen und
+
** <span style="background:deepskyblue">kein reines Eingabefeld sein, sondern Auswahl aus den bereits vorhanden "Microscope Stand Name"s ermöglichen (am Beispiel "DMI 6000 B")
+
** <span style="background:deepskyblue">bitte in Ebene 4 Tabelle "Microscope Stand" anlegen, die "Microscope Stand Name" und "Microscope Stand Orientation" und "Microscope Manufacturer" enthält <span style="color:red">(Wichtig, denn hier geht es um Mikroskope)</span></span>
+
  
* <span style="background:gold"> "'''Reflector Holder1 Type'''": Auswahl revolver / slider, kein Eingabefeld</span>
+
* automatischer Import der per Pubmed verfügbaren Daten in die Literaturdatenbank
* <span style="background:gold"> "'''Reflector Holder1 Style'''": Auswahl manual / motorized, kein Eingabefeld</span>
+
* neue Publikationen sollen über eine Liste im csv-Format einfügbar sein
* <span style="background:limegreen">"'''Number Of Position Rh'''": bitte umbenennen in "Number Of Holder1 Positions"</span> <span style="background:aqua">erledigt</span>
+
** Spalten dieser Liste sind Pubmed-ID; Facility; Field; Image
* <span style="background:limegreen">"'''Reflector Revolver2 Type'''": entfällt, da das immer ein Revolver ist</span> <span style="background:aqua">erledigt</span>
+
** die angegebenen images (benannt nach vorgegebenem Namensschema)sollen automatisiert ins CMS hochgeladen werden können
* <span style="background:gold"> "'''Reflector Revolver2 Style'''": Auswahl manual / motorized, kein Eingabefeld</span>
+
** automatisierte Zuordnung der images zur Publikation (ersichtlich aus filename)
* <span style="background:limegreen">"'''Number Of Position Rr'''": bitte umbenennen in "Number Of Revolver2 Positions"</span> <span style="background:aqua">erledigt</span>
+
* Sortierung sollte nach Jahr moeglich sein (BN)
* <span style="background:limegreen">"'''Scan Head Document I D'''": Wird entfernt.</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">"'''Photo Manipulation Document I D'''": Wird entfernt.</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:gold"> "'''Number of Cameras'''": Mehrfachauswahl, Anzahl ergibt sich aus den ausgewählten, kann bei Bedarf im TYPO3 durchgezählt werden.</span>
+
* <span style="background:deepskyblue">"'''Manufacturer'''": kann entfallen, da diese Eigenschaft bereits durch Auswahl des Microscope Stands aus der "Microscope Stand" Liste zugeordnet wurde</span>
+
* <span style="background:gold"> "'''Refl Holder1 F C'''": Bitte umbenennen in "Reflectors for Holder1"</span>
+
** <span style="background:gold"> Mehrfachauswahl der Filtersätze mit Hilfe eines zusaetzlichen Namens ("Unique Filter Cube ID" bitte einfuehren)</span>
+
* <span style="background:gold"> "'''Refl Revolver2 F C'''": Bitte umbenennen in "Reflectors for Revolver2"</span>
+
** <span style="background:gold"> Mehrfachauswahl der Filtersätze mit Hilfe eines zusaetzlichen Namens ("Unique Filter Cube ID" bitte einfuehren)</span>
+
<br>
+
<br>
+
<br>
+
<br>
+
===== Objective Revolver - Ebene 4 =====
+
* <span style="background:gold"> Auswahl mit Hilfe eines zusaetzlichen Namens ("Objective Revolver ID [institute affiliation] [internal system ID]" bitte einfuehren)</span>
+
* "Type" soll "Objective Revolver Type" heißen und ein dropdown manual/motorized sein
+
* "Number of Positions O" soll "Number of Objective Revolver Position" heißen
+
* <span style="background:gold"> Die Auswahlliste der Objektive kann lang werden - wir möchte die komplette Liste sehen und zusätzlich die Liste einschränken können anhand</span>
+
** <span style="background:darkorange">der Objektivvergrößerung</span>
+
** <span style="background:gold"> des Objektiv manufacturers</span>
+
** <span style="background:gold"> der Immersion</span>
+
* D.h. diese Einschränkungen sollen zur Verkürzung der Liste verwendet werden können.
+
  
====== Objectives - Ebene 5 ======
+
=== Schnittstellen ===
[[File:LM-database_Objectives.png|thumb|400px|LM-database Objectives]]
+
* <span style="background:gold">Bitte Ebenenreihenfolge wie im Bild "LM-database Objectives" angegeben</span>
+
* <span style="background:limegreen">Internal Number umbenennen in Internal Objective ID</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">Abberation correction umbenennen in Aberration correction</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">Objective ID umbenennen in Manufacturer Objective ID</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">Tube lense umbenennen in Tube length</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">Cover glass thickness umbenennen in Coverslip thickness</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">Immersion umbenennen in Immersion Medium</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:limegreen">Collar umbenennen in Correction Collar</span> <span style="background:aqua">erledigt</span>
+
<br>
+
<br>
+
<br>
+
<br>
+
  
===== Standorientation - Ebene 4 =====
+
* dokumentierte Schnittstelle der Gerätedatenbank, die von externen Ressourcen genutzt werden können, z.B.:
* <span style="background:deepskyblue">"Microscope Stand Orientation" ergibt sich aus dem Namen "Name", den wir in "Microscope Stand" umbenennen wollen (siehe oben)</span>
+
** Interface zu DDc Technologieplattform
* <span style="background:deepskyblue">dadurch ergibt sich die "Microscope Stand Orientation" automatisch, da sie bei Erstellung der "Microscope Stand" Liste mit abgefragt wird</span>
+
** Inferface zu TUD web CMS
* D.h. Stand Orientation muss hier nicht abgefragt werden.
+
** Inferface MPI new booking system
 
+
===== Additional Filters - Ebene 4 =====
+
[[File:LM-database AdditionalFilters.png|thumb|400px|Additional Filter Eingabe]]
+
* <span style="background:gold">Abfrage der Eigenschaften bitte wie im Bild "Additional Filter Eingabe" angegeben</span>
+
* <span style="background:gold">"Additional Filter ID" umbenennen in "Additional Filter ID [institute affiliation] [internal system ID] [filter type]"</span>
+
: '''Generell'''
+
: <span style="background:silver">Filter sollen an einer Stelle abgefragt werden in der '''Ordnerstruktur'''</span>
+
:* <span style="background:silver">Filter</span>
+
:** <span style="background:silver">Filtercubes</span>
+
:** <span style="background:silver">Additional Filters</span>
+
:*** <span style="background:silver">single Filters</span>
+
<span style="background:silver"> Kommentar Neonblue zu grau hinterlegt: Ist das wirklich so sinnvoll? Werdes die Filtercubes aus Single Filters zusammengesetzt?</span>
+
* Ja, Filtercubes werden aus drei einzelnen Filtern zusammengesetzt.
+
* Auch Additional filter wheels werden mit diesen Einzelfiltern bestückt.
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
===== Condenser - Ebene 4 =====
+
[[File:LM-database Condenser.png|thumb|400px|Condenser Parameter]]
+
* <span style="background:gold">Abfrage der Eigenschaften wie im Bild "Condenser Parameter"</span>
+
* <span style="background:limegreen">Auswahl (im backend) mit Hilfe eines zusaetzlichen Namens ("Condenser ID" bitte einfuehren)</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:gold">Type: dropdown (z.B. manuell/motorized)</span>
+
* <span style="background:limegreen">"Number Of Positions N" umbenennen in "Number of Condenser Positions"</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:gold">Die Auswahlliste kann lang werden - wir möchten die komplette Liste sehen und zusätzlich die Liste einschränken können anhand des Types (manual / motorized).</span>
+
* Contrast Techniques kann man anlegen - Achtung: nicht mit Objective Contrast Technique verwechseln!
+
** Wäre hier nicht eine gemeinsame Liste der Contrast Techniques sinnvoll? - Nein, wir bleiben bei 2 Listen (CK).
+
<br>
+
<br>
+
 
+
===== Additonal Magnification - Ebene 4 =====
+
* <span style="background:limegreen">bitte umbenennen in "Additional Magnification"</span> <span style="background:aqua">erledigt</span>
+
* VEREINFACHUNG:
+
** <span style="background:gold">Eingabefeld für den "Additional Magnification Name" [Magnification-Changer-Name] [Magnification1][Magnification2][Magnification3][manual/motorized]"</span>
+
** <span style="background:gold">Rest kann entfallen</span>
+
 
+
===== Hardware Autofocus - Ebene 4 =====
+
* <span style="background:limegreen">"Type" umbenennen in "Hardware Autofocus ID"</span> <span style="background:aqua">erledigt</span>
+
* <span style="background:deepskyblue">Wenn möglich bitte Feld für link einführen.</span>
+
* "Manufacturer" umbenennen in "Hardware Autofocus Manufacturer"
+
 
+
===== XY Stage - Ebene 4 ===== 
+
[[File:LM-database_XY-Stage.PNG|thumb|400px|XY Stage Definition]]
+
* <span style="background:gold">bitte in "XY Stage" umbenennen im "Microscope System" Formular</span>
+
* <span style="background:gold">Wie lege ich eines an? In der "New record" kein "XY Stage" Formular vorgesehen?</span>
+
** <span style="background:gold">derzeit im "Microscope System" Formular nur "motorized" auswählbar - unklar, woher dieser Eintrag kommt</span>
+
* <span style="background:gold">Parameter bitte wie in der Tabelle "XY Stage Definition"</span>
+
 
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
===== Z Focus Device - Ebene 4 ===== 
+
* <span style="background:deepskyblue">Separater Ordner ist hier nicht nötig.</span>
+
** im backend kann dieser Ordner entfallen, da der Z Focus nur manuell oder motorized ist, d.h. dies kann direkt als "Z Focus Device" im Formular "Microscope System" abgefragt werden
+
* <span style="background:gold"> Dropdown mit Namen "Z Focus Device" zur Auswahl manual/motorized im Formular "Microscope System"</span>
+
 
+
===== Z Focus Device Additional - Ebene 4 ===== 
+
[[File:LM-database_Additional-z-Focus-Device.PNG|thumb|400px|Additional z-Focus Device Definition]]
+
 
+
* <span style="background:gold"> "Z Focus Device Additional" bitte umbenennen in "Additional z-Focus Device Name"</span>
+
* <span style="background:gold"> Formular wie im Bild "Additional z-Focus Device Definition" beschrieben</span>
+
 
+
<span style="background:limegreen"> (* Wie lege ich eines an? In der "New record" kein "Z Focus Device Additional" Formular vorgesehen?</span> <span style="background:aqua">erledigt</span>
+
<span style="background:limegreen"> * derzeit im "Microscope System" Formular nur "No title" auswählbar - unklar, woher das kommt)</span>
+
 
+
===== ScanHead - Ebene 4 =====
+
*<span style="background:limegreen"> Ebene "Scan Head Type" unnötig; "Scan Head" sollte direkt die Scan Head ID's aus "LSM Scan Head" und "SD Scan Head" abfragen</span>
+
<br>
+
<br>
+
====== LSM Scan Head - Ebene 5 ======
+
 
+
[[File:LM-database_Scan_Heads-LSM.PNG|thumb|400px|LM-database_Scan_Heads-LSMs]]
+
* Mit "Hide" check box kann mann Daten "verstecken" wie mit der Lampe im typo3 backend.
+
* <span style="background:gold">Bitte den Aufbau der LSM Scan Head Ebene wie im Bild "LM-database_Scan_Heads" angegeben</span>
+
* <span style="background:gold">zusätzlich, als erstes Auswahlkriterium, "LSM ScanHead ID" einführen</span>
+
* <span style="background:gold">"Type" bitte umbenennen in "LSM Scanner Type" - Auswahl aus Liste (conventional, resonant)</span>
+
** <span style="background:gold">"LSM Scanner Type" beinhaltet Geschwindigkeit im Namen, somit entfällt "L S M Scan Head Speed"</span>
+
* <span style="background:gold">"Detector" Ebene kann entfallen</span>
+
<br>
+
<br>
+
 
+
====== Spinning Disc Head - Ebene 5 ======
+
[[File:LM-database Scan Heads-SD.png|thumb|400px|LM-database_Scan_Heads-Spinning disc]]
+
 
+
*<span style="background:gold">"Spinning Disc Head Spee" umbenennen in "Spinning disc speed" </span>
+
*<span style="background:gold">"Pinhole size" umbenennen in "Physical pinhole size"</span>
+
*<span style="background:gold">"Pinhole spacing" umbenennen in "Physical pinhole spacing"</span>
+
* <span style="background:gold">Camera Type muss hier nicht abgefragt werden</span>
+
* <span style="background:gold">Pinhole property ist redundant (wird bereits durch og Eigenschaften abgedeckt</span>
+
<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]]
+
*<span style="background:gold">Bitte den Aufbau der Fluorescence Light Ebene wie im Bild "LM-database Fluorescence Light Sources" angegeben</span>
+
*<span style="background:limegreen"> Light Source type bitte in die global Kategorie schieben, da dies sowohl vom Transmitted als auch von Fluorescence light source genutzt wird</span> <span style="background:aqua">erledigt</span>
+
**'''OK'''
+
*<span style="background:silver"> Zwischenebene Light Source ist unnötig</span>
+
<span style="background:silver"> Kommentar Neonblue zu grau hinterlegt: Ist das so richtig? Die Zwischen-Ebene macht doch Sinn?</span>
+
* Stimmt Zwischenebene ist sinnvoll, da die Mehrfachauswahl benötigt wird. Bitte um Entschuldigung.
+
<br>
+
<br>
+
 
+
===== Camera - Ebene 4 =====
+
[[File:LM-database_Camera.PNG|thumb|400px|Camera Definition]]
+
*<span style="background:gold">Kameraformular bitte wie in Tabelle "Camera Definition" gestalten.</span>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
===== Structured illumination - Ebene 4 =====
+
[[File:LM-database structuredIllumination.png|thumb|400px|LM-database structuredIllumination]]
+
*<span style="background:gold">Abfrage der Eigenschaften bitte wie im Bild "LM-database structuredIllumination" angegeben</span>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
===== Incubation - Ebene 4 =====
+
[[File:LM-database_Incubation.PNG|thumb|400px|Incubation Components]]
+
*<span style="background:gold">Abfrage der Eigenschaften bitte wie im Bild "Incubation Components" angegeben </span>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
===== PhotoManipulation - Ebene 4 =====
+
[[File:LM-database_Photomanipulation.PNG|thumb|400px|Photomanipulation Eigenschaften]]
+
* <span style="background:gold">Abfrage der Eigenschaften bitte wie im Bild "Photomanipulation Eigenschaften" angegeben </span>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
===== globals - Ebene 4 =====
+
[[File:LM-database_Filter-cubes.PNG|thumb|400px|LM-database Filter Cubes]]
+
*'''Filter cubes'''
+
**<span style="background:gold">Abfrage der Eigenschaften bitte wie im Bild "LM-database Filter Cubes" angegeben</span>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
[[File:LM-database Light Sources-TL.PNG|thumb|400px|LM-database Transmitted Light Sources]]
+
*'''Transmitted light source'''
+
**<span style="background:limegreen"> bitte aus global entfernen und als eigenen Punkt in Ebene 4 etablieren (wie Fluorescence Light source)</span>  <span style="background:aqua">erledigt</span>
+
*** '''OK'''
+
**<span style="background:gold">Aufbau siehe Bild "LM-database Transmitted Light Sources"</span>
+
 
+
<br>
+
<br>
+
<br>
+
<br>
+
* '''Software Package'''
+
** "Name" bitte in "Software Package Name" umbenennen
+
** "Hotfix Number" bitte in "Hotfix Number [hotfix/update][number]" umbenennen
+
** "Version Number" bitte in "Version Number [V][number]" umbenennen
+
 
+
==== globals - Ebene 3 ====
+
[[File:LM-database Filters.PNG|thumb|400px|LM-database single Filters]]
+
*'''Filters'''
+
**<span style="background:gold">Abfrage der Eigenschaften bitte wie im Bild "LM-database Filters" angegeben</span>
+
 
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
 
+
== EM data base ==
+
[[File:UML-ElectronMicroscopes.png|thumb|200px|UML-ElectronMicroscopes]]
+
 
+
'''Electron Microscope - Ebene 1'''
+
 
+
* den Begriff "Electron Microscope" bitte durch "EM Device" ersetzen, da auch die Geräte zur Probenvorbereitung (keine Mikroskope) erfasst werden sollen und es unter Umständen zur Verwirrung kommen kann (siehe UML Diagramm)
+
** CK: Es wird in der Tabelle "Category" ein Wert "EM Device" angelegt. Wird dieser dann beim Erstellen eines neuen Datensatzen ausgewählt, passen sich die Felder in der Eingabemaske wie auf Ihrem zugesandten UML-Diagramm an - alle nicht markierten Felder werden dann ausgeblendet.
+
*** IR: Bitte "EM Device" in "Sample Preparation" umbenennen
+
 
+
'''Electron Microscope - Ebene 2'''
+
 
+
* <span style="background:gold">Internal D D C I D" - bitte in "Internal DDc ID" ändern</span>
+
* <span style="background:gold">"Resolution N M" - bitte in "Resolution in nm" ändern</span>
+
* <span style="background:gold">"Resolution K V" - dieses Element bitte löschen</span>
+
* <span style="background:limegreen">"Resolution K X" - bitte in "Magnification (kx)" ändern</span> - erledigt
+
* <span style="background:limegreen">"Detector" - muß eine Mehrfachauswahl sein </span> - erledigt
+
 
+
 
+
 
+
'''Stage - Ebene 4'''
+
 
+
* Hier bitte noch ein Element "Movements" (als Mehrfachauswahl) anlegen
+
 
+
* <span style="background:gold"> Außerdem bitte analog zum XY Stage für die light microscopes "Type" (zusätzlich zu Name & Manufacturer) hinzufügen </span> - kann "Type", analog zu den Lichtmikroskopen bitte mit "manual" oder "motorized" vorbestimmt sein?
+
 
+
'''Camera - Ebene 3'''
+
 
+
* bitte das Kameraformular der Lichtmikroskope übernehmen
+
 
+
'''Detector - Ebene 3'''
+
 
+
* <span style="background:limegreen"> Bitte in eine Mehrfachauswahl ändern, da ein EM mit mehreren Detektoren ausgestattet sein kann (Vielleicht kann das ja mit dem Element "Gun" getauscht werden da hier eine einfache Auswahl ausreichend ist?)</span> - erledigt
+
* <span style="background:gold"> hier bitte auch noch "Type" (zusätzlich zu Name & Manufacturer) hinzufügen </span> - kann "Type" bitte mit entweder "backscattered" oder "secondary electrons" vorbestimmt sein (es gibt nur diese beiden Möglichkeiten)?
+
 
+
== 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]]
+
 
+
==== 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 Menü 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)
+
 
+
* '''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
Personal tools