{"id":168,"date":"2024-01-28T16:11:14","date_gmt":"2024-01-28T15:11:14","guid":{"rendered":"https:\/\/softwarebit.de\/projekte\/?p=168"},"modified":"2024-01-28T16:19:58","modified_gmt":"2024-01-28T15:19:58","slug":"tsv-schenklengsfeld","status":"publish","type":"post","link":"https:\/\/softwarebit.de\/projekte\/tsv-schenklengsfeld\/","title":{"rendered":"TSV Schenklengsfeld"},"content":{"rendered":"<div class=\"taxonomy-post_tag wp-block-post-terms has-medium-font-size\"><a href=\"https:\/\/softwarebit.de\/projekte\/tag\/api\/\" rel=\"tag\">API<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/softwarebit.de\/projekte\/tag\/css\/\" rel=\"tag\">CSS<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/softwarebit.de\/projekte\/tag\/html\/\" rel=\"tag\">HTML<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/softwarebit.de\/projekte\/tag\/woocommerce\/\" rel=\"tag\">WooCommerce<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/softwarebit.de\/projekte\/tag\/wordpress\/\" rel=\"tag\">WordPress<\/a><\/div>\n\n\n<h1 class=\"wp-block-heading\">TSV Schenklengsfeld | eine umfassende Website<\/h1>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column factBox has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#ececec;flex-basis:33.33%\">\n<h3 class=\"wp-block-heading\">Key Facts<\/h3>\n\n\n\n<p><strong>Komplexit\u00e4t<\/strong><\/p>\n\n\n\n<p>4 \/ 5 <\/p>\n\n\n\n<p><strong>Branche<\/strong>:<\/p>\n\n\n\n<p>eingetragener Verein\/Sportverein<\/p>\n\n\n\n<p><strong>Technologie<\/strong>:<\/p>\n\n\n\n<p>HTML\/CSS\/JavaScript\/Worpress\/Woocommerce\/APIs<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Der TSV Schenklengsfeld war auf der Suche nach einer neuen Webseite. Bisher hatte der Verein es bis zum Jahr 2024 ohne einen eigenen Internetauftritt geschafft. Das sollte sich jetzt \u00e4ndern.<br>Die Seite sollte m\u00f6glichst umfassend sein. Alle Sportarten sollten eine eigene Seite haben, Informationen \u00fcber Aktuelle Themen sowie \u00fcber den Verein und das Sportlerheim durften auch nicht fehlen.<br>Zudem sollten Instagram Posts, die aktuellen Spiele der Fu\u00dfballmannschaft sowie die Anfahrt zum Sportgel\u00e4nde mit aufgenommen werden.<br>Essenziell ist bei dieser Informations- und Funktionsvielfalt die \u00dcbersichtlichkeit und ein klarer Aufbau der Webseite.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:99px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Bildergalarie<\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/softwarebit.de\\\/projekte\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/apisTSVschenklengsfeld.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-171&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:822,&quot;targetHeight&quot;:868,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Bild vergr\\u00f6\\u00dfern&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"822\" height=\"868\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"171\" src=\"https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/apisTSVschenklengsfeld.png\" alt=\"\" class=\"wp-image-171\" srcset=\"https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/apisTSVschenklengsfeld.png 822w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/apisTSVschenklengsfeld-284x300.png 284w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/apisTSVschenklengsfeld-768x811.png 768w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Bild vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Integrierte APIs auf tsv-schenklengsfeld.de<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"622\" data-id=\"174\" src=\"https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/instagramTSVschenklengsfeld.png\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/instagramTSVschenklengsfeld.png 820w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/instagramTSVschenklengsfeld-300x228.png 300w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/instagramTSVschenklengsfeld-768x583.png 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><figcaption class=\"wp-element-caption\">Integration von Instagram auf der Webseite<\/figcaption><\/figure>\n<\/figure>\n\n\n<figure style=\"aspect-ratio:auto;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/softwarebit.de\/projekte\/tsv-schenklengsfeld\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1917\" height=\"920\" src=\"https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/tsv-schenklengsfeld.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"TSV Schenklengsfeld\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/tsv-schenklengsfeld.png 1917w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/tsv-schenklengsfeld-300x144.png 300w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/tsv-schenklengsfeld-1024x491.png 1024w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/tsv-schenklengsfeld-768x369.png 768w, https:\/\/softwarebit.de\/projekte\/wp-content\/uploads\/2024\/01\/tsv-schenklengsfeld-1536x737.png 1536w\" sizes=\"(max-width: 1917px) 100vw, 1917px\" \/><\/a><\/figure>\n\n\n<h3 class=\"wp-block-heading\"><br>Herausforderungen<\/h3>\n\n\n\n<p>Die gr\u00f6\u00dfte Herausforderung war die Struktur der Webseite sowie das Layout der jeweiligen Unterseiten.<br>Ziel war eine klare und \u00fcbersichtliche Struktur bei der alle Angebote des Vereins einfach zu finden sind. <br>In Zusammenarbeit mit dem Sportverein, habe ich in mehreren Runden Entw\u00fcrfe skizziert und bewertet.<br>In der finalen Fassung sollten neben den grundliegenden Optionen weitere Elemente ersichtlich sein. Dazu geh\u00f6rten die aktuellen Posts auf Instagram, da hier sehr aktiv gearbeit wird. Dar\u00fcber hinaus sollten auch anstehende Sportveranstaltungen, die Fu\u00dfballtabelle sowie die Anfahrt zum Sportlerheim dargestellt werden. Diese Elemente sind nun direkt auf der Startseite zu finden.<\/p>\n\n\n\n<p>Wie bei jedem Website Projekt ist der Inhalt essenziell (&#8222;Content is Key&#8220;). Hier bestand die besondere Herausforderung durch den Projektumfang. In der finalen Form gibt es 20 unterschiedliche Seiten mit mehr oder weniger Inhalt und etwa 12 Accounts, die nur auf eine bestimmte Seite zugreifen sollen. <br>Die Erstellung des Inhalts gemeinsam mit den Ansprechpartnern sowie das Managen der Zugriffe war letztendlich deutlich aufw\u00e4ndiger als die technische Bereitstellung der Webseite<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fazit und Ausblick<\/h3>\n\n\n\n<p>Das Projekt hat mir pers\u00f6nlich sehr viel Spa\u00df gemacht und ich freue mich auf eine weiteres Projekt dieser Art.<br>Im weiteren Zeitverlauf wird die Seite von mir gepflegt und administriert. Zudem steht noch die Integration eines Onlineshops, die Erstellung einer Bedienungsanleitung sowie die weitere Ausgestaltung im Raum.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-comments\">\n\n\n\n\n\n\t<div id=\"respond\" class=\"comment-respond wp-block-post-comments-form\">\n\t\t<h3 id=\"reply-title\" class=\"comment-reply-title\">Schreibe einen Kommentar <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\" href=\"\/projekte\/wp-json\/wp\/v2\/posts\/168#respond\" style=\"display:none;\">Antworten abbrechen<\/a><\/small><\/h3><form action=\"https:\/\/softwarebit.de\/projekte\/wp-comments-post.php\" method=\"post\" id=\"commentform\" class=\"comment-form\"><p class=\"comment-notes\"><span id=\"email-notes\">Deine E-Mail-Adresse wird nicht ver\u00f6ffentlicht.<\/span> <span class=\"required-field-message\">Erforderliche Felder sind mit <span class=\"required\">*<\/span> markiert<\/span><\/p><p class=\"comment-form-comment\"><label for=\"comment\">Kommentar <span class=\"required\">*<\/span><\/label> <textarea id=\"comment\" name=\"comment\" cols=\"45\" rows=\"8\" maxlength=\"65525\" required=\"required\"><\/textarea><\/p><p class=\"comment-form-author\"><label for=\"author\">Name <span class=\"required\">*<\/span><\/label> <input id=\"author\" name=\"author\" type=\"text\" value=\"\" size=\"30\" maxlength=\"245\" autocomplete=\"name\" required=\"required\" \/><\/p>\n<p class=\"comment-form-email\"><label for=\"email\">E-Mail <span class=\"required\">*<\/span><\/label> <input id=\"email\" name=\"email\" type=\"text\" value=\"\" size=\"30\" maxlength=\"100\" aria-describedby=\"email-notes\" autocomplete=\"email\" required=\"required\" \/><\/p>\n<p class=\"comment-form-url\"><label for=\"url\">Website<\/label> <input id=\"url\" name=\"url\" type=\"text\" value=\"\" size=\"30\" maxlength=\"200\" autocomplete=\"url\" \/><\/p>\n<p class=\"comment-form-cookies-consent\"><input id=\"wp-comment-cookies-consent\" name=\"wp-comment-cookies-consent\" type=\"checkbox\" value=\"yes\" \/> <label for=\"wp-comment-cookies-consent\">Meinen Namen, meine E-Mail-Adresse und meine Website in diesem Browser f\u00fcr die n\u00e4chste Kommentierung speichern.<\/label><\/p>\n<p class=\"form-submit\"><input name=\"submit\" type=\"submit\" id=\"submit\" class=\"submit\" value=\"Kommentar abschicken\" \/> <input type='hidden' name='comment_post_ID' value='168' id='comment_post_ID' \/>\n<input type='hidden' name='comment_parent' id='comment_parent' value='0' \/>\n<\/p><\/form>\t<\/div><!-- #respond -->\n\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Der TSV Schenklengsfeld war auf der Suche nach einer neuen Webseite. Bisher hatte der Verein es bis zum Jahr 2024 ohne einen eigenen Internetauftritt geschafft. Das sollte sich jetzt \u00e4ndern.<br \/>\nDie Seite sollte m\u00f6glichst umfassend sein. Alle Sportarten sollten eine eigene Seite haben, Informationen \u00fcber Aktuelle Themen sowie \u00fcber den Verein und das Sportlerheim durft&#8230;<\/p>\n","protected":false},"author":1,"featured_media":175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[8,3,4,9,7],"_links":{"self":[{"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/posts\/168"}],"collection":[{"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/comments?post=168"}],"version-history":[{"count":15,"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/posts\/168\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/posts\/168\/revisions\/187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/media\/175"}],"wp:attachment":[{"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/media?parent=168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/categories?post=168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softwarebit.de\/projekte\/wp-json\/wp\/v2\/tags?post=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}