• Save
Czym Jest Web 2.0?
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,145
On Slideshare
1,139
From Embeds
6
Number of Embeds
3

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 6

http://www.linkedin.com 3
http://www.slideshare.net 2
https://www.linkedin.com 1

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. Czym jest Web 2.0 ?
    • Przemysław Łącki trener wewnętrzny Politechniki Warszawskiej [email_address]
    Warszawa 04.01.2007
  • 2. Spis treści
    • Czym jest strona webowa?
      • HTML
      • JavaScript
      • CSS
      • Języki skryptowe
    • Ewolucja internetu
    • Web 2.0
      • AJAX
      • RSS
    • Przepis na serwis Web 2.0
    • Źródła
  • 3. Czym jest strona webowa?
    • HTML – HyperText Markup Language, hipertekstowy język znaczników
    <!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> <html lang=&quot;pl&quot;> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;> <title>Tytuł strony w HTML-u</title> </head> <body> <h1>Nagłówek pierwszego poziomu</h1> <p> Akapit (z ang. paragraph)<br> i jeszcze trochę tekstu w następnym wierszu<br> <a href=&quot;http://www.example.com&quot;> www.example.com</a> </p> </body> </html>
  • 4. Czym jest strona webowa?
    • JavaScript (&quot;JS&quot;) to stworzony przez firmę Netscape zorientowany obiektowo skryptowy język programowania
    function MojObiekt(poleA, poleB) { this.poleA = poleA; this.poleB = poleB; function _metoda1() { alert(&quot;mojObiekt::metoda1()&quot;); } this.metoda1 = _metoda1; function _metoda2() { alert(&quot;mojObiekt::metoda2()&quot;); } this.metoda2 = _metoda2; }
  • 5. Czym jest strona webowa?
    • CSS Kaskadowe arkusze stylów
    body { font-size: 10pt; font-family: 'Arial', sans-serif; background: yellow url('../tlo.jpg'); } /* ścieżki w CSS są zawsze interpretowane względem położenia arkusza stylów */ h1 { border: 1px solid black; } .wazne { font-size: 120%; color: red; } #menu a { text-decoration: none; } #menu a:hover { text-decoration: underline; }
  • 6. Czym jest strona webowa?
    • Języki skryptowe:
    • ASP (Active Server Pages) Microsoft
    • JSP (Java Server Pages)
    • Perl (Practical Extraction and Report Language)
    • PHP (PHP Hypertext Preprocessor) Zend
    • Ruby On Rails
  • 7. Czym jest strona webowa?
    • Serwery WWW (World Wide Web):
    • IIS (Microsoft Internet Information Services)
    • Tomcat (Apache Software Foundation)
    • Apache (Apache Software Foundation)
    • LigHTTPD (Jan Kneschke)
  • 8. Ewolucja Internetu
    • http://en.wikipedia.org/wiki/Image:Web20buzz.png
  • 9. Web 2.0 Tim O'Reilly Rok 2004 : konferencja Web 2.0 John Battelle
  • 10. Web 2.0
  • 11. Web 2.0
      • Web as a platform
      • data as the driving force
      • network effects created by an architecture of participation
      • innovation in assembly of systems and sites composed by pulling together features from distributed, independent developers
      • lightweight business models enabled by content and service syndication
      • the end of the software adoption cycle (&quot;the perpetual beta&quot;)
      • software above the level of a single device, leveraging the power of The Long Tail.
    http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
  • 12. Web 2.0
  • 13. Web 2.0 - AJAX
      • Asynchronous JavaScript and XML
    http://adaptivepath.com/publications/essays/archives/000385.php
  • 14. Web 2.0 - AJAX http://adaptivepath.com/publications/essays/archives/000385.php
  • 15. Web 2.0 - AJAX
      • The Dojo Toolkit - http://dojotoolkit.org/
      • Prototype - http://prototype.conio.net/
      • Script.aculo.us - http://script.aculo.us/
      • Rico
      • Behaviour
      • MochiKit
      • Moo.fx
      • AJFORM
      • Qooxdoo
      • Zimbra AjaxTK
    http://ajaxian.com/resources/
  • 16. Web 2.0 - RSS
      • FeedBurner.com
      • Google.com/reader
    Really Simple Syndication, Rich Site Summary or RDF Site Summary <?xml version=&quot;1.0&quot;?> <rdf:RDF xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns=&quot;http://purl.org/rss/1.0/&quot;> <channel rdf:about=&quot;http://www.xml.com/xml/news.rss&quot;> <title>XML.com</title> <link>http://xml.com/pub</link> <description> XML.com features a rich mix of information and services for the XML community. </description> <image rdf:resource=&quot;http://xml.com/universal/images/xml_tiny.gif&quot; /> <items> <rdf:Seq> <rdf:li resource=&quot;http://xml.com/pub/2000/08/09/xslt/xslt.html&quot; /> <rdf:li resource=&quot;http://xml.com/pub/2000/08/09/rdfdb/index.html&quot; /> </rdf:Seq> </items> <textinput rdf:resource=&quot;http://search.xml.com&quot; /> </channel>
  • 17. Podsumowanie - Przepis na aplikację Web 2.0
    • Dobry pomysł polegający na „dzieleniu się” (social networing sharing)
    • Szczypta HTML
    • 2 krople CSS
    • Garść AJAX
    • Mieszamy z PHP/APACHE/MYSQL (LAMP)
    • Doprawiamy przy pomocy XHTML, SOAP, XUL, RDF, RSS i Atom
    • GOTOWE!
    Pamiętaj o prawach doboru naturalnego!!!
  • 18. Źródła?
    • Tak! web 2.0
    • Wikipedia.org
    • Digg.com
    • TechChrunch.com
    • radar.oreilly.com
    • ajaxian.com
  • 19. Czym jest Web 2.0 ?
    • Dziękuję za uwagę
    • pytania?