Contact | Ajutor
 
Programarea Web
 Disciplina
  Programarea Web


Nume disciplina:Programarea Web
Acronim:PW
Sectia:CTI
An studiu:3
Semestru:1
Titular:Asist.Drd.Ing HOLOTESCU Carmen
URL:http://www.cs.upt.ro/courses/pw
Fisa:
Orar:Laborator: joi 8-12, 16-20, A305; Curs: vineri, 8-10, A109
Suport curs:http://www.cirip.ro/grup/progweb13
Rezultate examene:
Suport laborator:http://www.cirip.ro/grup/progweb13
Situatie laborator:
Nr. Joi, 8-10 S2 S3 S5 S6 T1/S6 T2/S6-7 Joi, 10-12 S3 S5 S6 T1/S6 T2/S6-7 Joi, 16-18 S3 S5 Joi, 18-20 S3 S5
1 Popescu Ana-Maria 4.1 p p p p 9 incomplet Gruescu Eusebiu 3.2 p p Stefan Radu Andrei 4.2 p Pop Madalin-Dorin 4.1 p p
2 Brustureanu Bogdan 3.1 p p p p 7 in S7 Fulop Cristian 3.2 p p Burileanu Daniel 3.1 p Murarescu Emilia 4.1 p p
3 Popovici Andreea 4.1 p p p p 8 Furcuta Teodora Ioana 3.2 p p Szalai Serban 4.2 p p Horak Andrei 3.2 p p
4 Adina Lavinia Moldovan 4.1 p p p p 8 10 Luca Sebastian 3.2 p p Gruia Ana-Maria 3.2 p Romanu Flavius 4.1 p p
5 Cioaba Eliza 3.2 p p p Lunca Elena Cristina 3.2 p p p 10 incomplet Herman Emanuela 3.2 p Romanu Maria 2.1 p p
6 Zanfir Cristian 4.2 p p p 10 in S7 Prata Dana Elena 4.1 p p Girteala Lavinia 3.2 p Teodor Andreea 2.2 p
7 Militaru Roxana 2.1 p p Acsinte Florin 3.1 p p Serb Ioana 4.2 p Bortun Mihaela-Andreea 3.1 p
8 Vecliuc Adrian-George 4.2 p p p p 9.5(f logice) incomplet Caplea Luminita 3.1 p p Sarb Daniel-Adrian 4.2 p Roman Alexandru Dan 4.1 p p
9 Lal Daniel Emanuel, 3.2 p p p p Fluerasu Andreea 3.2 p p Balazs Norbert-Mihaly 3.1 p Oniciu Daniel-Nicolae 4.1 p p
10 Zoldi Beata 4.2 p p p p Taroi Radu 4.2 p p Varga Roland Jozsef 4.2 p Grecu Dinu Cristian 3.2
11 Zabolai Zsolt 4.2 p p p p 8 incomplet Vilceanu Ciprian 2.2 p p
Nr. Joi, 8-10 S2 S3 S5 S6 T1/S6 T2/S6-7 Joi, 10-12 S3 S5 S6 T1/S6 T2/S6-7 Joi, 16-18 S3 S5 Joi, 18-20 S3 S5
1 Popescu Ana-Maria 4.1 p p p p 9 incomplet Gruescu Eusebiu 3.2 p p Stefan Radu Andrei 4.2 p Pop Madalin-Dorin 4.1 p p
2 Brustureanu Bogdan 3.1 p p p p 7 in S7 Fulop Cristian 3.2 p p Burileanu Daniel 3.1 p Murarescu Emilia 4.1 p p
3 Popovici Andreea 4.1 p p p p 8 Furcuta Teodora Ioana 3.2 p p Szalai Serban 4.2 p p Horak Andrei 3.2 p p
4 Adina Lavinia Moldovan 4.1 p p p p 8 10 Luca Sebastian 3.2 p p Gruia Ana-Maria 3.2 p Romanu Flavius 4.1 p p
5 Cioaba Eliza 3.2 p p p Lunca Elena Cristina 3.2 p p p 10 incomplet Herman Emanuela 3.2 p Romanu Maria 2.1 p p
6 Zanfir Cristian 4.2 p p p 10 in S7 Prata Dana Elena 4.1 p p Girteala Lavinia 3.2 p Teodor Andreea 2.2 p
7 Militaru Roxana 2.1 p p Acsinte Florin 3.1 p p Serb Ioana 4.2 p Bortun Mihaela-Andreea 3.1 p
8 Vecliuc Adrian-George 4.2 p p p p 9.5(f logice) incomplet Caplea Luminita 3.1 p p Sarb Daniel-Adrian 4.2 p Roman Alexandru Dan 4.1 p p
9 Lal Daniel Emanuel, 3.2 p p p p Fluerasu Andreea 3.2 p p Balazs Norbert-Mihaly 3.1 p Oniciu Daniel-Nicolae 4.1 p p
10 Zoldi Beata 4.2 p p p p Taroi Radu 4.2 p p Varga Roland Jozsef 4.2 p Grecu Dinu Cristian 3.2
11 Zabolai Zsolt 4.2 p p p p 8 incomplet Vilceanu Ciprian 2.2 p p
Anunturi:

Anunt in 24 octombrie

Buna,

S-au strans deja destul de multe mesaje in grup, sper ca v-ati familiarizat cu acest spatiu.

Discutam astazi cateva resurse legate de statistici de accesare a site-urilor, statistici de utilizare browsere, termeni cautati.

De asemenea, primele modulele HTML:

Pentru saptamana 6 se va realiza tema:

Editati doua fisiere HTML, care sa se incarce unul pe celalalt la fiecare 5 secunde si care sa aiba configurate urmatoarele:

    * titlu
    * cuvinte cheie
    * descriere
    * nume autor
    * nume companie
    * informatie copyright.

Specificati culorile pentru background, text, linkuri, din gama browser safe palette, folosindColorMatch.

Unul din fisiere va contine exemple de formatare, celalalt o lista incuibata cu toate tipurile de liste.

Fisierele le puteti edita foarte simplu in Notepad ( atentie: la salvarea lor, tastati numele intre ghilimele, pentru a nu apare extensia implicita .txt - de exemplu "fisier1.html" ), nvu sau alt editor HTML ( a se vedea HTML Editors Wikipedia si AlternativeTo Dreamveawer). Ceea ce aveti de facut este sa adaptati exemplele din materialele HTML.

Puteti face observatii cu tagul #html, legate de configurarea acestor elemente in editorul HTML pe care il utilizati.

De asemenea, scrieti un mesaj cu tagul #editorhtml, in care sa specificati ce editoare ati folosit/gasit interesante din listele HTML Editors Wikipedia si AlternativeTo Dreamveawer.

Va rog sa gasiti mai jos enuntul temei 2 (termen saptamana 6 - 7 cu CSS), pornind de la modulele:

Intr-o pagina HTML cu un layout creat cu o tabela, se insereaza elemente multimedia, pornind de la o tematica descrisa printr-un termen; pentru exemplificare, voi alege ca termen education:

  1. imagine de la http://www.flickr.com/photos/tags/education
  2. resurse ( linkuri ) de la http://del.icio.us/tag/education
  3. clip video de la http://www.youtube.com/results?search_query=education&search=tag, observati sectiunea education de la youtube
  4. clip video de la http://www.teachertube.com/search_result.php?search_id=education (vizitati alte retele cu clipuri educationale)
  5. clip video de la http://dotsub.com/view/search/?q=education
  6. prezentare de la http://www.slideshare.net/search/slideshow?q=education
  7. material de la http://www.scribd.com/search?sortorder=views&query=tags%3Aeducation ( sau de la sisteme similare recent aparute - vezi nota )
  8. timeline de la http://www.dipity.com - se va cauta termen; vedeti si sectiunea cu timelines create cu clipuri youtube http://www.dipity.com/mashups/timetube
  9. o sectiune din harta de la Google Maps - configurarea si generarea codului se face la optiunea Link to this page.

Scopul exercitiului este familiarizarea cu elementele HTML(5) pentru tabele, linkuri, imagini, obiecte multimedia, dar si cu facilitatile sistemului de bookmark colaborativ del.icio.us, ale catorva retele sociale organizate in jurul unor resurse, ale Google Maps. 

Observati codul HTML5 de embed al elementelor multimedia si vizitati alte resurse HTML5.

Un alt scop este lucrul cu foi de stil (CSS): in pagina web se vor folosi toate tipurile de foi de stil; puteti modifica exemplele de la:

Vizitati si resurselor propuse la Alte informatii si identificati lucrul cu CSS in editoarele cu care lucrati.

Vizitati MOOCs la Open Education Europa, MOOC List, FutureLearn si scrieti o nota cu tagul#mooc, cu 1-3 cursuri pe care ati fi interesati sa le urmati - puteti crea un link unic cu linkbun.ch.

Daca sunt neclaritati, va rog sa le discutam in grup.

Spor in toate,
Carmen Holotescu


Anunt in 4 octombrie

Buna,

Va rog sa urmariti prezentarea de la http://sp2.ro/primcurs, care se doreste a fi un argument pentru subiectele abordate la aceasta materie si pentru modul de desfasurare/evaluare. Prezentarea este comentata pe scurt mai jos:

Intr-un mesaj cu tagul #activitate1, va rog sa trimiteti un scurt comentariu, o imagine ce ati retinut-o din site-urile prezentarii http://sp2.ro/primcurs si linkul site-ului de unde provide.

Modul de "decupare" a unei imagini cu kwout.com si trimiterea pe cirip apar in clipul de mai jos:


Va rog sa urmariti si activitatile din primul anunt.

Numai bine,
Carmen Holotescu

Anunt 30 septembrie

Bun venit!

Ma bucur sa lucram impreuna in acest semestru la cursul de Programare Web.

Sper sa fie un curs placut si util, in care sa invatam din experienta celorlalti, in care sa cream o adevarata comunitate de invatare. Important este sa comunicam, sa lamurim aspectele neclare, sa venim cu completari, comentarii.

Va propun sa incepeti cu un tur al platformei de microblogging cirip.ro - un mic ghid se gaseste la pagina Ajutor.

Prin aceasta pagina de Anunturi, voi prezenta materialele, temele, activitatile.

La Membri apare lista participantilor, de unde puteti explora microblogul si reteaua fiecaruia.

Partea centrala a grupului sunt mesajele pe care le schimbam intre noi, prin:

  • Trimite un mesaj in grup
  • raspunde la orice mesaj existent in grup
  • scriere mesaj la Ciripeste, selectand trimiterea in grup sau punand @progweb13 in corp mesaj.

Activitatile pe care vi le propun pentru inceput au ca scop sa ne cunoastem si sa ne familiarizam cu acest spatiu:

  1. o mica prezentare, asteptari de la curs, daca sunteti familiarizati cu Twitter, Cirip.ro, alte platforme de microblogging - insemnarea (poate fi text sau audio/video) sa contina tagul#intro
  2. o activitate informala pentru tot semestrul: clipuri audio/video cu muzica preferata, mesajele sa contina tagul #mymusic si pot fi publice - mesajele publice si private cu acest tag
  3. completare informatii la Cuib / Setari: nume complet, localitate, descriere, adresa blogului/site-ului propriu, in ce domeniu va veti construi microblogul; o poza sau o imagine sugestiva ca icon - puteti lua imagini ( licenta sa fie CC, de la flickr sau compfight );
  4. la Cuib / Setari / Design pagina: personalizati layout-ul microblogului propriu; pentru o imagine de fond, adresele de mai sus va pot fi utile
  5. la Cuib / Setari / Notificari: este util sa acceptati notificarea prin e-mail - se trimit noutati despre platforma, mesajele celor ce ii urmariti, raspunsurile/mesajele directe ce le-ati primit, noii utilizatori care va urmaresc
  6. la Cuib / Setari / Notificari: precizati numarul de mobil si activati notificarea prin mobil, daca doriti sa comunicati si astfel cu platforma - informatii despre primire / trimitere
  7. daca doriti ca mesajele ce se scriu in grup sa le primiti prin SMS, selectati On Notificare SMS pe pagina grup
  8. incepeti sa va creati o retea, urmarind utilizatori ale caror mesaje va intereseaza; cum ii gasiti:
    1. pot fi membri de aici
    2. parcurgeti mesaje si autorii lor la pagina Recente
    3. puteti gasi mesaje si utilizatorii ce le-au scris la cauta mesaj, ce apare in partea dreapta
    4. la Ciripitori cautati dupa nume, localitate, tip microblog
    5. explorati retelele create la Browser ciripitori
  9. observati mesajele publice pe care le-ati scris afisate pe Harta; puteti vedea de unde vin utilizatorii activi ai platformei, la fel, fluxul paralel pe Twitter
  10. va poate fi util sa instalati extensia Firefox CiripFox, prin care puteti comunica cu platforma fara a fi necesar sa veniti pe cirip.ro - vezi instalare, functionare in nota blog; alte posibilitatide trimitere/monitorizare mesaje.
De observat:
  1. microblogul fiecaruia este o parte a profilului sau virtual, apare la adresa http://www.cirip.ro/u/username; construit in timp, poate deveni o parte importanta a cartii dvs de vizita, a portofoliului dvs, un mediu de invatare personal
  2. pe pagina de start a unui utilizator ( http://www.cirip.ro/u/username ) apar statistici referitoare la numarul de useri urmariti, urmaritori, grupuri, feeduri urmarite, mesaje scrise; pe cea unui grup ( http://www.cirip.ro/grup/groupname ) apare numarul de membri si cel de mesaje scrise; pe pagina unui feed ( http://www.cirip.ro/u/feedname ) numarul de useri abonati si de itemi
  3. mesajele din grup le gasiti accesand pagina grupului, dar apar si pe pagina Acasa / Urmarite - acolo icongrup / iconuser sunt suprapuse
  4. acesta fiind un grup privat, mesajele sunt vizibile doar membrilor
  5. orice mesaj poate fi reeditat / sters, deci nu va fie teama sa va exprimati; daca un mesaj s-a trimis ca public, la reeditare nu mai poate fi trimis in grup punand @progweb13 - trebuie sa-l stergeti si sa-l reintroduceti
  6. este bine sa pastram tematica discutiilor, scriind in grup mesaje care sa fie utile tuturor, ca si comunitate de invatare in formare - speram :)
  7. mesajele pe alte teme, sunt mai mult decat binevenite ca si mesaje publice.

Pentru orice nelamurire, problema, va stau la dispozitie prin mesaje aici sau la adresa de e-mailcarmen.holotescu@cs.upt.ro. Desigur, pentru chestiuni tehnice, puteti sa adresati mesaje publice lui cirip, cu @cirip .

Mult succes,
Carmen Holotescu

 
Intra in cont

Am uitat parola

 





Prima pagina | Despre aplicatie | Contact | Termeni si conditii