Ein Blog über museum-digital und die breitere Digitalisierung im Museumsbereich. Zola 2020-04-22T00:00:00+00:00 https://blog.museum-digital.org/de/tags/loginseite-musdb/atom.xml 2020-04-22T00:00:00+00:00 2020-04-22T00:00:00+00:00 Joshua Ramon Enslin https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/ <p>Über das Wochenende haben wir die Login-Seite von musdb überarbeitet. Neben der offensichtlichen Login-Funktion bietet die überarbeitete Seite - zumindest auf großen Bildschirmen - eine Übersicht von neuen Blogbeiträgen und Statistiken von öffentlichen Datenbankinhalten. Die einzelnen Teile der überarbeiteten Login-Seite werden im folgenden anhand von Screenshots kurz erläutert.</p> <figure class="wp-block-image size-large"> <p><img src="https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/./Screenshot-Login-Page-Full-1024x506.jpg" alt="" /><figcaption>Die überarbeitete Login-Seite von musdb in Gänze. </figcaption></figure></p> <h2 id="seitenbestandteile">Seitenbestandteile</h2> <figure class="wp-block-image size-large"> <p><img src="https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/./Screenshot-Login-Area.png" alt="" /><figcaption>Oben links:<br /> Bildschirmausschnitt zeigt den Login-Bereich auf der Login-Seite von musdb.</figcaption></figure></p> <figure class="wp-block-image size-large"> <p><img src="https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/./Screenshot-Login-Page-Footer.png" alt="" /><figcaption>Unten links:<br /> Bildschirmausschnitt, zeigt die Fußzeile / Links auf der Login-Seite von musdb. Die Fußzeile verlinkt relevante andere Seiten von museum-digital, etwa das Handbuch.</figcaption></figure></p> <figure class="wp-block-image size-large is-resized"> <p><img src="https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/./Screenshot-Login-Page-News.png" alt="" /><figcaption>Oben rechts:<br /> Sofern neue, für die jeweilige Instanz von museum-digital oder die Benutzung von musdb relevante, Blogeinträge vorhanden sind, werden diese oben rechts auf der Login-Seite eingeblendet.</figcaption></figure></p> <figure class="wp-block-image size-large"> <p><img src="https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/./Screenshot-Login-Page-DB-Stats.png" alt="" /><figcaption>Unten rechts:<br /> Bildschirmausschnitt, zeigt den Bereich für Statistiken auf der Login-Seite von musdb.</figcaption></figure></p> <h2 id="auf-kleinen-bildschirmen">Auf kleinen Bildschirmen</h2> <p>Um ein schnelles Laden auch bei eingeschränktem Datenvolumen oder langsamen Verbindungen auf Handys nicht zu erschweren, werden Hintergrundbild und zusätzliche Informationen nur geladen, wenn ein ausreichend großer Bildschirm zur Verfügung steht.</p> <figure class="wp-block-image size-large"> <p><img src="https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/./Screenshot-Login-Page-Phone.png" alt="" /><figcaption>Die Login-Seite auf Handy-Bildschirmen. Zusätzliche Informationen wie das Hintergrundbild werden nicht geladen.</figcaption></figure></p> <div class="my-4 flex flex-col rounded-lg bg-(--admonition-bg)" style="--admonition-bg: var(--admonition-info);" > <div class="flex items-center rounded-t-lg bg-(--admonition-bg) p-1"> <div class="mx-2 h-4 w-4 text-[0px] [background:var(--url)_center_center_no-repeat] dark:invert" style="--url: url(icons/info.svg);" > info </div> <span><strong>License</strong></span> </div> <div class="pl-4"><p>This content is licensed under a <a rel="external" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International license</a>.</p> </div> </div> https://blog.museum-digital.org/de/2020/04/22/ueberarbeitete-login-seite-in-musdb/08103502486-scaled.jpg