Twitter Widget

  • View
    1.218

  • Download
    2

Embed Size (px)

DESCRIPTION

Bachelorarbeit von Jörg Sandriesser

Text of Twitter Widget

Bachelorarbeit

Twitter Widgetfr die PLE der Tu Graz Autor:Jrg Sandriesser SS 2010

Inhaltsverzeichnis1.Einfhrung...........................................................................................................................2 2.Aktueller Stand der Technik................................................................................................3 2.1.Hauseigene Twitter Widgets....................................................................................3 2.2.Twitter fr iGoogle...................................................................................................5 TwitterGadget........................................................................................................5 Twitter....................................................................................................................5 Twitter Reader.......................................................................................................6 2.3.Twitter Clients und Desktop Widgets......................................................................6 Twadget (Windows Vista & 7)...............................................................................6 Tweetdeck.............................................................................................................7 Turpial(Linux)........................................................................................................8 Gadfly(Silverlight)..................................................................................................8 Saezuri(plattformunabhnig)................................................................................8 Skeet(Google Chrome).........................................................................................8 Weitere Clients......................................................................................................9 2.4.Twitter auf mobilen Gerten....................................................................................9 3.Die Umsetzung des Widgets.............................................................................................10 3.1.Theoretische Grundlagen......................................................................................10 Die Twitter API.........................................................................................................10 MVC Pattern............................................................................................................12 Authentifizierung......................................................................................................14 oAuth...................................................................................................................14 Einsetzen von oAuth...........................................................................................14 3.2.Praktische Umsetzung..........................................................................................16 Aufbau und Struktur der Applikation.......................................................................16 Authentifizierung......................................................................................................17 Initialisierung und grundlegende Ablufe................................................................18 Ablufe der View.....................................................................................................19 DM, RT und @....................................................................................................20 Ausgeben neuer Informationen..........................................................................21 Funktionen und Requests im Controller..................................................................23 Model.......................................................................................................................25 Server......................................................................................................................25 4. Anwendungsbeispiel/Diskussion......................................................................................27 4.1.Anwendungsbeispiel.............................................................................................27 4.2.Diskussion.............................................................................................................29 5. Zusammenfassung und Ausblick.....................................................................................30 5.1.Zusammenfassung................................................................................................30 5.2.Ausblick.................................................................................................................31 6. Literatur............................................................................................................................32

2

Abstract Nowadays social networks like Twitter, Facebook or YouTube are available on different possibilities, and not only on their own websites. This is offered by interfaces called API which allows any external software developer to communicate and work with these networks. This thesis is about the implementation of a Twitter Widget for the Personal Learning Environment of the Tu Graz. The PLE is a social learning platform, which offers the possibility to use different widgets, depending on the preferences of the user. The small Twitter-application should provide the full basic Twitter functionality to the users. Very important issues for the widget are: a good User-Interface, a simple Handling and a clear overview. The authentication was realized with the open authentication protocol(oAuth), which is a security protocol for API notification. The server-side communication with the API is realized with php, on client-side html and javascript (Ajax) are in use. First a short introduction is given, then existing Twitter clients and applications are discussed and explained.

Soziale Netzwerke wie Twitter, Facebook oder YouTube sind heutzutage durch verschiedenste Mglichkeiten erreichbar, und nicht nur ber ihre Webseiten. Dies wird ermglicht durch offene Programmschnittstellen (APIs). Diese Schnittstellen ermglichen externen Entwicklern mit dem Netzwerk zu kommunizieren und auf Daten zuzugreifen. Diese Arbeit handelt von der Implementation eines Twitter Widgets fr die Personal Learning Environment(PLE) der Tu Graz. Die PLE ist eine personalisierte Lernumgebung welche den Benutzern verschiedenste Wigets anbietet. Das Twitter Widget soll die komplette Twitter Grundfunktionalitt anbieten. Besonderes Augenmerk wird hier auf ein gutes User-Interface, einfache Handhabung und eine gute bersicht gelegt. Die Anmeldung erfolgt ber das open Authentication (oAuth) realisiert. serverseitiger Code ist in php geschrieben, clientseitger in html und Javascript. Am Anfang wird eine kurze allgemeine Einfhrung gegeben, dann bestehende Twitter Clients diskutiert und der abschlieende Teil erklrt die technische Umsetzung des Widgets.

1. EinfhrungZiel des Projektes ist es, ein Widget fr die Personal Learning Environment (PLE) der Tu Graz umzusetzen, welches den Benutzern Zugriff auf das Twitter Netzwerk gibt, und smtliche grundlegende Twitter Funktionen anbietet. [Link 8] Die PLE der Tu Graz(Abbildung 1) ist eine online Lernumgebung die von ihren Benutzern individuell gestaltet und genutzt werden kann. Dies geschieht durch so genannte Widgets (Window Gadgets) welche kleine abstrahierte Applikationen unterschiedlichster Art und Funktionsweise sind. Die PLE erlaubt den Benutzern diese kleinen Applikationen so einzusetzen und zu kombinieren, dass eine individuell optimale Umgebung fr sie/ihn entsteht. Jeder User kann Widgets nutzen, die im Moment fr ihn interessant sind. Dies kann auf eine bestimme Lernveranstaltung, ein bestimmtes Semester oder auch auf eine stndige Nutzung (z.b.Kalender-Widget) ausgerichtet sein. So bietet die Verwendung/Benutzung einer PLE unterschiedliche Vorteile. Beispiele wren: LernOrganisation, Lern-Ziele definieren, Lern-Untersttzung, Kommunikation mit anderen Benutzern, Termin Planung, Nutzung fr den Privaten Bereich (z.B. Facebook), uvm.. Natrlich darf in einer solchen Lernumgebung eine Schnittstelle zu sozialen Netzwerken wie Twitter oder Facebook nicht fehlen. So bestand die Aufgabenstellung darin einen Twitter Client zu implementieren, der bei Bedarf in der PLE verwendet werden kann, und seinen Benutzern eine gute Mglichkeit bietet auf deren Twitter Accounts zuzugreifen. Eine besondere Bedeutung kommt hier natrlich dem User Interface zu. Da die Fenstergre eines Widgets sehr klein ist (hnlich mobilen Applikationen), beschrnkt dies die Mglichkeit Twitter Funktionen einzubauen. Denn so ein Programm soll natrlich in erster Linie benutzerfreundlich sein, sprich die Funktionsweise selbsterklrend, bersichtlich und fr jedermann beim ersten Mal bedienbar sein. Aplication Programming Interfaces (APIs) von sozialen Netzwerken bieten die Mglichkeit nahezu die komplette Funktionalitt des jeweiligen Web 2.0 Dienstes mittels einer eigenen Anwendung zu implementieren. Beispielsweise dem User die Mglichkeit zu bieten Einstellungen am Account zu ndern.

3

Abbildung 1: Ausschnitt PLE Tu Graz

2. Aktueller Stand der TechnikDerzeit bieten die meisten sozialen Netzwerke APIs an, um die Verbreitung ihrer Dienste voranzutreiben. So auch die Twitter. Im folgenden Abschnitt mchte ich bereits existierende Widgets und andere kleine Anwendungen prsentieren, die mit der Twitter Schnittstelle arbeiten. Ich werde kurz ihre Strken und Schwchen erlutern und die Unterschiede zur vorliegenden Arbeit nher beschreiben.

2.1. Hauseigene Twitter WidgetsZu Beginn mchte ich die von Twitter selbst angebotenen Widgets vorstellen. Sie sind in der Fuzeile der Twitter Webseite unter dem Menpunkt Goodies erreichbar. Grtenteils werden sie von Personen verwendet, welche wenig bis gar keine Programmiererfahru