{"id":581,"date":"2021-06-20T15:28:01","date_gmt":"2021-06-20T13:28:01","guid":{"rendered":"https:\/\/neu.montybanse.eu\/?p=581"},"modified":"2021-06-20T16:41:49","modified_gmt":"2021-06-20T14:41:49","slug":"dms-das-aussehen","status":"publish","type":"post","link":"https:\/\/www.montybanse.eu\/index.php\/server-programmierung-co\/dms-das-aussehen\/","title":{"rendered":"DMS: Das Aussehen"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Wie soll denn das ganze am Ende aussehen, mit dem ich t\u00e4glich oder zumindest mehrmals w\u00f6chentlich arbeiten m\u00f6chte? Wie soll die Usability sein? M\u00f6chte ich viele Grafiken oder eine einfache Struktur haben?<\/p>

Klar war mir am Anfang, ich m\u00f6chte f\u00fcr die Dokumente einen gro\u00dfen \u00dcbersichtsbereich haben. Ich m\u00f6chte viele Informationen auf dem ersten Blick sehen k\u00f6nnen. Auch soll es responsibel (zumindest im Ansatz) sein, damit ich auch \u00fcber ein Smartphone an die Dokumente kommen kann.<\/p>

Ein Men\u00fc musste es nat\u00fcrlich auch sein. Hier wollte ich klassisch bleiben und das Men\u00fc auf der linken Seite festhalten.<\/p>

Grafisch sollte es nichts besonderes sein und erst einmal funktional bleiben.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ich klickte mich dann auch ein wenig durch die \u201eKonkurrenz\u201c-Produkte (eigentlich ist es ja keine Konkurrenz, aber es ist doch sch\u00f6n sich ein wenig Input zu holen) und stellte fest, dass diese in der Regel mit viel zu vielen Funktionen, Aktionen und Tabellen sehr \u00fcberladen und \u00fcberfrachtet waren. Das wollte ich nicht.<\/p>

Ich stie\u00df dann – eigentlich auf der Suche nach Templates und Vorlagen – unter anderem auch auf Bootstrap.\u00a0<\/p>

Wer Bootstrap nicht kennt: Bootstrap ist ein CSS \/ HTML Framework, welches unendlich viele M\u00f6glichkeiten mit sich bringt um Container auf einer Webseite anzuordnen, Dinge zu formatieren und zu designen. Das fand ich gut, weil es mir viele Dinge abnahm um meine eigene CSS f\u00fcr HTML zu entwickeln und ich auf vorgefertigte Dinge zur\u00fcckgreifen kann.<\/p>

So entstand dank Bootstrap mit wenig Aufwand am Ende folgendes Design:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"Dashboard\"
Dashboard<\/figcaption><\/figure><\/a><\/div>
\"Neues
Neues Dokument hinzuf\u00fcgen<\/figcaption><\/figure><\/a><\/div>
\"Vorhandene
Vorhandene Dokumente anzeigen<\/figcaption><\/figure><\/a><\/div>
\"Kategorien
Kategorien anlegen und verwalten<\/figcaption><\/figure><\/a><\/div>
\"Einstellungen\"
Einstellungen<\/figcaption><\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Einfach, \u00fcberschaubar und funktional. So sollte es sein.<\/p>

Hier gehts weiter:\u00a0Dokumentenmanagement: Die Funktionen<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Wie soll denn das ganze am Ende aussehen, mit dem ich t\u00e4glich oder zumindest mehrmals w\u00f6chentlich arbeiten m\u00f6chte? Wie soll die Usability sein? M\u00f6chte ich viele Grafiken oder eine einfache Struktur haben? Klar war mir am Anfang, ich m\u00f6chte f\u00fcr die Dokumente einen gro\u00dfen \u00dcbersichtsbereich haben. Ich m\u00f6chte viele Informationen<\/p>\n","protected":false},"author":1,"featured_media":605,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[18,17],"tags":[],"class_list":["post-581","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dokumentenmanagement-selbst-gemacht","category-server-programmierung-co"],"_links":{"self":[{"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/posts\/581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/comments?post=581"}],"version-history":[{"count":19,"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/posts\/581\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/posts\/581\/revisions\/622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/media\/605"}],"wp:attachment":[{"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/media?parent=581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/categories?post=581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.montybanse.eu\/index.php\/wp-json\/wp\/v2\/tags?post=581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}