Design Studio Zurbel Zwickauer Str. 198 09116 Chemnitz Datenbankgestützte Webanwendung zur Berechnung des Preises einer Voll- und Teilfolierung eines Kraftfahrzeuges Begrüßen Projektüberschrift Mich vorstellen Firma vortsellen Sitz in Chemnitz 6 Mitarbeiter ( 2 Azubis, 1 Geschäftsführer, 3 Angestellte) Webdesign(CMS, SEO), Profiwerbung(Werbeschilder, Flyer, Shirts), Fahrzeugfolierung, Einbruch- und Sonnenschutzfolierung Design Studio Zurbel Zwickauer Str. 198 09116 Chemnitz Marie Mirschel

Agenda Projektvorstellung Analyse Entwurf Implementierung Fazit Aufzählen Entwurf Implementierung Fazit

Umsetzung: Webanwendung im lokalen Netzwerk Projektvorstellung Analyse Entwurf Implementierung Fazit Webanwendung im lokalen Netzwerk Ausgabe der Vollfolierung und Berechnung der Teilfolierung Projektvorstellung Webanwendung lokalen Netzwerk Umsetzung durch PHP, Jquery Framework, Asynchrones Javascript und MySQL Alles Vorgabe der Firma im Vorfeld Umsetzung: Datenbank MySQL PHP7 JQuery Framework Asynchrones Javascript

Projektbeschreibung Durch Webanwendung: Projektvorstellung Analyse Entwurf Implementierung Fazit Projektbeschreibung Webanwendung zur Berechnung einer Voll- und Teilfolierung entwickeln Spezielle Anforderungen der Firma umsetzen Beschreibung Webanwendung mit Aufgabe Voll/Teilfolierung berechnen Anforderungen Firma gerecht werden (schnellere Lösung, Wechsel zw. TF & VF, VF mit Bild) Keine Weiterentwicklung sondern von Grund auf neu entwickeln Zeitlicher Projektplan von 70h aufgeteilt in 5 Hauptphasen Bessere Nutzbarkeit Zeitersparnis Durch Webanwendung: Bessere Nutzbarkeit Hohe Zeitersparnis

IST-Analyse 1800 Datensätze in einer Excel-Tabelle Zeitaufwendig Projektvorstellung Analyse Entwurf Implementierung Fazit 1800 Datensätze in einer Excel-Tabelle Zeitaufwendig 1800 Datensätze manuell durchsuchen Zeitaufwendig Umständliche Suche Fehleranfällig kann sich schnell verkugén) Umständliche Suche Fehleranfällig

IST-Analyse Projektvorstellung Analyse Entwurf Implementierung Fazit Beispiel aus der Excel-Tabelle Allein Audi steht 19x drin A8 9x Sportwagen 3x 2006 3x Bus 9x Hier sieht man deutlich die Redundanz (doppelte Einträge) Nachteil Redundanz (mehr Speicherverbrauch, höherer Pflegeaufwand)

Umsetzung einer Webanwendung mit grafischer Benutzeroberfläche Soll-Analyse Projektvorstellung Analyse Entwurf Implementierung Fazit Umsetzung einer Webanwendung mit grafischer Benutzeroberfläche Ausgabe des Preises Vollfolierung Berechnung des Preises Teilfolierung Anforderungen Umsetzung Webanwendung mit grafischer Benutzeroberfläche Teil der Anwendung: Ausgabe Vollfolierung Berechnung Teilfolierung Datenbank entwerfen Leichte Bedienbarkeit Datenbank entwerfen und integrieren Bedienung ohne Zuhilfenahme

Kosten & Einsparungen Projektkosten Zeitersparnis Projektvorstellung Analyse Entwurf Implementierung Fazit Projektkosten Projektkosten, Zeitersparnis zusammengefasst Stundensatz/Ressourcen festgelegt von Inhaber (nicht öffentlich) Ich 10 Euro die Stunde mit Ressourcen Mitarbeiter 25 Euro die Stunde, 35 mit Ressourcen Gesamt 945 Euro 20 Vollfolierung, 30 Teilfolierung im Monat Vollfolierung manuell 5min. Teilfolierung Manuell 3min. Neue Anwendung innerhalb von Sekunden 17 Sekunden Vollfolierung 14 Sekunden Teilfolierung Gesamt Ersparnis 190min Zeitersparnis

Projektvorstellung Analyse Entwurf Implementierung Fazit Gibt an, wie lange die Anwendung eingesetzt werden muss, bis sich Anschaffungskosten und Einsparungen ausgleichen. Amortisationsdauer = Einsatz Anwendung ->bis Projektkosten und Einsparungen sich ausgleichen 8 Monate 2 Wochen Wirtschaftlich sinnvoll Grober Überblick der Anwendung Use-Case-Diagramm Akteur Mitarbeiter – 2 Möglichkeiten – Bild erklären

Grober Überblick des Verlaufes Projektvorstellung Analyse Entwurf Implementierung Fazit Grober Überblick Bild erläutern Grober Überblick des Verlaufes

Benutzeroberfläche Projektvorstellung Analyse Entwurf Implementierung Fazit Um von Anfang an eine gut strukturierte Benutzeroberfläche zu entwickeln, Wurden Mockaup (Prototypen) als Entwurf erstellt 2 Beispiele sh Bild -> kurz erläutern was zu sehen ist Hauptseite der VF und TF

Überblick über die Aktivitäten anhand eines Aktivitätsdiagrammes Projektvorstellung Analyse Entwurf Implementierung Fazit Entwurf Aktivitätsdiagramm Überblick der Aktivitäten, die ein Mitarbeiter durchlaufen muss Diagramm erklären Überblick über die Aktivitäten anhand eines Aktivitätsdiagrammes

Entity Relationship Projektvorstellung Analyse Entwurf Implementierung Fazit Übersicht relevante Daten Wichtige Daten heraus gearbeitet und in Beziehungen gestellt Jedes Attribut in Fahrzeug – eigene Tabelle - Attribute Vorher alles in einer Beziehungen 1:n

Entwicklung Datenmodell Projektvorstellung Analyse Entwurf Implementierung Fazit Vorher: Datenbank mit Redundanzen Daten wiederholen sich Normalisierung nötig Datenmodell beginnen Vorher Datenbank mit Redundanzen Wie auf Bild zu sehen -> Daten wiederholen sich Anforderung Redunanzfreie Datenbank -> Normalisierung

Entwicklung Datenmodell Projektvorstellung Analyse Entwurf Implementierung Fazit Nachher: Redundanzfreie Datenbank Nachdem dem Entwurf (ERM) umgesetzt wurde, konnte ich beginnen Datenbank zu entwickeln Neue Datenbank mit dem Namen Fahrzeuge_Neu Neue Tabellen erstellt und Daten aus alten Datenbank exportiert und mit Hilfe SQL eingefügt. Datenbank fertiggestellt Beziehungen entstehen durch Primär- und Fremdschlüssel Siehe Bilder -> Daten nur noch einmal vorhanden Keine doppelten Einträge mehr Beziehungen erfolgen durch Primär- und Fremdschlüssel 15

Implementierung Model Projektvorstellung Analyse Entwurf Implementierung Fazit Berechnung einer Teilfolierung: Beispiel aus Quellcode -> Berechnung der Folie Beispiel erläutern: Die per POST übergebene Variablen werden hier in normale Variablen geschrieben Die Datenbankklasse wird hinzugefügt Wird neue Instanz hinzugefügt der Datenbankklasse Datenbankabfrage innerhalb der Instanz ausgeführt und ein Query als Rückgabewert Query wird als assoziatives Array ausgelesen Anzahl Datensätze werden gezählt-> Überprüfung ob Datensätze gefunden werden Wenn ja: Wird Preis berechnet und vom Server ausgegeben Ansonsten liefert Server „Keine Ergebnisse“

Fazit: Soll-/Ist-Vergleich Projektvorstellung Analyse Entwurf Implementierung Fazit Anforderungen erfüllt. Geringfügige Abweichungen, welche sich gegenseitig ausgleichen. Projekt wurde in festgelegter Zeitspanne umgesetzt. Anforderungen wurden alle erfüllt Es gab geringfügige Abweichungen, welche sich aber ausgleichen konnten 2h weniger Analyse 3h mehr Entwurf 1h weniger Test Zeitspanne 70h wurde trotzdem eingehalten

- Erweiterungsvorschlag: Fazit: Lessons Learned & Ausblick Projektvorstellung Analyse Entwurf Implementierung Fazit Nützliche Erfahrungen gesammelt: Durchführung eines Projektes Großen Wert auf Analyse und Entwurf legen Ständige Kommunikation und Feedback Konnte nützliche Erfahrungen sammeln Gelernt wie ein Projekt durchgeführt wird und auf was wert gelegt werden sollte Wichtig ist ständige Kommunikation und Feedback Erweiterungsvorschlag der Kollegen: Berechnung mehrerer KFZ Evtl. mit Rechnungsausdruck Zukunft: - Erweiterungsvorschlag: Berechnung mehrerer KFZ auf einmal

Ergebnis Vollfolierung Projektvorstellung Analyse Entwurf Implementierung Fazit Ergebnis Vollfolierung Zum Schluss kleines Video Ergebnis der Anwendung vorstellen Zum Video erläutern was passiert

Ergebnis Teilfolierung Projektvorstellung Analyse Entwurf Implementierung Fazit Ergebnis Teilfolierung

Vielen Dank für Ihre Aufmerksamkeit Fazit ENDE Ende Bedanken Vielen Dank für Ihre Aufmerksamkeit

Fazit https://de.freepik.com/vektoren-kostenlos/offnen-sie-ordner-mit-dokumenten_1295047.htm - katemangostar https://de.freepik.com/vektoren-kostenlos/zwischenablage-mit-checkliste_1536563.htm - macrovector https://www.flaticon.com/free-icon/sql-file-format-symbol_29553# https://www.flaticon.com/free-icon/php_528261#term=php&page=1&position=1 https://www.flaticon.com/free-icon/java-script-hand-drawn-file_35446#term=javascript&page=1&position=3 Quellen zu den Bildern https://www.diagrammerstellen.de/ https://de.freepik.com/vektoren-kostenlos/stoppuhr-abbildung_1476270.htm - katemangostar https://de.freepik.com/fotos-kostenlos/lupe_959193.htm - 3Dimages https://www.flaticon.com/free-icon/cross_87251 https://www.flaticon.com/free-icon/calculator_57761 https://de.freepik.com/freie-ikonen/datenbank_884819.htm#term=datenbank&page=2&position=26 https://de.freepik.com/vektoren-kostenlos/stapel-von-farbigen-buchern_1295307.htm#term=bucher&page=7&position=27 - katemangostar