Contentmanagement Übung

Transkript

1 Schlüsselqualifika6on 10 Contentmanagement Übung Dipl. Inf. Benjamin Bock Topic Maps Lab, Universität Leipzig leipzig.de

2 Organisatorisches 2

3 Ort und Zeit Johannisgasse 26, Raum 3 10 Flur nur mit Karte zugänglich, für diese Veranstaltung aber geöffnet Übung Mi`wochs 11:00 12:30 Uhr Kürzere Pause, dafür eher Schluss 3

4 Ziele der Übung Erstellen einer interak6ven Webanwendung zu einem selbst gewählten Thema in einem Team von 2 3 Personen unter Verwendung von HTML CSS JavaScript Ruby On Rails 4

5 Material Folien online: h`p:// leipzig.de/courses/34 (Übung) Online Dokumenta6on h`p://rubyonrails.org/ (Allgemeines, Grundlagen) h`p://api.rubyonrails.org/ (Dokumenta6on Rails) h`p://de.selktml.org/ (HTML, CSS, JavaScript) h`p:// doc.org/core/ (Dokumenta6on Ruby) h`p://railscasts.com/ (Screencasts zu fortgeschri`ene Themen) h`p:// (Große Dokumenta6onssammlung mit Suchfunk6on) 5

6 Material Übung Mit eigenem Laptop (bevorzugt) oder auf den Rechnern im Veranstaltungsraum (Login muss beantragt werden) Bearbeitung der Aufgaben in Teams (2 3 Personen) Abgabe der Aufgaben per E Mail Unterstützung bei Aufgaben direkt in der Übung oder per E Mail an mich kon6nuierlich mitarbeiten: die Aufgaben bauen aufeinander auf! 6

7 Scheinvergabe (zur Prüfungszulassung) Vorhabensbeschreibung Kon6nuierliche Erarbeitung der Technologien Kon6nuierliche Arbeit am Projekt (im Team) Abgabe und Präsenta6on der Ergebnisse 7

8 Ruby on Rails 8

9 Ruby on Rails kurz Rails, h`p://rubyonrails.org/ Web Applica6on Framework Open Source (MIT Lizenz) Programmiersprache: Ruby Wenig Konfigura6on, (vergleichsweise) schnell nutzbar besteht aus 5 Modulen: Ac6ve Support, Ac6ve Record, Ac6on Pack, Ac6on Mailer, Ac6ve Resource Weitere Module Ac6veScaffold Ac6veTM (Entwickelt vom Topic Maps Lab) 9

10 Erstellen eines neuen Rails Projektes Alte Vorgehensweise: anlegen eines neuen, leeren Verzeichnisses (Ordner) grundlegende Ordnerstruktur anlegen kopieren aller notwendigen Dateien in die neuen Ordner Mit Rails: Baugerüst ( Scaffold ) erstellen lassen: rails meinprojekt auf der Kommandozeile > leeres Projektgrundgerüst wird erstellt 10

11 Model View Controller (mit Pendant in Rails) Trennung von Datenhaltung (Model): Ac6veRecord, Ac6veResource, Ac6veTM Datendarstellung (View): HTML, ERB, HAML Datensteuerung (Controller): (Teil vom) Ac6onPack Rails Verzeichnisstruktur: meinprojekt/app/models meinprojekt/app/controllers meinprojekt/app/views, meinprojekt/app/helpers 11

12 Rails Verzeichnisstruktur app models views controllers helpers public stylesheets images javascripts config Eigene Anwendung Datenhaltung, z.b. person.rb ERB Templates, z.b. show.html.erb controllers, z.b. people_controller.rb helpers, z.b. people_helper öffentlich erreichbare Dateien CSS Dateien Bilder Client sei6ge Scripte Konfigura6on der Anwendung 12

13 Starten der Anwendung Als Webserver: ruby script/server Im Browser erreichbar unter: h`p://localhost:3000 mögl. Probleme: Port belegt: ruby script/server p h`p://localhost:12345 (1025 bis 65535) Firewall: Vorübergehend ausschalten Fehler im eigenen Programm: mit Fehlermeldung (Datei, Zeilennummer,...) suchen Als Kommandozeilenprogramm: ruby script/console Generierung: ruby script/generate (zeigt ohne Parameter die Hilfe an) 13

14 Tutorial / Screencast Quelle: h`p://rubyonrails.org/screencasts 14

15 Installa6on Windows: Ruby One Click Installer: h`p:// lang.org/de/downloads/ Mac OS X: keine Installa6on notwendig, RoR wird mitgeliefert Linux: mit dem Paketmanager ruby, rubygems, rails installieren 15

16 Installa6on (2) Paketmanager rubygems verwaltet Ruby Pakete Auf der Kommandozeile (Windows: Start > Ausführen > cmd > Enter) bzw. Terminal (Mac/ Linux): gem install paketname, z.b. gem install rails Updates: gem update Windows Benutzer müssen u.u. Sqlite DLL installieren: h`p://sqlite.org/sqlitedll 3_6_12.zip entpacken nach C:\windows \system32 Installa6onshilfe auf eigenen Laptops nach der nächsten Vorlesung (am 15.4.) 16

17 Beispielprojekte zur Inspira6on h`p://moviedb.topicmapslab.de/ h`p://footballdb.students.topicmapslab.de/ h`p://moebelportal.students.topicmapslab.de/ h`p://moodmusic.students.topicmapslab.de/ h`p://rezeptportal.students.topicmapslab.de/ h`p://gastgewerbe.students.topicmapslab.de/ 17

18 Aufgabe bis zur nächsten Übung Ruby und Ruby on Rails installieren ein neues Ruby on Rails Projekt erstellen das neue Projekt starten (als Webserver) die Startseite des Projekts durch eine eigene ersetzen Auf die neue Startseite den (selbstgewählten) Namen des Teams und die Namen der Gruppenmitglieder schreiben Vorhabensbeschreibung per E Mail an mich 18