+ All Categories
Home > Education > Web2.0 - tutorial si exemple

Web2.0 - tutorial si exemple

Date post: 12-May-2015
Category:
Upload: chelariu-mihai
View: 1,298 times
Download: 1 times
Share this document with a friend
25
Internetul pentru toti
Transcript
Page 1: Web2.0  - tutorial si exemple

Internetul pentru toti

Page 2: Web2.0  - tutorial si exemple

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

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

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

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

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

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

Blogul Grupul Forum-uri Situri Wiki Situri generate

Page 9: Web2.0  - tutorial si exemple

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

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
Page 12: Web2.0  - tutorial si exemple
Page 13: Web2.0  - tutorial si exemple
Page 14: Web2.0  - tutorial si exemple
Page 15: Web2.0  - tutorial si exemple

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

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

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

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
Page 20: Web2.0  - tutorial si exemple
Page 21: Web2.0  - tutorial si exemple
Page 22: Web2.0  - tutorial si exemple
Page 23: Web2.0  - tutorial si exemple
Page 24: Web2.0  - tutorial si exemple
Page 25: Web2.0  - tutorial si exemple

Prof Chelariu Mihai , Colegiul National “Emil Racovita”, Iasi (http://www.racovita.ro)

http://mchelariu.wordpress.com [email protected]


Recommended