Web design

Cuprins

Laboratoare

  • A personal web page that will contain all the coming exercises.
  • L1
    1. CV using simple formattings
    2. CV using tables
  • L2
    1. CV using tag frameset
    2. CV using tag div
    3. Banner using GIMP ("Facultatea de Matematica si Informatica", "Universitatea Transilvania din Brasov")
  • L3
    1. Logo for "Facultatea de Matematica si Informatica" in GIMP
    2. Complex form (see mobile.de)
    3. CV with css formattings
    4. Form with css
  • L4
    1. Add at least two GIMP graphic filters to Grafica (the same format, the same picture)
    2. Counter in PHP
  • L5
    1. Form with JavaScript validation for all the inputs ( validare )
    2. Form for uploading files
  • L6
    1. Advanced counter with pictures for numbers and IP.
    2. Folosind un editor de imagini sa se creeze o pagina de tip calendar (A4) in care sa se prezinte (doar in imagini!) unul dintre orasele (cu universitati): Wiesbaden, Fulda, Heilbronn, Viena, Mittweida, Oldenburg etc.
  • L7
    1. Sa se implementeze un formular care face diferenta dintre doua date. Formularul va contine doua campuri de tip calendar care permit selectarea datei.
    2. Folosind jquery sa se implementeze un exemplu de autocompletare cu judete pentru o casuta de tip text (exemplu).
    3. Folosind un editor de imagini sa se creeze o pagina de tip calendar (A4) in care sa se prezinte (doar in imagini!): Facultatea de matamatica si informatica, Universitatea Transilvania din Brasov, orasul Brasov etc.
  • L8
    1. Sa se implementeze o aplicatie web care sa contina minim 3 clase php (de exemplu: o clasa principala care instantiaza clasa de lucru cu JavaScript, respectiv clasa de genarat formulare sau clasa de conectare la baza de date). Fiecare clasa va contine minim cinci functii.
    2. Sa se puna in evidenta 2 metode private intr-una din clasele de mai sus.
  • L9
    1. Sa se implementeze o aplicatie web de vizualizat imagini folosind flex - Getting started with Flex (pg. 83) care sa contina minim 5 imagini ( videotraining ).
  • L10
    1. Sa se implementeze o aplicatie web de genul Flickr Viewer - Getting started with Flex (pg. 20).

Subiecte examen

  1. Prezentarea unui joc pe care o sa-l fac semestrul acesta, specificatiile si tipul de joc poze cu arta care sta la baza jocului, ideile si conceptele care au ajutat la crearea jocului.
    Ajutor pentru incepatorii de jocuri cu linkuri spre documentatii, si ajutor avansat pentru persoane cu mai multe cunostinte.
  2. Prezentarea unui site pentru un club sportiv (C.S "Aiki Karate-Do" Brasov):
    	-Ghicin Funakoshi, intemeietorul Karate-ului;
    	-Karate si Shotokan;
    	-Istoria karateului romanesc;
    	-Prezentarea Clubului: -Date de contact,
    			       -Program antrenamente,
    			       -Istoria clubului,
                                   -Componenta Clubului.
    	                       -Conduita unui Karateka,
    			       -Regulamentul Dojo-ului,
    			       -Principiile Clubului. 
                                   -Antrenamentul in sine.
    	-Activitati: -Stagii de pregatire,
    		     -Competitii,
    	-Prim ajutor in caz de accidente;
    	-Metode si Tehnici de Relaxare. Etc.
  3. As dori sa fac prezentarea unei agentii de turism.
    Pe acest site clientul va avea mai multe optiuni si anume: sa aleaga intre mai multe destinatii, sa rezerve bilete de avion online...
  4. Prezentarea unei formatii:
    -istoria trupei,
    -discografie,
    -album foto,
    -prezentarea individuala a membrilor,
    -site map.
  5. Un site de prezentare pentru instrumente muzicale (pentru inceput doar chitare).
    -Posibilitate de vanzare prin transfer bancar sau ordin de plata (nu cu cardul);
    -Prezentare chitara in general;
    -Un tuner pentru chitara si/sau tutorial pentru invatat chitara.
  6. O aplicatie "carte de bucate":
    -prezentarea de retete culinare impartite pe mai multe categorii (ex. ciorbe, tacanite, deserturi etc.);
    -o sectiune de intrebari (vizitatorii pot pune intrebari);
    -o sectiune de "aranjare a mesei".
  7. Site despre jocuri.
    Tinut scoruri / rezultate.
    Eventual baza de date cu utilizatori, inregistrare pe site, continut (stiri, comentarii, forum).
  8. Site pt un hotel sau pensiune. Meniurile vor cuprinde cazarea on-line, restaurantul hotelului, rezervari, eventual evenimente specifice si tipuri de agrement, localizare, contact.
  9. Un site de prezentare a unui bar.
    Va avea paginile:
    - prezentarea evenimentelor ce vor urma in local;
    - o lista de preturi;
    - galerie foto;
    - pagina de contact (cu formular de contact online).
  10. Prezentarea unei formatii, membrii formatiei cu pazo si descriere, galeirie foto, pagina discografie, un scurt istoric al formatiei.
  11. Prezentarea unui hotel.
    Cazare online (facilitati).
    Prezentarea tuturor facilitatilor: restaurant etc.

Nota examen

  1. Nota scris (50%)
  2. Nota laborator (50%)

Observatii

  1. Unelte recomdate pentru realizare filme:
    1. ShareX
      1. permite realizarea de capturi de ecran si adnotarea imaginilor obtinute
      2. permite inregistrarea ca film a zonelor de ecran selectate
  2. Orice tip de documentatie se va tehnoredacta in latex folosind MikTex si TeXnicCenter plecand de la acest sablon .
  3. Descarcare exemplu de prezentare latex ce foloseste pachetul foils .
  4. Detalii prezentare/film:
    1. rezolutie 800x600 - deoarece filmul este destinat utilizarii/vizualizarii cu ajutorul browserului, acesta trebuie sa incapa convenabil intr-o fereastra fara ca utilizatorul sa fie nevoit sa realizeze ajustari de rezolutie sau redimensionari pentru a-l urmari
    2. pe desktop nu vor fi schortcut-uri inutile - la realizarea filmului se curata ecranul si se seteaza un fundal implicit (albastru) pentru a nu distrage atentia de la continut (scenariu de utilizare utilitar prezentat)
    3. contine slide de titlu - primul slide contine un titlu si o descriere a continutului filmului.
    4. cel putin o nota pe fiecare slide - pe fiecare cadru din film se va scrie atat cum fac? cat si ce fac?
    5. fara sonor
    6. atentie la miscarile de mouse - daca nu sunt consistente sunt eliminate din film
    7. ca si regula de stil trebuie avut in vedere ca un astfel de film se adreseaza atat persoanelor cu pregatire informatica cat si celor fara pregatire informatica - orice persoana interesata trebuie sa inteleaga ce face si cum reproduce ceea ce se prezinta in film.
  5. Pentru fiecare tema de laborator se primeste o nota de la 1 la 10.
  6. Se penalizeaza orice teme care nu respecta indicatiile de la laborator si nu implementeaza elementele prezentate in laboratorul respectiv.

Resurse online