8/13/2019 Pasul 1 (1)

1/15

Facultatea de Automatica, Calculatoare si Electronica, Craiova

Site

Programare Orientata pe Obiecte

Profesor Coordonator: Studenti:

Popescu Elvira Patruna Razvan

Stinga Andrei

8/13/2019 Pasul 1 (1)

2/15

1. Tema ProiectuluiTema proiectului este programarea orientata pe obiecte.2. Structura aplicatiei.

Site-ul este structurat astfel:

a. Pagina Acasa.In pagina acasa, in partea din stanga gasim un textbox cu informatii despre materia

Programare Orientata pe Obiecte, iar in partea din dreapta avem doua poze.

b. Pagina Cursuri.In aceasta pagina avem 5 butoane, pentru fiecare curs in parte si o poza. Cand se face

click pe butonul unui cors, se deschide un TAB nou cu un curs in format pdf.

c. Pagina LaboratoareIn pagina laboratoare sunt 5 laboratoare, pagina fiind structurata la fel ca pagina

cursurilor.

d. Pagina MediaIn aceasta pagina, gasim doua fisiere video, si o scurta descriere pentru fiecare fisier.

Fisierele vor fi redate intr-un player al aplicatiei Adobe Flash

e. Pagina QuizIn meniul Quiz avem butonul de incepere al quizului. Daca dam click pe buton, apare

prima intrebare. Raspunsul se da printr-un click pe varianta. Avem 5 intrebari, dupa ce

terminam quiz-ul, se va afisa punctajul(numarul de raspunsuri corecte).

8/13/2019 Pasul 1 (1)

3/15

3. Pasi Realizare SitePasul 1

Lansam Adobe Flash CS3

File-> New-> Flash File(ActionScript 3.0)-> OK

Pasul 2

In tabul Properties(stanga-jos) dam click pe butonul Size, introducem titlul in campul Title, in campul

Dimensionssetam dimensiunile site-ului. Click OK.

8/13/2019 Pasul 1 (1)

4/15

Pasul 3

Cream 3 Layere, pe care le redenumim in ActionScript, Content si Background

Pasul 4

Selectam Layer-ul BG, in toolbar apasam pe Rectangle Tool, trasam cu mouse-ul un dreptunghi. In

Propertiesmodificam lungimea si latimea in 1000px, iar pozitia x si pozitia y le modificam in 0 si 0.La

Stroke Colorselectam NoColor,iar la FillColorselectam culoarea albastru. Blocam Layer-ul BG.

8/13/2019 Pasul 1 (1)

5/15

Pasul 5

Selectam File->Import->Import from library si selectam cu tasta ctrl Banner.jpg, Button1.gif si

Button2.gifdupa care apasam Open. Tragem din LibraryBanner-ul in WorkSpace, dupa care ii setam

x=0, respectiv y=0.

Pasul 6

Selectam Rectangle Tool si trasam un dreptunghi de culoare gri, cu dimensiunea 1000x5 si il

pozitionam sub banner(x=0, y=200).

Pasul 7

Tragem din Libraryin WorkSpaceButton1, il redimensionam la 33%, il multiplicam de 4 ori, iar cu

comanda Distribute Left Edgele aliniem sub banner.

8/13/2019 Pasul 1 (1)

6/15

Pasul 8

Folosim Tool-ul Text pentru a crea textul fiecarui buton in parte.

Vom avea cinci butoane:

-Acasa-Cursuri

-Laboratoare

-Media

-Quiz

Pasul 9

Selectam fiecare buton in parte(text+background), apasam F8, iar in casuta Name scriem numele

corespunzator.

8/13/2019 Pasul 1 (1)

7/15

Pasul 10

Dam Dublu-Clickpe butonul Acasa din Library, cream un nou Layerastfel incat sa avem doua layere,

care le vom redenumi in Text respectiv Background. Vom muta elementele butonului in layerele

corespunzatoare. Vom copia frameurile de la up la over. In frameul Over, textului ii dam culoarea

albastra, iar background-ul il inlocui cum Button2.

Repetam acest pas pentru fiecare buton in parte.

Pasul 11

Selectam fiecare buton in parte iar in Properties in casuta Instance Name scriem numele

butonului_btn

8/13/2019 Pasul 1 (1)

8/15

Pasul 12

Selectam tot continutul Layerului Content, apasam combinatia de taste ctrl+x. Mergem in meniu la

Insert-> NewSymbol, in casuta Name, alegem un nume(Header), iar la Typealegem MovieClip->OK.

Edit->PasteinPlace. Selectam Scene1. Tragem din librarie Headerulsi il pozitionam pe x=0respectiv

y=0.

Pasul 13

Copiem primul frame din layerele Contentsi Background, in urmatoarele 4 frameuri.

Pasul 14

Selectam Layerul ActionScript.

Mergem in Window->Actions si introducem urmatorul cod:

import flash.events.MouseEvent;

stop();

header_mc.acasa_btn.addEventListener(MouseEvent.CLICK, goacasa);

header_mc.cursuri_btn.addEventListener(MouseEvent.CLICK, gocursuri);

header_mc.laboratoare_btn.addEventListener(MouseEvent.CLICK, golaboratoare);

header_mc.media_btn.addEventListener(MouseEvent.CLICK, gomedia);

header_mc.quiz_btn.addEventListener(MouseEvent.CLICK, goquiz);

function goacasa(event:MouseEvent):void{

gotoAndStop(1);

}

function gocursuri(event:MouseEvent):void{

gotoAndStop(2);

8/13/2019 Pasul 1 (1)

9/15

}

function golaboratoare(event:MouseEvent):void{

gotoAndStop(3);

}

function gomedia(event:MouseEvent):void{

gotoAndStop(4);}

function goquiz(event:MouseEvent):void{

gotoAndStop(5);

}

Pasul 15

Cream un TextBoxin pagina Acasa

Folosim Text Tool, din ToolBarpentru a crea TextBoxul.

In Properties selectam fontul, culoarea, etc.

Pentru a crea ScrollBarmergem in Window->Components->UserInterface->UIScrollBar

Pasul 16

Cream 5 casute text pentru fiecare curs in parte (Curs 1, Curs 2,...,Curs 5)

8/13/2019 Pasul 1 (1)

10/15

Pasul 17

In Layerul ActionScript, inseram un nou frame.

Cu noul frame selectat apasam F9, si introducem codul:

import flash.events.MouseEvent;

stop();

curs1_btn.addEventListener(MouseEvent.CLICK, gocurs1);

curs2_btn.addEventListener(MouseEvent.CLICK, gocurs2);

curs3_btn.addEventListener(MouseEvent.CLICK, gocurs3);

curs4_btn.addEventListener(MouseEvent.CLICK, gocurs4);

curs5_btn.addEventListener(MouseEvent.CLICK, gocurs5);

function gocurs1(event:MouseEvent):void {navigateToURL(new URLRequest("Cursuri/Capitolul_1.pdf"), "_blank");

}

function gocurs2(event:MouseEvent):void {

navigateToURL(new URLRequest("Cursuri/Capitolul_2.pdf"), "_blank");

}

function gocurs3(event:MouseEvent):void {

navigateToURL(new URLRequest("Cursuri/Capitolul_3.pdf"), "_blank");

}

function gocurs4(event:MouseEvent):void {

navigateToURL(new URLRequest("Cursuri/Capitolul_4.pdf"), "_blank");

}

function gocurs5(event:MouseEvent):void {

navigateToURL(new URLRequest("Cursuri/Capitolul_5.pdf"), "_blank");

}

8/13/2019 Pasul 1 (1)

11/15

Repetam Pasul 16 si Pasul 17 pentru pagina Laboratoare.

Pasul 18

File->Import->Import Video (formatul trebuie sa fie .flv) Bifam On your computer, Browse si alegem

clipul dorit. Open-> Next (bifam Progressive download from a web server) ->Next X2->Finish

8/13/2019 Pasul 1 (1)

12/15

Pasul 19

Selectam frameul 5 din layerul Content.

Inseram un TextBox si o imagine care va fi butonul de incepere al quizului.

Selectam ambele elemente si le convertim in Symbol(F8)

Repetam Pasul 10 pentru buton

Pasul 20

Copiem frame-ul 5 in urmatoarele 6 frameuri. Pentru fiecare intrebare un frame plus un frame

rezultatul.

In fiecare frame cream textboxuri separate pentru intrebare si raspunsuri.

Convertim fiecare varianta de raspuns in buton.

8/13/2019 Pasul 1 (1)

13/15

Pasul 21

In codul din frame-ul 1. Dupa stop(); introducem var myVar:int = 0;

Cod pentru bunonul de incepul al quizului:

import flash.events.MouseEvent;

stop();

start_btn.addEventListener(MouseEvent.CLICK, gostart);

function gostart(event:MouseEvent):void{

trace(myVar);

myVar=0;gotoAndStop(6);

}

Cod pentru intrebarea numarul 1:

import flash.events.MouseEvent;

stop();

r11_btn.addEventListener(MouseEvent.CLICK, gor11);

r12_btn.addEventListener(MouseEvent.CLICK, gor12);

r13_btn.addEventListener(MouseEvent.CLICK, gor13);

r14_btn.addEventListener(MouseEvent.CLICK, gor14);

function gor11(event:MouseEvent):void{

gotoAndStop(7);

}

function gor12(event:MouseEvent):void{

gotoAndStop(7);

trace(myVar);

myVar++;

}

function gor13(event:MouseEvent):void{

gotoAndStop(7);

}

function gor14(event:MouseEvent):void{

gotoAndStop(7);

}

Cod pentru intrebarea numarul 2:

import flash.events.MouseEvent;

stop();

r21_btn.addEventListener(MouseEvent.CLICK, gor21);

r22_btn.addEventListener(MouseEvent.CLICK, gor22);

8/13/2019 Pasul 1 (1)

14/15

r23_btn.addEventListener(MouseEvent.CLICK, gor23);

r24_btn.addEventListener(MouseEvent.CLICK, gor24);

function gor21(event:MouseEvent):void{

gotoAndStop(8);

}function gor22(event:MouseEvent):void{

gotoAndStop(8);

}

function gor23(event:MouseEvent):void{

gotoAndStop(8);

}

function gor24(event:MouseEvent):void{

gotoAndStop(8);

trace(myVar);

myVar++;

}

Cod pentru intrebarea numarul 3:

import flash.events.MouseEvent;

stop();

r31_btn.addEventListener(MouseEvent.CLICK, gor31);

r32_btn.addEventListener(MouseEvent.CLICK, gor32);

r33_btn.addEventListener(MouseEvent.CLICK, gor33);

r34_btn.addEventListener(MouseEvent.CLICK, gor34);

function gor31(event:MouseEvent):void{

gotoAndStop(9);

}

function gor32(event:MouseEvent):void{

gotoAndStop(9);

}

function gor33(event:MouseEvent):void{

gotoAndStop(9);

trace(myVar);

myVar++;

}

function gor34(event:MouseEvent):void{

gotoAndStop(9);

}

Cod pentru intrebarea numarul 4:

import flash.events.MouseEvent;

stop();

r41_btn.addEventListener(MouseEvent.CLICK, gor41);

r42_btn.addEventListener(MouseEvent.CLICK, gor42);

r43_btn.addEventListener(MouseEvent.CLICK, gor43);

r44_btn.addEventListener(MouseEvent.CLICK, gor44);

8/13/2019 Pasul 1 (1)

15/15

function gor41(event:MouseEvent):void{

gotoAndStop(10);

trace(myVar);

myVar++;

}

function gor42(event:MouseEvent):void{gotoAndStop(10);

}

function gor43(event:MouseEvent):void{

gotoAndStop(10);

}

function gor44(event:MouseEvent):void{

gotoAndStop(10);

}

Cod pentru intrebarea numarul 5:

import flash.events.MouseEvent;

stop();

r51_btn.addEventListener(MouseEvent.CLICK, gor51);

r52_btn.addEventListener(MouseEvent.CLICK, gor52);

r53_btn.addEventListener(MouseEvent.CLICK, gor53);

r54_btn.addEventListener(MouseEvent.CLICK, gor54);

function gor51(event:MouseEvent):void{

gotoAndStop(11);

trace(myVar);

myVar++;

}

function gor52(event:MouseEvent):void{

gotoAndStop(11);

}

function gor53(event:MouseEvent):void{

gotoAndStop(11);

}

function gor54(event:MouseEvent):void{

gotoAndStop(11);

}

Cod pentru afisarea rezultatului

stop()

trace(myVar);

var RaspunsuriCorecte = myVar;

text_field.text = String(RaspunsuriCorecte);