Inhaltlich Inhaltlich muss die Website alle Bereiche und Inhalte enthalten, die im Briefing beschrieben sind.

Transkript

1 Beuth Hchschule für Technik Berlin Studiengang Betriebswirtscha9slehre Digitale Wirtscha9 Mdul: Einführung in die S9waretechnlgien Prjektaufgabe zur Bewertung Im Rahmen des erflgreichen Mdulabschlusses wird abweichend (stag einer Klausur) eine Prjektaufgabe gestellt, welche in einer AbschlusspräsentaNn erflgreich durch alle Prjektmitglieder gemeinsam präsennert werden muss, um eine Individualnte zu erhalten. Ablauf: : Ausgabe der Prjektarbeit und damit verbindliche Teilnahme an der Leistungserbringung : Teammeldung/Prjektgruppenfestlegung. Mit der Teammeldung und BestäNgung (durch eigenhändige Unterschri9) wird die Leistungserbringung begnnen. Wird nach der Meldung die Leistungserbringung abgebrchen, erflgt die Bewertung des Mduls mit NB (Nicht Bestanden). Ein PrüfungsrücktriG ist nach der Prjektgruppenanmeldung nicht mehr möglich. 3. Selbständige Prjektarbeit. Durch den Lehrenden erhalten Sie FTP und Wrdpresszugänge (als ADMIN) : AbschlusspräsentaNn in der Gruppe (Anwesenheit in der Zeit vn 08:00 12:00) Die Prjektaufgabe im Detail: 1. Analysieren Sie das Briefing und erstellen an Hand der Prjektbeschreibung mit einem geeigneten Werkzeug eine digitale Stry Map aus User Stries. 2. Erstellen auf Grundlage der Userstries einen Ablauf für Ihre Prjektarbeit und planen Sie Ihre persnellen Ressurcen (Meilensteine und Termine). 3. Als Team erhalten Sie dann Zugangsdaten für ihr prjektspezifisches WrdPress CMS. 4. Entwickeln Sie auf der Grundlage des vrinstallierten WrdPress Themes eine dem Use Case angemessene Website. Inhaltlich Inhaltlich muss die Website alle Bereiche und Inhalte enthalten, die im Briefing beschrieben sind. Vermeiden Sie einfachen Fließtext w es möglich ist, und nutzen Sie stagdessen strukturierte Elemente wie bspw. Listen. Achten Sie hierbei auch auf Anfrderungen, die maßgeschneiderte Seitentypen, tabellarische Übersichten der Frmulare erfrdern könnten. Technisch und gestalterisch Grundsätzlich sind Sie frei in der technischen und gestalterischen Umsetzung der Website. Gerne können Sie geeignete JavaScript Biblitheken der WrdPress Plugins nutzen, um zu einem möglichst guten Ergebnis zu kmmen. BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 1

2 Flgende technische und gestalterische Anpassungen werden jedch mindestens für eine erflgreiche Umsetzung der Prjektarbeit benöngt: PsiJnieren Sie die verschiedenen Bereiche der HTML-Struktur auf eine sinnvlle Art und Weise, s dass die Website für möglichst viele Menschen gut nutzbar ist. Schauen Sie sich ruhig an, wie andere Websites in einem ähnlichen Bereich gestaltet sind und rienberen Sie sich daran. Suchen Sie nach einem geeigneten Farbschema (z.b. auf Webseiten wie clurlvers.cm) und setzen Sie Farbakzente zur zusätzlichen Strukturierung ein. Begründen Sie die Wahl der Farben in der AbschlusspräsentaNn! Wählen Sie mindestens eine SchriQart und -frmajerung für Fließtext und eine SchriQart und -frmajerung für ÜberschriQen aus. Gestalten Sie Link-Elemente s, dass klar ersichtlich ist, dass es sich um Links handelt. Links sllten zudem darauf reagieren, wenn der Nutzer mit der Maus darüber fährt und wenn sie schn einmal besucht wrden sind. Nutzen Sie geeignete Validatren für HTML und CSS, um syntaknsche Krrektheit sicherzustellen. Möglicherweise verbergen sich im vrinstallierten Theme Fehler! Die Website sll ausschließlich aus validem HTML5 und CSS3 bestehen und muss mindestens im aktuellen Firefx unter Windws hne Darstellungsfehler aufrukar sein. AbschlusspräsentaNn Abschließend präsenneren Sie das umgesetzte Prjekt als Team und beantwrten Fragen zur Umsetzung. Zur PräsentaNn gehört neben der Website auch eine Vrstellung der Stry Map mit einer kurzen Herleitung, aus welchen Elementen des Briefings Sie welche User Stries extrahiert haben. Die Bewertung erflgt unmigelbar nach der Veranstaltung. Am erhalten Sie qualifiziertes Feedback swie Ihre Mdulabschlussnte. VIEL ERFOLG! BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 2

3 Aufgabenstellung Thema 1 Grüne Energie für die Stadt der Zukun9 InfrmaNnen zum Au9raggeber - TäJgkeit An der Beuth Hchschule studieren über Studierende, jedes Jahr kmmen neue hinzu. Jeder einzelne sllte bewusst die Entscheidung treffen, bei welchem Strmanbieter er/sie ist. Was tut die Hchschule? u.a. Gesellscha9liches Engagement und Auslärung im Rahmen der Selbstverwaltung und des gesetzlichen Au9rages - Über die Hchschule Die Hchschule hat neben den Studierenden ca. 600 Mitarbeitern - Unternehmensgeschichte Gegründet wurde die Hchschule 1972, vm Land Berlin. Das Prjekt AuQrag - Prjektbeschreibung und Zielstellung Für die InfrmaNn über Strm und deren nachhalngen Diskussinsexkurs sll eine Internetseite (Micrsite) ins Leben rufen, die es jedem ermöglicht, sich mit dem Thema regeneranve Energien und Strm-Mix und deren nachhalngen Faktren auseinander zu setzen. Es gibt bereits viele InfrmaNnen im Netz verteilt, die es gilt zu bündeln. Es fehlt ein Inhaltsverzeichnis, dass es Neu-REGIS erlaubt, sich schnell und einfach zu rienneren und zu entscheiden. Eine Gute Visualisierung können Sie vn hgp:// ablesen. Ziel ist es, dass die wesentlichen InfrmaNnen, die ein Mensch benöngt, in kmpakter Frm zentral an einer Stelle gesammelt werden. Es geht hierbei als in erster Linie darum, die wichngsten Themen kurz anzureissen und auf relevante Inhalte auf anderen Websites zu verweisen. - Zielgruppenbedürfnisse Schnelle und einfach OrienNerung Klare Strukturierung der Inhalte Seriöse und vertrauenserweckende Farbgebung und gut lesbare Schri9en Direkte Ansprache mit Tipps Möglicherweise ansprechende Bilder als Auflckerung BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 3

4 Anfrderung an Usability - Unterstütze Brwser Es muss vr allem der aktuelle Firefx Brwser unter Windws unterstützt werden. Es wäre jedch sehr wünschenswert, wenn zumindest die wichngsten Inhalte auch auf andere Brwser bzw. mbilen Geräten hne Prbleme darstellbar sind. - Sprachen Die Inhalte der Website sllen kmpleg auf deutsch verfasst werden. Es können weitere Sprachen ergänzt werden. Dies ist im ersten SchriG jedch nicht erfrderlich. - Struktur der Site Themenbereiche, die auf der Website behandelt werden sllen: Startseite Auf der Startseite sll der Nutzer aktuelle Neuigkeiten zum Thema finden können. Diese News sllen zudem aufgeteilt nach Kategrien und Unterseiten darstellbar sein. Rund um Strm (allgemein) Grundlegende InfrmaNn zur Strmgewinnung und gesetzlichen swie gesellscha9lichen Entwicklung. Besndere Strmquellen mit Zukun9sptenNal und speziell reginale InfrmaNnen zur Entwicklung. Beuth-Strmverbrauch der letzten Jahre und krinscher Diskurs über die aktuelle Anbieterauswahl. InfrmaNnen bekmmen Sie über vp1@beuthhchschule.de (1. Vizepräsident der Hchschule und zuständig für die Unterhaltung des Geländes). Beziehen Sie sich unbedingt auf das Studienmdul bei Ihrer Anfrage. Strmanbieter-News/Überblick Aktuell geeignete Strmanbieter nach unterschiedlichen Kriterien swie ein Gewissenscheck Cntact Diese Seite sll neben unserer Anschri9 ein -Frmular (s.bspw. hgp:// enthalten, w Interessierte ihren Namen, ihre adresse und eine Nachricht an uns verfassen können. Wenn das Frmular abgesendet wird, sll eine an den AStA (umwelt@asta-bht.de) versendet werden. Es ist uns wichng, dass die Absendeadresse unbedingt eine gülnge E- Mail-Adresse enthält und verpflichtend eingegeben werden muss, um das Frmular abzusenden. Vrgaben und Material - Vrhandenes Material BiGe nutzen Sie ausschließlich Bildmaterial mit einer freien Lizenz und achten Sie auf die krrekte Nennung der Autren Zusätzlich steht es Ihnen frei zusätzliche Printmaterialien zu besrgen. BiGe besrgen Sie sich diese Grundlagen und ggf. auch in der Biblithek. - Cntenterstellung Alle Inhalte sind vn Ihnen als Agentur zu erstellen. Sie dürfen gerne auf Inhalte anderer Quellen zurückgreifen. Achten Sie jedch auf eine krrekte Auszeichnung n Zitaten. Nicht deutlich ausgezeichnete, kpierte Inhalte werden nicht akzepnert. BiGe achten Sie darauf kurze und einfach strukturierte Texte zu schreiben. BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 4

5 Aufgabenstellung Thema 2 Digitale Wegweiser für die Beuth InfrmaNnen zum Au9raggeber - TäJgkeit An der Beuth Hchschule (mit Sitz in Wedding und Tegel) studieren über Studierende in über 70 Studiengängen, welche 8 Fachbereichen zugerdnet sind. Jedes Jahr beginnen über 2000 Studierenden ein Studium an der Hchschule, teilweise kmmen diese nicht aus der näheren Umgebung. Was tut die Hchschule? Ausbildung, Frschung, Hchschulsprt, Gesellscha9liches Engagement, StudenNsche Selbstverwaltung uvm. - Über die Hchschule Die Hchschule hat ca. 600 Mitarbeitern, 8 Fachbereichen. Verschiedene zentrale Einrichtungen. - Unternehmensgeschichte Gegründet wurde die Hchschule 1972, vm Land Berlin. Das Prjekt AuQrag - Prjektbeschreibung und Zielstellung Der AStA der Beuth Hchschule möchte eine Micrsite ins Leben rufen, die es neu immatrikulierten Studierenden ermöglicht, sich in Berlin, auf dem Campus und in der Umgebung zurechtzufinden. Es gibt bereits viele InfrmaNnen, die Online verfügbar sind, aber es fehlt ein Inhaltsverzeichnis, dass es Neu-Berlinern erlaubt, sich schnell und einfach zu rienneren. Ziel ist es, dass die wesentlichen InfrmaNnen, die ein Mensch benöngt, in kmpakter Frm zentral an einer Stelle gesammelt werden. Es geht hierbei als in erster Linie darum, die wichngsten Themen kurz anzureissen und auf relevante Inhalte auf anderen Websites zu verweisen. - Zielgruppenbedürfnisse Schnelle und einfach OrienNerung Klare Strukturierung der Inhalte Zeitgemäße und frische Farbgebung und gut lesbare Schri9en Direkte Ansprache mit Tipps Möglicherweise ansprechende Bilder als Auflckerung BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 5

6 Anfrderung an Usability - Unterstütze Brwser Es muss vr allem der aktuelle Firefx Brwser unter Windws unterstützt werden. Es wäre jedch sehr wünschenswert, wenn zumindest die wichngsten Inhalte auch auf andere Brwser bzw. mbilen Geräten hne Prbleme darstellbar sind. - Sprachen Die Inhalte der Website sllen kmpleg auf deutsch verfasst werden. MulNlinguale ArNkel für internannale Studierende sind jedch denkbar. Es können weitere Sprachen ergänzt werden. Dies ist im ersten SchriG jedch nicht erfrderlich. - Struktur der Site Themenbereiche, die auf der Website behandelt werden sllen: Startseite Auf der Startseite sll der Nutzer die aktuellen News des AStA finden können. Diese News sllen zudem aufgeteilt nach Kategrien und Unterseiten darstellbar sein. Rund um die Beuth (Sprengelkiez swie 15 Perlen vn Wedding) Empfehlungen in der Umgebung und Besnderheiten im Kiez (siehe Flyer). Besndere KperaNnspartner. Campus-News Lageplan mit wichngsten InfrmaNnen die für Studierende auf dem Campus wichng sind (INIS für Kaffee und wichnge Fachbereichsfragen, AStA für allgm. Fragen. Dekanate uvm.) Cntact Diese Seite sll neben unserer Anschri9 ein -Frmular (s.bspw. hgp:// enthalten, w Interessierte ihren Namen, ihre adresse und eine Nachricht an uns verfassen können. Wenn das Frmular abgesendet wird, sll eine an den AStA (referate@asta-bht.de) versendet werden. Es ist uns wichng, dass die Absendeadresse unbedingt eine gülnge E- Mail-Adresse enthält und verpflichtend eingegeben werden muss, um das Frmular abzusenden. Vrgaben und Material - Vrhandenes Material BiGe nutzen Sie ausschließlich Bildmaterial mit einer freien Lizenz und achten Sie auf die krrekte Nennung der Autren Zusätzlich stehen Ihnen als PRINT-Prdukt die Flyer Dn t Panic des AStA, Rund um die Beuth Der Sprengelkiez der Pressestelle swie 15 Perlen für Wedding vm AStA und DMT Studiengang zur Verfügung. BiGe besrgen Sie sich diese Grundlagen. - Cntenterstellung Alle Inhalte sind vn Ihnen als Agentur zu erstellen. Sie dürfen gerne auf Inhalte anderer Quellen zurückgreifen. Achten Sie jedch auf eine krrekte Auszeichnung n Zitaten. Nicht deutlich ausgezeichnete, kpierte Inhalte werden nicht akzepnert. BiGe achten Sie darauf kurze und einfach strukturierte Texte zu schreiben. BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 6

7 Aufgabenstellung Thema 3 Infsite für Neu-Berliner InfrmaNnen zum Au9raggeber - TäJgkeit Der Verein Hilfe Für Alle! e.v. ist ein Verbund vn Freiwilligen in Berlin und ganz Deutsch- land. - WAS TUT ER GENAU! Es handelt sich um ein nichtkmmerzielles Prjekt, unabhängig vn einer plinschen Agenda und hne den Anspruch auf persönliche Autrscha9. - Über den Verein Der Verein besteht aus 3 Vllzeitmitarbeitern und einer Gruppe vn ca. 20 Helfern, die je nach Bedarf und Möglichkeit auf ehrenamtlicher Basis Zeit und Unterstützung spenden. - Unternehmensgeschichte Gegründet wurde der Verein 2014, die OrganisaNn vn Hilfe für Flüchtlinge begann jedch schn im Jahr Das Prjekt AuQrag - Prjektbeschreibung und Zielstellung Hilfe für Alle! möchte eine Micrsite ins Leben rufen, die es neu angekmmenen Flüchtlingen ermöglicht, sich in Berlin zurechtzufinden. Es gibt bereits viele InfrmaNnen, die On- line verfügbar sind, aber es fehlt ein Inhaltsverzeichnis, dass es Neu-Berlinern erlaubt, sich schnell und einfach zu rienneren. Ziel ist es, dass die wesentlichen InfrmaNnen, die ein Mensch benöngt, in kmpakter Frm zentral an einer Stelle gesammelt werden. Es geht hierbei als in erster Linie darum, die wichngsten Themen kurz anzureissen und auf relevante Inhalte auf anderen Websites zu verweisen. - Zielgruppenbedürfnisse Schnelle und einfach OrienNerung Klare Strukturierung der Inhalte Deutliche und kntrastreiche Farbgebung und gut lesbare Schri9arten / - größen und, wenn möglich, Piktgramme Einfache Sprache Möglicherweise ansprechende Bilder als Auflckerung Anfrderung an Usability - Unterstütze Brwser Es muss vr allem der aktuelle Firefx Brwser unter Windws unterstützt werden. Es wäre jedch sehr wünschenswert, wenn zumindest die wichngsten Inhalte auch auf andere Brwser bzw. mbilen Geräten hne Prbleme darstellbar sind. - Sprachen Die Inhalte der Website sllen kmpleg auf englisch verfasst werden. Später können weitere Sprachen wie arabisch ergänzt werden. Dies ist im ersten SchriG jedch nicht erfrderlich. BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 7

8 - Struktur der Site Themenbereiche, die auf der Website behandelt werden sllen: Startseite Auf der Startseite sll der Nutzer die aktuellen News unseres Vereins finden können. Diese News sllen zudem aufgeteilt nach Kategrien auf Unterseiten darstellbar sein. Learning German in Berlin Auf dieser Seite sll der Nutzer eine kurze Beschreibung zum Thema SprachzerNfikate Deutsch finden. BiGe verweisen Sie auf geeignete Websites mit weitergehen- den InfrmaNnen. Achten Sie jedch darauf, nicht auf deutsche, sndern bevrzugt auf englisch sprachige Inhalte zu verlinken! Neben diesem Überblick benöngen wir eine tabellarische Darstellung, w man überall in Berlin Deutsch lernen kann. Die Darstellung sll nach Bezirken aufgeteilt sein. BiGe achten Sie darauf, eine übersichtliche und klare Struktur für die Ta- belle zu finden, indem Sie die Tabelle bspw. in einzelne Bereiche au9eilen. Eine einfache lange Liste mit vielen Kursen reicht nicht aus! Lcal integrann prjects BiGe definieren Sie beispielha9 für 2 IntegraNnsprjekte ein Inhaltsfrmat, dass es erlaubt ein Prjekt in kurzen ArNkeln zu prtraineren. Wir wünschen uns dafür einen speziellen Seitentyp im CMS (hgp:// cm/2015/06/wrdpresscustm-page-templates/#a-step-by-step-guide-t-crea- Nng-custmpage-templates). Achten Sie bige darauf, dass die HTML-Datenstruktur aussagekrä9ig ist. Ein slches Prtät sll flgende Elemente enthalten: Der Name des Prjekts als Überschri9 Ein kurzer Text Ein Bild auf der linken Seite, dass vm Text umflssen wird Eine Liste mit SNchwörtern zum Prjekt Eine Adresse Cntact Diese Seite sll neben unserer Anschri9 ein -Frmular (s.bspw. hgp:// enthalten, w Interessierte ihren Namen, ihre adresse und eine Nachricht an uns verfassen können. Wenn das Frmular abgesendet wird, sll eine an an die Geschä9sstelle versendet werden. Es ist uns wichng, dass die Absendeadresse unbedingt eine gülnge E- Mail-Adresse enthält und verpflichtend eingegeben werden muss, um das Frmular abzusenden. BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 8

9 Vrgaben und Material - Vrhandenes Material BiGe nutzen Sie ausschließlich Bildmaterial mit einer freien Lizenz und achten Sie auf die krrekte Nennung der Autren Für die Visualisierung der verschiedenen Themenbereiche nutzen Sie bige diese Piktgramme: hgps://twiger.cm/danielakayb/status/ /pht/1 - Cntenterstellung Alle Inhalte sind vn Ihnen als Agentur zu erstellen. Sie dürfen gerne auf Inhalte anderer Quellen zurückgreifen. Achten Sie jedch auf eine krrekte Auszeichnung n Zitaten. Nicht deutlich ausgezeichnete, kpierte Inhalte werden nicht akzepnert. BiGe achten Sie darauf kurze und einfach strukturierte Texte zu schreiben. BWL Digital EfüS9Tech Prjektaufgabe WiSe 2015/16 9