(c) 2014, Peter Sturm, Universität Trier

Transkript

1 Soziotechnische Informationssysteme 4. Blogs Inhalte Historisches Relevanz Relevante Technologien Anwendungsarchitekturen 1

2 Historisches Vorläufer Mitteilungsbedürftig war der Mensch schon immer Bulletin Board Systems (BBS) 1978 bis zum Beginn des WWW Usenet 1980 Hierarchische Unterteilung Innovative verteilte Realisierung 2

3 Usenet Big-8 Wikipedia Web Log = Blog Eine Art Tagebuch Besteht aus mehreren Einträgen (Posts) Umgekehrt chronologische Darstellung Namensgeber Weblog = Jorn Barger (1997) Blog = Peter Merholz (1999) Web-Technologien ebnen den Weg 3

4 Beispiel Asysob Beispiel Huffington Post 4

5 Beispiel engadget Beispiel Company Blogs 5

6 Beispiel Individueller Blog Hoster 6

7 Suchmaschinen Auffinden von Blogs Bekannte Vertreter Technorati Google Blog Search Publishing APIs zum Verwalten und Betreiben eines Blogs AtomPub (RFC5023) MetaWeblog Movable Type 7

8 Relevanz Wer bloggt? 65% Hobbyisten 35% Professionelle Blogger Corporate Part-Timer Selbständig Technorati CEO Shani Hggins, August

9 Blogger und soziale Medien 87% nutzen Facebook 81% werben auf Facebook für ihr Blog 64% interagieren über Facebook mit Blog-Lesern 45% Zuwachs an Lesern dank Facebook 73% Hobbyisten / 88% Profis nutzen Twitter Technorati CEO Shani Hggins, August 2011 Mommy Blogger 9

10 Blogs und Frauen Nur 5% der Blogger sind Frauen Mommy Blogger sind bei Firmen begehrt reden mehr über Marken 92% nutzen Facebook 55% folgen Marken über Facebook o.ä. 54% wurden von Firmen schon angesprochen Zahlen WordPress.com 39 Millionen Tumblr Blogs (Ende 2011) 10

11 WordPress.com 347 Millionen Personen lesen 2.5 Milliarden Seiten pro Monat WordPress.com neue Posts und neue Kommentare / Tag 11

12 Diskussion Historisch Demokratisierung des Internets Wachsende kommerzielle und politische Relevanz Netzwerk wird grundsätzlich nicht erkannt TrackBacks (zwischen Blogs) Praktisch alle Social Utilities enthalten Blogging- Funktionalität + mehr Blogs = Soziotechnische Ursuppe? 12

13 Technologien Architekturübersicht 13

14 Pull-Ansatz Clients / Aggregatoren fragen regelmäßig nach Server speichert keine Abonnements Technisch ein Vorteil Soziotechnisch ein Nachteil Relevante Technologien Client-Seite HTML/HTML5 CSS/CSS3 JavaScript Client-Server-Kommunikation RSS Atom MetaWeblog Server-Seite PHP Node.js 14

15 HTML5 Was ist HTML? 15

16 Josh Duck Was ist neu? Renovierung der aktuellen HTML-Standards HTML 4.01, XHTML 1.0, DOM (HTML Level 2) Wesentliche Änderungen Multimedia (Audio und Video) 2D- und 3D-Graphik Lokaler Speicher Application Cache 16

17 Audio und Video Bestimmte Codecs werden vom Browser direkt unterstützt Audio ogg/vorbis mp3 wav AAC Video ogg/theora H.264 WebM Neue Elemente Gliederung und Navigation <header>, <footer>, <nav>, <section> Multimedia <audio>, <video> 2D/3D-Graphik <canvas> Datendarstellung <datagrid>, <datalist>... 17

18 Local Storage Client-seitige Key/Value-Datenbank Browser-seitige Speicherung Alle aktuellen Browser bieten es bereits an Application Cache Server-seitige Konfiguration (z.b..htaccess) Browser-seitige Speicherung aller Bestandteile einer Web-Anwendung 18

19 CSS3 Was ist CSS? 19

20 Neu in CSS3 Vielfältige Kleinigkeiten abgerundete Ecken, mehrere Hintergründe CSS-Transforms Skalieren, Verschieben, Rotieren, Animationen Unterstützung für mehr Farbräume Verbesserte Textdarstellung Mehrere Spalten, Textbox-Verhalten Neue Selektoren SASS Syntactically Awesome Stylesheets CSS-Erweiterung Variablen Geschachtelte Regeln Mixins Inline-Import 2 Syntaxvarianten SCSS Obermenge von CSS3 SASS Einschübe statt Klammern 20

21 JavaScript Was ist JavaScript? 21

22 Neues Neue Selektoren im DOM API Zugriff auf das zugehörige HTML-Dokument Datenbankunterstützung Multi-Threading Web Worker Web Sockets Direkte TCP-Verbindung Drag and Drop Innerhalb des Browser und über Desktop Orts-, Orientierungs- und Bewegungsinformation jquery 22

23 jquery Entwickler John Resig Freie JavaScript-Bibliothek 24 KB Funktionsumfang Verbesserter DOM-Zugang Erweitertes Event-System Effekte und Animationen Hilfsfunktionen Ajax jquery-plugins RSS 23

24 Beispiel Strukturübersicht rss channel More channels item More items 24

25 Channel Elementname title link description language (opt) copyright (opt) pubdate (opt) lastbuilddate (opt) category (opt) generator (opt) cloud (opt) ttl (opt) Beschreibung Name des Channel URL zur zugehörigen HTML Website Channel-Beschreibung Verwendete Sprache Datum der letzten Änderung im Channel Inhaltliche Zuordnung des Channel Name des erzeugenden Programms Publish/Subscribe Protokoll für Feeds Erlaubte Cache-Dauer Item Elementname title (opt) description (opt) link (opt) category (opt) enclosure (opt) guid (opt) pubdate (opt) source (opt) Beschreibung Titel Beschreibung URL Einordnung (Keywords, Tags) Zugehöriges Medienobjekt url (attr) length (attr) type (MIME Media Type) (attr) GUID oder Permalink Veröffentlichungszeitpunkt RSS Channel 25

26 Atom Strukturübersicht entry feed More entries 26

27 feed Elementname id title updated author link category (opt) contributor (opt) generator (opt) icon (opt) logo (opt) rights (opt) subtitle (opt) Identifizierende URI Titel des feed Beschreibung Zeit der letzten Änderung Autor (optional falls alle entries Autoren haben) Zugehörige Website Einordung des feed Beteiligte Erzeugendes Programm Visuelle Identifikation des feed Größeres Icon Copyrights Beschreibung des feed / Untertitel entry Elementname id title updated author link content summary category (opt) contributor (opt) published (opt) source (opt) Beschreibung Identifizierende URI Titel des feed Zeit der letzten Änderung Autor (optional falls alle entries Autoren haben) Zugehörige Website Inhalt Zusammenfassung Einordung des Entry Beteiligte Zeitpunkt der ersten Veröffentlichung Herkunft (bei Weiterverwendung) 27

28 RSS vs. Atom Atom ist IETF-Standard Im wesentlichen technische Feinheiten Inhaltsmodell RSS 2.0 Inhalte entweder Klartext oder HTML Atom 1.0 typisierte Inhalte Unterschiedliche Zeitstempelformate Lokalisierung Atom 1.0 erlaubt u.a. xml:lang Attribut auf Entry-Ebene Modularität Architekturen 28

29 Architekturübersicht 29