Web2.0 - tutorial si exemple
-
Upload
chelariu-mihai -
Category
Education
-
view
1.302 -
download
1
Transcript of Web2.0 - tutorial si exemple
![Page 1: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/1.jpg)
Internetul pentru toti
![Page 2: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/2.jpg)
Lumea inainte de WEB2.0 Cunostintele unui utilizator obisnuit Ce este WEB2.0? Situri pentru MASH Aplicatii ale WEB 2.0
Utilizatorul in actiune – blogul (WordPress.Com)
Grupul Forumul Situri Wiki Generator de situri (Webs.Com)
Contact
![Page 3: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/3.jpg)
Pentru a publica o informatie pe internet era nevoie de un programator/web designer
Acesta trebuia sa cunoasca Editor web: Macromedia Dreamweaver, Microsoft
FrontPage Prelucrare de imagini: Adobe Photoshop, … Generarea animatiilor: Macromedia Flash, … Scripturi: JavaScript, CGI, … Programare web: PHP, ASP, … Baze de date si interogarea bazelor de date
(Oracle si SQL) Transferul fisierelor de pe calculatorul personal pe un
server cu ajutorul unei aplicatii specifice(FTP – File Transfer Protocol)
![Page 4: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/4.jpg)
Managementul fisierelor si folderelor: creare, redenumire, stergere, mutare, copiere, cautare
Utilizarea eficienta a unui editor de texte (Microsoft WORD): formare text (marime, culoare, font), formatare paragraf(aliniere, distanta intre linii, liste – bullets and numbering), inserare imagini/obiecte
Utilizarea unui editor de prezentari (Microsoft POWERPOINT): inserare sunete, aplicare animatii, efecte
Cunostinte de internet: lucrul cu un browser(Internet Explorer), cautare, posta electronica, memorarea link-urilor, salvarea unui link al o imagine sau a imaginii
![Page 5: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/5.jpg)
Curent din informatica, ce pe baza combinatiei intre JavaScript si bazele de date
permite utilizatorului comun publicarea pe internet a datelor dorite de el(datele provin tot din situri web – conceptul MASH)
la situl creat se pot asocia si alti doritori cu interese comune (WEB SOCIAL) care contribuie la dezvoltarea sitului
![Page 6: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/6.jpg)
WEB 2.0 permite oricarui doritor sa creeze un o pagina web pe un subiect dat.
In partea de continut se pot adauga Texte Imagini legaturi la alte pagini web Filme legaturi la fisiere.
Noutatea consta in faptul ca datele se pot regasi pe alte situri si de fapt sunt numai preluate, fara a fi pastrate pe situl curent (concept numit ).
![Page 7: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/7.jpg)
Practic pentru multe dintre fisiere foloseste spatiul alocat de alte situri:
Fisierele (arhive, pdf, doc) se pot accesa prin link din http://www.box.com sau http://docs.google.com, care in baza unui cont si a unei parole va permit sa stocati pe contul respectiv aproximativ 1Gb de fisiere
Imaginile se pot incarca (tot prin link) de pe siturile specializate pentru imagini http://www.flikr.com (al Yahoo; va puteti loga cu contul si parola de la email-ul yahoo) sau http://www.picasa.com (al Google; de asemenea, va puteti loga cu contul si parola de la email-ul Gmail)
Filmele se pot accesa prin link de pe http://www.youtube.com ; daca aveti cont si ati incarcat filme, puteti acceasa chiar filmele proprii
Prezentari Powerpoint se pot accesa prin link de la http://www.slideshare.com.
![Page 8: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/8.jpg)
Blogul Grupul Forum-uri Situri Wiki Situri generate
![Page 9: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/9.jpg)
Puteti folosi http://www.blogger.com (http://www.blogspot.com) sau http://www.wordpress.com. Ambele variante permit crearea pagilor web cu date obtinute din linkuri si , de asemenea, permit crearea grupului de utilizatori.
In plus, Wordpress va permite crearea unui meniu (ei numesc pagina fiecare optiune din acest
meniu) articolele se pot grupa pe categorii (categoriile au structura
ierarhica) se pot atasa diverse aplicatii folositoare (widget-uri) : calendar,
cele mai citite articole, lista de linkuri la situri partenere, optiune RSS (pentru abonarea vizitatorilor - vor si tinuti la curent cu fiecare articol publicat)
afisarea calendarului comun alegerea unui template (model) pentru blogul dvs; exista si
posibilitati de usoara modificare a template-ului
![Page 10: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/10.jpg)
Bloguri personale Revista online:
http://racomania.wordpress.com http://crwbackstage.wordpress.com
Prezentare material didactic: http://mchelariu.wordpress.com
![Page 11: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/11.jpg)
![Page 12: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/12.jpg)
![Page 13: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/13.jpg)
![Page 14: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/14.jpg)
![Page 15: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/15.jpg)
Cele mai folosite grupuri sunt cele oferite de Yahoo (http://groups.yahoo.com) si Google(http://groups.google.com); administratorul si membrii trebuie sa aiba conturi de email pe Yahoo/Gmail
Avantaje: mesaje trimise intregului grup, albume foto comune, calendar comun, spatiu de stocare fisiere comun, posibiliatea de a invita noi doritori
![Page 16: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/16.jpg)
Permit mai multor utilizatori sa propuna si sa dezbata subiecte
Situri: cautati “create forum free” pe Google
Exemple: http://forum.portal.edu.ro/
![Page 17: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/17.jpg)
Pe acelasi principiu de site creat si imbuntatit de membrii lui s-a venit cu ideea ca fiecare membru poate modifica continutul introdus de ceilalti
Modelul: http://www.wikipedia.com Exemple: http://keycomp.wetpaint.com/
(prof. Sebastian Alexandru - Lic. Pedagogic Iasi)
![Page 18: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/18.jpg)
Administratorului de site i se pun la dispozitie toate uneltele: blog, album foto, guestbook, forum, managementul membrilor, pagina marturii (testimonials), etc.
Modelul: http://www.webs.com Exemple:
http://revistadematematicaler.webs.com http://bibliotecaracovita.webs.com/ http://impactcrw.webs.com
![Page 19: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/19.jpg)
![Page 20: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/20.jpg)
![Page 21: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/21.jpg)
![Page 22: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/22.jpg)
![Page 23: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/23.jpg)
![Page 24: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/24.jpg)
![Page 25: Web2.0 - tutorial si exemple](https://reader036.fdocumente.com/reader036/viewer/2022081422/55516aebb4c9059f768b560a/html5/thumbnails/25.jpg)
Prof Chelariu Mihai , Colegiul National “Emil Racovita”, Iasi (http://www.racovita.ro)
http://mchelariu.wordpress.com [email protected]