660 likes | 834 Views
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie 1. Java News & Music. Projektteam. News. Fabian Taubitz , Rafael Mann , Wolfgang Höft.
E N D
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie1 Java News & Music Projektteam News Fabian Taubitz , Rafael Mann , Wolfgang Höft
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie2 Gliederung 1.) Einleitung 2.) Grundlagen JSP 3.) Erste Schritte und Anfangsentwürfe 4.) UML, Quellcode 5.) Emotion Icons 6.) Einbau der Software in das fertige Layout 7.) Möglich Varianten und Ausbaustufen der Software 8.) Probleme und Lösungen 9.) evtl. lokal live Präsentation
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie3 Aufgabenstellung ProjektgruppeNews • Anzeige von News mit Zeitstempel auf dem Client • Ablage der News als Textdatei in einem bestimmten Verzeichnis auf dem Server • Auf Basis von Java Server Pages, Servlets, Java-Applets
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie4 Erweiterung der Aufgabenstellung • Vorschaufenster zur Kontrolle • Clientseite soll sich eigenständig aktualisieren • Motivierende Features (smilies) einfach einzufügen • Der Adminmodus soll in einem eingenständigem Popup laufen • Der Zeitstempel soll einfach über eine Taste einfügbar sein
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie5 Java Server Pages Grundlagen • JSPs wurden von Sun Microsystems™ spezifiziert (JSP 1.1 Released 1999) JSPs enthalten HTML, JavaScript + Java Code für die Visualisierung von dynamischen Web-Inhalten JSPs werden serverseitig ausgeführt JSPs werden beim ersten Aufruf in ein Servlet umgewandelt und kompiliert. Das Servlet wird von der Servlet Engine ausgeführt. JSPs sind plattformunabhängig und im Rahmen der Java APIs erweiterbar
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie6 JSP (Java Server Pages) Eine Java Server Page ist eine HTML Datei in der zusätzlich Javacode steht Beispiel : <HTML><BODY> Hallo Nutzer. Wir haben heute <% out.print( new java.util.Date() ); %> </BODY></HTML> Eine JSP braucht einen Tomcat Server um den Java Code compilieren zu können
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie7 Abarbeitung von JSP Der aktuelle Tomcat 5.x Server implement the Servlet 2.4 and JSP 2.0 specifications. Browser Response xxx.JSP Request (xxx.JSP) Webserver HTML Ergebnis der xxx.JSP Speicher Weiterleitung Response xxx.JSP Tomcat Server Request xxx.JSP Verarbeitung
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie8 Erste Schritte Ein Programm wächst und wächst und…
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie9 Erste Schritte Erstellen eines Pflichtenhefts Was muss das fertige Programm alles können? Einfache Bedienung durch den Administrator Eine HTML-Datei zur Anzeige in einem Web-Browser Muss das Erstelldatum beinhalten Mit Emotion Icons erweiterbar Automatische Aktualisierung der HTML Seite
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie10 Erste Schritte • Administratoransprüche • Clientansprüche • Sicherheitsaspekte
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie11 news.ser Erste Schritte Gästebuch Prinzip Eingabe: News-Center.html Ausgabe: News.jsp
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie12 Erste Schritte Der Anfang: „1 JTextPane-Version“: • Besitzt keine Methode „insertText • Nur Methode „setText“ • Aufruf von „setText“ löscht • vorherigen Inhalt der JTextPane
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie13 Erste Schritte Die Fortsetzung: „2 JTextPane-Version: • Text wird nicht über Insert-Text • Button eingefügt • Entertaste fügt Text ein • Problem: Zeilenumbruch • wurde automatisch • eingefügt • Gespeichertes wurde • nicht wieder richtig • angezeigt
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie14 Erste Schritte Das Ende: Java News- Version 1.5 • Für Texteingabe keine TextPane • sondern JTextField • Problem Zeilenumbruch umgangen, • da JTextField nur einzeilig Endversion
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie15 UML (Unified Modeling Language) • Standardisierte Notation der OMG (Object Managment Group) • Semantic zur Visualisierung, Konstruktion und Dokumentation von Modellen für die objektorientierte Softwareentwicklung
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie16 UML Klassenname Parameter Methode
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie17 UML Globale Variablen Layout Verwaltung Methoden
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie18 Umsetzung in Java Code
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie19 Pakete
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie20 Variablendeklaration
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie21 Variablendeklaration (2)
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie22 Button „Absatz“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie23 Klasse „Absatz“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie24 Klasse „Reset“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie25 Klasse „Fett“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie26 Klasse „Abspeicherung“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie27 Klasse „Abspeicherung“(2)
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie28 Klasse „Abspeicherung“(3)
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie29 Klasse „Abspeicherung“(4)
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie30 Klasse „Abspeicherung“(5) Beispiel: Ein- und Ausgabe
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie31 Klasse „Abspeicherung“(6)
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie32 Klasse „Abspeicherung“(7) Beispiel: Dateiinhalt news.html
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie33 Klasse „Abspeicherung“(8) Beispiel: Dateiinhalt news.txt
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie34 TextPane
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie35 TextField Übernächste Folie
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie36 SplitPane
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie37 EnterListener
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie38 Smilie-Button-Fertigung
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie39 Smilie-Button-Fertigung Im Konstruktor: Methode: SButtonFactory (Buttonkategorie, gridx, gridy, Anzahl der SButton im JDialog-Fenster)
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie40 Smilie-Button-Fertigung Methode SButtonFactory:
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie41 Smilie-Button-Fertigung Methode JDialogMaker: - Erzeugt die Dialog-Fenster. -Erstellt die gewünschte Anzahl Smilie-Buttons in den jeweiligen Fenstern. - Ruft die Klasse SmilieListener auf.
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie42 Smilie-Button-Fertigung Klasse SmilieListener: Das Icon wird zum Vektor hinzugefügt um später wieder ausgelesen werden zu können.
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie43 Smilie-Button-Fertigung - Ende der öden Smilie-Button-Code Erklärung - Vorstellung der einfügbaren Smilies
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie44 Emotion Icons „Sleepy“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie45 Emotion Icons „Angry“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie46 Emotion Icons „Shocked“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie47 Emotion Icons „Evil & Toungy“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie48 Emotion Icons „Mixed“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie49 Emotion Icons „Happy“
Fabian Taubitz , Rafael Mann , Wolfgang Höft Projekt News Datum:27.06.2003 Folie50 ShowHtml