Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Czym jest Web 2.0 ? <ul><li>Przemysław Łącki trener wewnętrzny Politechniki Warszawskiej [email_address] </li></ul>Warszaw...
Spis treści <ul><li>Czym jest strona webowa? </li></ul><ul><ul><li>HTML </li></ul></ul><ul><ul><li>JavaScript </li></ul></...
Czym jest strona webowa? <ul><li>HTML – HyperText Markup Language, hipertekstowy język znaczników </li></ul><!DOCTYPE html...
Czym jest strona webowa? <ul><li>JavaScript (&quot;JS&quot;) to stworzony przez firmę Netscape zorientowany obiektowo skry...
Czym jest strona webowa? <ul><li>CSS Kaskadowe arkusze stylów </li></ul>body { font-size: 10pt; font-family: 'Arial', sans...
Czym jest strona webowa? <ul><li>Języki skryptowe: </li></ul><ul><li>ASP (Active Server Pages) Microsoft  </li></ul><ul><l...
Czym jest strona webowa? <ul><li>Serwery WWW (World Wide Web): </li></ul><ul><li>IIS (Microsoft Internet Information Servi...
Ewolucja Internetu <ul><li>http://en.wikipedia.org/wiki/Image:Web20buzz.png </li></ul>
Web 2.0 Tim O'Reilly Rok 2004 : konferencja Web 2.0 John Battelle
Web 2.0
Web 2.0 <ul><ul><li>Web as a platform </li></ul></ul><ul><ul><li>data as the driving force </li></ul></ul><ul><ul><li>netw...
Web 2.0
Web 2.0 - AJAX <ul><ul><li>Asynchronous JavaScript and XML </li></ul></ul>http://adaptivepath.com/publications/essays/arch...
Web 2.0 - AJAX http://adaptivepath.com/publications/essays/archives/000385.php
Web 2.0 - AJAX <ul><ul><li>The Dojo Toolkit - http://dojotoolkit.org/ </li></ul></ul><ul><ul><li>Prototype - http://protot...
Web 2.0 - RSS <ul><ul><li>FeedBurner.com </li></ul></ul><ul><ul><li>Google.com/reader </li></ul></ul>Really Simple Syndica...
Podsumowanie - Przepis na aplikację Web 2.0 <ul><li>Dobry pomysł polegający na „dzieleniu się” (social networing sharing) ...
Źródła? <ul><li>Tak! web 2.0 </li></ul><ul><li>Wikipedia.org </li></ul><ul><li>Digg.com </li></ul><ul><li>TechChrunch.com ...
Czym jest Web 2.0 ? <ul><li>Dziękuję za uwagę </li></ul><ul><li>pytania? </li></ul>
Upcoming SlideShare
Loading in …5
×

Czym Jest Web 2.0?

918 views

Published on

Czym jest web 2.0?

Published in: Technology, Design
  • Be the first to comment

Czym Jest Web 2.0?

  1. 1. Czym jest Web 2.0 ? <ul><li>Przemysław Łącki trener wewnętrzny Politechniki Warszawskiej [email_address] </li></ul>Warszawa 04.01.2007
  2. 2. Spis treści <ul><li>Czym jest strona webowa? </li></ul><ul><ul><li>HTML </li></ul></ul><ul><ul><li>JavaScript </li></ul></ul><ul><ul><li>CSS </li></ul></ul><ul><ul><li>Języki skryptowe </li></ul></ul><ul><li>Ewolucja internetu </li></ul><ul><li>Web 2.0 </li></ul><ul><ul><li>AJAX </li></ul></ul><ul><ul><li>RSS </li></ul></ul><ul><li>Przepis na serwis Web 2.0 </li></ul><ul><li>Źródła </li></ul>
  3. 3. Czym jest strona webowa? <ul><li>HTML – HyperText Markup Language, hipertekstowy język znaczników </li></ul><!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. 4. Czym jest strona webowa? <ul><li>JavaScript (&quot;JS&quot;) to stworzony przez firmę Netscape zorientowany obiektowo skryptowy język programowania </li></ul>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. 5. Czym jest strona webowa? <ul><li>CSS Kaskadowe arkusze stylów </li></ul>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. 6. Czym jest strona webowa? <ul><li>Języki skryptowe: </li></ul><ul><li>ASP (Active Server Pages) Microsoft </li></ul><ul><li>JSP (Java Server Pages) </li></ul><ul><li>Perl (Practical Extraction and Report Language) </li></ul><ul><li>PHP (PHP Hypertext Preprocessor) Zend </li></ul><ul><li>Ruby On Rails </li></ul>
  7. 7. Czym jest strona webowa? <ul><li>Serwery WWW (World Wide Web): </li></ul><ul><li>IIS (Microsoft Internet Information Services) </li></ul><ul><li>Tomcat (Apache Software Foundation) </li></ul><ul><li>Apache (Apache Software Foundation) </li></ul><ul><li>LigHTTPD (Jan Kneschke) </li></ul>
  8. 8. Ewolucja Internetu <ul><li>http://en.wikipedia.org/wiki/Image:Web20buzz.png </li></ul>
  9. 9. Web 2.0 Tim O'Reilly Rok 2004 : konferencja Web 2.0 John Battelle
  10. 10. Web 2.0
  11. 11. Web 2.0 <ul><ul><li>Web as a platform </li></ul></ul><ul><ul><li>data as the driving force </li></ul></ul><ul><ul><li>network effects created by an architecture of participation </li></ul></ul><ul><ul><li>innovation in assembly of systems and sites composed by pulling together features from distributed, independent developers </li></ul></ul><ul><ul><li>lightweight business models enabled by content and service syndication </li></ul></ul><ul><ul><li>the end of the software adoption cycle (&quot;the perpetual beta&quot;) </li></ul></ul><ul><ul><li>software above the level of a single device, leveraging the power of The Long Tail. </li></ul></ul>http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
  12. 12. Web 2.0
  13. 13. Web 2.0 - AJAX <ul><ul><li>Asynchronous JavaScript and XML </li></ul></ul>http://adaptivepath.com/publications/essays/archives/000385.php
  14. 14. Web 2.0 - AJAX http://adaptivepath.com/publications/essays/archives/000385.php
  15. 15. Web 2.0 - AJAX <ul><ul><li>The Dojo Toolkit - http://dojotoolkit.org/ </li></ul></ul><ul><ul><li>Prototype - http://prototype.conio.net/ </li></ul></ul><ul><ul><li>Script.aculo.us - http://script.aculo.us/ </li></ul></ul><ul><ul><li>Rico </li></ul></ul><ul><ul><li>Behaviour </li></ul></ul><ul><ul><li>MochiKit </li></ul></ul><ul><ul><li>Moo.fx </li></ul></ul><ul><ul><li>AJFORM </li></ul></ul><ul><ul><li>Qooxdoo </li></ul></ul><ul><ul><li>Zimbra AjaxTK </li></ul></ul>http://ajaxian.com/resources/
  16. 16. Web 2.0 - RSS <ul><ul><li>FeedBurner.com </li></ul></ul><ul><ul><li>Google.com/reader </li></ul></ul>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. 17. Podsumowanie - Przepis na aplikację Web 2.0 <ul><li>Dobry pomysł polegający na „dzieleniu się” (social networing sharing) </li></ul><ul><li>Szczypta HTML </li></ul><ul><li>2 krople CSS </li></ul><ul><li>Garść AJAX </li></ul><ul><li>Mieszamy z PHP/APACHE/MYSQL (LAMP) </li></ul><ul><li>Doprawiamy przy pomocy XHTML, SOAP, XUL, RDF, RSS i Atom </li></ul><ul><li>GOTOWE! </li></ul>Pamiętaj o prawach doboru naturalnego!!!
  18. 18. Źródła? <ul><li>Tak! web 2.0 </li></ul><ul><li>Wikipedia.org </li></ul><ul><li>Digg.com </li></ul><ul><li>TechChrunch.com </li></ul><ul><li>radar.oreilly.com </li></ul><ul><li>ajaxian.com </li></ul>
  19. 19. Czym jest Web 2.0 ? <ul><li>Dziękuję za uwagę </li></ul><ul><li>pytania? </li></ul>

×