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?

714

Published on

Czym jest web 2.0?

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
714
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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>

×