• Like
  • Save
Mashups und JSF
Upcoming SlideShare
Loading in...5
×

Mashups und JSF

  • 2,365 views
Uploaded on

German

German

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Impressive presentation on ’Mashups und JSF'. You’ve shown your credibility on presentation with this slideshow. This one deserves thumbs up. I’m John, owner of www.freeringtones.ws/ . Hope to see more quality slides from you.

    Best wishes.
    Are you sure you want to
    Your message goes here
  • As a management instructor I enjoy viewing the work of others. This is one of the greatest slideshow on planning I've viewed.
    Anisa
    http://financejedi.com http://healthjedi.com
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
2,365
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
2
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Mashups - remix the web- Web 2.0 mit JavaServer Faces Matthias Weßendorf | matzew@apache.org
  • 2. Matthias Weßendorf
    • Oracle Corp.
      • ADFv team (ADF Faces)
    • Apache Software Foundation
      • Apache MyFaces (Trinidad | Core)
      • Apache Shale
    • Autor
      • Java- & Eclipse-Magazin
      • Bücher zu Struts, J2ME&WebServices
    • Speaker
      • Oracle Open World
      • JavaOne
      • JAX, W-JAX
      • ApacheCon
  • 3. Agenda
    • Mashups – Einführung
    • Mashups mit JSF
    • Beispiel
      • Google Maps
  • 4. Mashups
    • Mashup == vermischen
    • Erstellung neuer Inhalte durch bestehende
    • Beispiele für Mashups:
      • Kunst
        • (Foto)Collage
      • Musik
        • Remix / (DJ) Mixing
      • Internet
        • „ Web 2.0“
  • 5. Collage
  • 6. Remix
  • 7. Internet Mashup
  • 8. Mashup – Remix the Web
    • Neuer Web-Inhalt erstellt aus bestehendem
      • Ermöglicht durch:
        • Öffentliche APIs (Web-Services / JavaScript)
        • Feeds (Atom / RSS)
    • Flickr Map = Flickr + Yahoo Map
    • Social Computing
    • Software-Innovation seit Jahren...
    • Hype  Web 2.0
    • Sicherheit:
      • Viel JavaScript von verschiedenen Quellen...
  • 9. Mashup – Remix the Web Browser Web-Server / Mashup-App 3rd Party Data ... RSS Web-Service
  • 10. Mashup – Remix the Web
    • Integrationsarten
      • JavaScript API
        • Einbinden von externem JS
        • Kommunikation mit der API
          • Google Map
      • Proxy (remote Web-Service auf dem Server)
        • Anzeigen von Daten (aus Atom/RSS Feeds)
          • Kicker.de
          • FAZ.net
        • Wg. Sicherheit via „Proxy“ Server
  • 11. Mashup – Remix your App! Browser Web-Server / Mashup-App 3rd Party Data ... Interner „Web Service“ ... Öffentliche(r) Web-Server
  • 12. JavaServer Faces und Mashups?
    • JCP-basiertes Web-Framework
    • API für UI Komponenten Entwicklung
      • Standard Komponenten
      • 3rd Party Bibliotheken
      • Eigene JSF Komponenten
        • „ reusable“ content  JSF Komponente
    • Mashup-Komponenten
      • Erzeugung von Komponente
        • Facelets (Easy Components)
  • 13. JavaServer Faces und Mashups?
    • Eigene JSF Komponenten
    • <h:.... />
    • < corp:mashupComponent apiKey =&quot;myKey&quot; ownData =&quot;#{bean.myDataSource}&quot; ... />
    • ...
    • P(l)ain JSF components:
      • Java (Komponente, Renderer, Tag Class)
      • XML (faces-config, TLD)
    • Facelets:
      • XHTML Datei
      • Facelets Taglib (XML Datei)
  • 14. JavaServer Faces und Mashups?
    • <div>
    • <script src=&quot;http:// apis.mypartner.com /externalService?file=api&apiKey= #{apiKey} &quot; type=&quot;text/javascript&quot;></script>
    • <div id=&quot;showIt&quot;/>
    • <script type=&quot;text/javascript&quot;>
    • var externalService = new CorpServiceProvider ();
    • ...
    • externalService.setElement(document.getElementById(&quot; showIt &quot;))
    • externalService.mashData(' #{ownData} ');
    • ...
    • </script>
    • </div>
  • 15. Google Maps API
    • Google Maps
      • Web 2.0 „killer app“
    • API für Google Maps
      • Mutter aller Web 2.0 Mashups
      • JavaScript API
    • Key für Nutzung notwendig
      • Beta ... aber frei
  • 16. JavaServer Faces und Mashups?
  • 17. JavaServer Faces und Mashups?
  • 18. JavaServer Faces und Mashups?
  • 19. Links und Dokumentation
    • Beispiel „Facesgoodies“
      • http://code.google.com/p/facesgoodies
    • Facelets
      • https://facelets.dev.java.net
    • Google Maps
      • API und Beispiele:
      • http://code.google.com/apis/maps/
    • Mashups, APIs
      • http://www.programmableweb.com
    • BLOG:
      • http:/matthiaswessendorf.wordpress.com