COLEGIUL TEHNIC SAMUIL ISOPESCU, SUCEAVA

Proiect pentru susinerea atestatului profesional

PROFESOR COORDONATOR: Rebenciuc Simona

CANDIDAT: Apetrei Camelia

PROMOIA 2012

Cuprins
1. 2. 3. 4. 5. Scopul i motivul proiectului ................................................................................................................ 2 Descrierea aplicaiei ............................................................................ Error! Bookmark not defined. Manual de utilizare ............................................................................................................................... 7 Cod surs............................................................................................................................................. 12 Bibliografie ......................................................................................................................................... 20

1. Scopul i motivul proiectului

Scopul realizrii acestui proiect poate fi acela de a-l folosi ca material didactic, pentru a prezenta informaii despre zonele Europei cuprinznd diferite ri care vor fi prezentate la rndul lor din punct de vedere geografic (localizare), clim, flor i faun, populaie, transporturi, comunicaii, orae, istorie.

Unul din multele motive care m-au determinat s aleg aceast tem este acela c iubesc Geografia,deoarece nu este doar o simpl materie pe care o studiem n colal,ci este o tiin care evolueaz,iar studiul ei ne poate face s ntelegem mai bine specificul i felul de via al oamenilor ce populeaz diferite zone geografice,modul n care aceastea le influeneaz aspectul fizic,hrana, precum i viaa socio-cultural-economic.Pentru o prezentare mai ampl a celor enunate mai sus putem aduce urmtoarele argumente care s scoat ]n eviden multiplele roluri importante pe care Geografia le are,si anume: are un rol decisiv in dezvoltarea cunoasterii interrelatiilor dintre mediul de viata si societatea uman; aportul important al Geografiei n explicarea i gestionarea fenomenelor sringente ale lumii contemporane,cum ar fi: modificrile climatice,hazardele naturale i tehnogene i riscurile asociate,exploatarea raional a resurselor,prognoza staiilor de criz(demografic,economic,alimentar,geopolitic). Importana hotrtoare a Geografiei,alturi de Isorie i Limba romn n crearea unei imagini obiective i profunde a elevilor asupra sapiului i poporului cruia i aparin; Disponibilitile deosebite ale Geografiei in aprofundarea unei educaii tiinifice,geocologice,umaniste,culturale i naionale; Posibilitatea caracteristic numai curriculei geografice,de a oferi tinerilor cunoterea problemelor fundamentale ale lumii contemporane specifice Romniei,Uniunii Europene i celorlalte continente,.a.

2. Descrierea aplicaiei
Pentru realizarea aplicaiei s-au folosit HTML i FLASH. Limbajul Html -HTML (Hypertext Markup Language) este un limbaj creat n scopul de a descrie, n mod text, formatul paginilor Web; fisierele create n acest limbaj vor fi interpretate de navigatoare, care vor afisa paginile n forma dorit (cu texte formatate, liste, tabele, formule, imagini, hiperlegturi, obiecte multimedia etc.). HTML a aprut ca o aplicatie ISO standard (apartine standardului SGML - Standard Generalized Markup Language, specializat pentru hipertext si adaptat la Web).Asa cum se poate deduce din numele limbajului, HTML descrie caracteristicile de format ale elementelor incluse prin procedee de marcare. Acestea pot fi asemnate intuitiv cu marcajele folosite n tipografie pentru a indica scrierea unui text cu un anumit tip de caractere. Fiecare element va fi introdus ntre dou marcaje ("tags", n limba englez) - de nceput si sfrsit - (uzual) de forma <marcaj> </marcaj>. Caracterele speciale de delimitare a marcajelor "<", ">" permit deosebirea acestora de textul propriu-zis. De exemplu, pentru textele aldine (ngrosate), marcajul de nceput este <B> iar de sfrsit - </B>. - TAG html <div> </div> - O sectiune in document, un cadru cu linie noua inainte si dupa el. Singur nu face nimic, de aceea este adesea folosit cu un "id" sau "class" pentru ca sa-i fie aplicate proprietati CSS. class -id -style -title -xml:lang <p> </p> - Un paragraf cu o linie noua in plus inainte si dupa el. class
3

-id -style -title -xml:lang <h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5> si <h6> </h6> - Folosit in general pentru titluri si sub-titluri in pagina web. Textul apare ingrosat si mare pt. "<h1>", descrescand treptat pana la "<h6>". -class -id -styletitle -xml:lang

FLASH A aprut prima oar pe pia n 1996,iniial dezvoltat de Macromedia,Adobe Flash este o platforma multimedia ce este popular prin animaiile intractive pe care le adaug unei pagini web. Flash este folosit pentru a crea animaii,reclame,diferite pagini web animate,pentru a intergra video n paginile web,iar mai recent pentru a dezvoltarich internet application RIA .Flash poate lucra cu grafica vectorial sau raster i suporta flux audio video bidirectional. Conine un limbaj de scripting numit ActionScript. Fisierele flash compilate se regsesc de obicei sub extensia swf - ShockWave Flash i pot fi rulate n browser sau de sine stttor ntr-un player flash sau ncorporate n proiector care este un executabil flash cu extensia .exe pentru windows sau .hqx pentru macintosh. Fierele video flash au extensia .flv i sunt rulate prin intermediul unui fisier .swf sau cu ajutorul playerelor ce suporta .flv cum ar fi VLC sau QuickTime. Apariia Precursorul aplicaiilor Flash a fost SmartSketch, o aplicaie pentru desenat ce rula pe sistemele de operare PenPoint. Cnd acest sistem de operare a euat pe pia, SmartSketch a fost mutat pe platforma Microsoft Windows i MAC. Cum internetul devenea tot mai populat SmartSketch a fost relansat sub
4

denumirea de FutureSplash, program ce realiza animaii web bazate pe grafic vectorial i a intrat n competiie cu Macromedia Shockwave. n 1995 SmartSketch a fost modificat pentru a produce animaii cadru cu cadru si a fost relansat sub numele de FutureSplash Animator, iar n 1996 a fost cumprat de Macromedia i s-a lansat sub numele de Flash nume ce vine de la combinaia "Future" cu "Splash".

JAVASCRIPT Este un limbaj de programare care face posibil ca paginile web s fie mai interactive. Este mai des recunoscut ca fcnd parte din categoria "Scripting Languages". Pentru ca datele din formularele HTML s fie trimise ctre un fisier PHP este de preferat s facei o verificare, s vedei dac ele corespund cmpurilor n care au fost introduse. De exemplu atunci cand un utilizator trimite un comentariu i a lasat goal o casu sau a scris adresa de email aiurea s putem opri trimiterea datelor mai departe.Pentru o astfel de verificare se poate folosi i PHP dar consider c dureaz mai mult. Javascript face fa cu succes acestei sarcini i codul este i foarte simplu. V art n continuare cum poate Javascript s interacioneze cu tastatura utilizatorului, putnd n acest fel s controleze tipul datelor introduse, far s permit introducerea altui tip de caractere. Asta este o aciune care nu poate fi facut n PHP. Pentru a afla care tast a fost apsat i a aciona n funcie de acest lucru trebuie s stim mai nti care sunt comenzile pentru asta:

onkeypress onkeyup onkeydown

cand se apasa o tasta cand este eliberata o tasta cand se tine apasata o tasta

Pentru a face legatura ntre apsarea tastei i un obiect html din pagin se poate folosi att cod n interiorul obiectului html are i apelare de funcii javascript :

<form> <input type="text" value="apas o tast aici" onkeypress="alert('ai apsat o tast n interiorul cmpului')" </form> />

<script type="text/javascript"> function alertare ( ) { alert("ai apasat o tast n interiorul documentului html") } document.onkeypress=alertare() </script>

Bineneles c exemplele de mai sus nu pot fi utile la nimic n validarea formularelor, dar ajut la o mai bun nelegere a ceea ce va urma. Pentru a face validarea formularelor trebuie s determinm ce tast a fost apasat n interiorul obiectului respectiv. . Pentru viualizarea zonelor Europei s-a utilizat flash. S-au descrcat de pe internet imagini reprezentative pentru ara respectiv. Fiecare ar are steagul ei, o imagine gif. n dreptul imaginii sunt afiate succint cteva date: Denumirea oficial, Capitala, Limba oficial, Suprafa, Locuitori, Religia, Moneda, Forma de guvernamnt, Ziua naional.

3. Manual de utilizare
Aplicaia se deschide folosind ca browsere: Mozilla Firefox, Internet Explorer, Google Chrome, Safari, Opera etc. Pentru vizualizarea hrilor trebuie instalat Adobe Flash Player.

Fig. 1

n fig. 1acionnd cu mouse-ul pe unul din linkuri, n cazul nostru Europa de nord, se va scoate n eviden zona respectiv de pe hart.Dac dorii informaii mai detaliate se va efectua click pe >>> i se va deschide paginaprezentat n fig. 2.

Fig. 2
n fig. 2 sunt prezentate toate rile care fac parte din zona aleas de dumneavoastr. Pentru a vedea informaii despre una din ri se va da click pe ea cum este prezentat n cazul nostru (Danemarca). Dup efectuarea aciunii se va prezenta n urmtoarea figur informaii despre ar.

Fig. 3

n fig. 3 este prezentat ara, cazul nostru Danemarca. Informaii despre locaiei, faun, economie, istorie, populaie .a. n partea de jos a paginii sunt descrise detaliat mai multe informaii. Dac dai click pe linkul imagini se vor afia cteva imagini reprezentative pentru ar.

Fig. 4

n fig. 1acionnd cu mouse-ul pe unul din linkuri, n cazul nostru Europa de vest, se va scoate n eviden zona respectiv de pe hart. Dac dorii informaii mai detaliate se va efectua click pe >>> i se va deschide pagina prezentat n fig. 5

.Fig.5 n fig. 5 sunt prezentate toate rile care fac parte din zona aleas de dumneavoastr. Pentru a vedea informaii despre una din ri se va da click pe ea cum este prezentat n cazul nostru (Andorra).Dup efectuarea aciunii se va prezenta n urmtoarea figur informaii despre ar.

Fig.6
10

n fig. 6 este prezentat ara, cazul nostru Andorra. Informaii despre locaiei, faun, economie, istorie, populaie .a. n partea de jos a paginii sunt descrise detaliat mai multe informaii. Dac dai click pe linkul imagini se vor afia cteva imagini reprezentative pentru ar.

Fig.7

n fig. 7 acionnd cu mouse-ul pe unul din linkuri, n cazul nostru Europa de centrala, se va scoate n eviden zona respectiv de pe hart. Dac dorii informaii mai detaliate se va efectua click pe >>> i se va deschide pagina prezentat n fig. 8.

11

Fig.8
n fig. 8 sunt prezentate toate rile care fac parte din zona aleas de dumneavoastr. Pentru a vedea informaii despre una din ri se va da click pe ea cum este prezentat n cazul nostru (Austria). Dup efectuarea aciunii se va prezenta n urmtoarea figur informaii despre ar.

Fig.9
12

n fig. 9 este prezentat ara, cazul nostru Austria. Informaii despre locaiei, faun, economie, istorie, populaie .a. n partea de jos a paginii sunt descrise detaliat mai multe informaii. Dac dai click pe linkul imagini se vor afia cteva imagini reprezentative pentru ar.

Fig.10

n fig. 10 acionnd cu mouse-ul pe unul din linkuri, n cazul nostru Europa de sud, se va scoate n eviden zona respectiv de pe hart. Dac dorii informaii mai detaliate se va efectua click pe >>> i se va deschide pagina prezentat n fig. 11.

13

Fig.11
n fig. 11 sunt prezentate toate rile care fac parte din zona aleas de dumneavoastr. Pentru a vedea informaii despre una din ri se va da click pe ea cum este prezentat n cazul nostru (Grecia). Dup efectuarea aciunii se va prezenta n urmtoarea figur informaii despre ar.

Fig.12
14

n fig. 12 este prezentat ara, cazul nostru Grecia. Informaii despre locaiei, faun, economie, istorie, populaie .a. n partea de jos a paginii sunt descrise detaliat mai multe informaii. Dac dai click pe linkul imagini se vor afia cteva imagini reprezentative pentru ar.

Fig.13

n fig. 13 acionnd cu mouse-ul pe unul din linkuri, n cazul nostru Europa de est, se va scoate n eviden zona respectiv de pe hart. Dac dorii informaii mai detaliate se va efectua click pe >>> i se va deschide pagina prezentat n fig. 14.

15

Fig.14
n fig. 14 sunt prezentate toate rile care fac parte din zona aleas de dumneavoastr. Pentru a vedea informaii despre una din ri se va da click pe ea cum este prezentat n cazul nostru (Belarus). Dup efectuarea aciunii se va prezenta n urmtoarea figur informaii despre ar.

Fig.15
n fig. 15 este prezentat ara, cazul nostru Belarus. Informaii despre locaiei, faun, economie, istorie, populaie .a. n partea de jos a paginii sunt descrise detaliat mai multe informaii.Dac dai click pe linkul imagini se vor afia cteva imagini reprezentative pentru ar.

16

4. Cod surs
Codul pentru pagina index.html
<html> <head> <title>SWiSH Movie - map.swi - www.swishzone.com</title> <meta name="author" content="SWiSH v2.0"> <meta name="copyright" content="SWiSH v2.0"> <meta name="keywords" content="atestat, ceata, centrala, de, down, est, europa, gif, hit, map, nord, over, primu, rectangle, scene, state, sud, up, vest"> </head> <!-- Created by SWiSH - Flash made easy - only $49.95 - www.swishzone.com --> <body bgcolor="#996633"> <center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0 ,0,0" id="map" width="980" height="920"> <param name="movie" value="map.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#996633"> <embed name="map" src="map.swf" quality="high" bgcolor="#996633" width="980" height="920" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Pro d_Version=ShockwaveFlash"> </embed> </object> </center> </body> </html>

17

Codul pentru e de nord.html

<html> <head> <title>SWiSH Movie - e de nord.swi - www.swishzone.com</title> <meta name="author" content="SWiSH v2.0"> <meta name="copyright" content="SWiSH v2.0"> <meta name="keywords" content="ceata, danemarca, de, down, ellipse, estonia, finlanda, gif, hit, islanda, letonia, link, lituania, nord, norvegia, over, primu, rectangle, scene, state, suedia, up"> </head> <!-- Created by SWiSH - Flash made easy - only $49.95 - www.swishzone.com -> <body bgcolor="#996633"> <center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0 ,0" id="e_de_nord" width="980" height="595"> <param name="movie" value="e de nord.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#996633"> <embed name="e_de_nord" src="e de nord.swf" quality="high" bgcolor="#996633" width="980" height="595" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_ Version=ShockwaveFlash"> </embed> </object> </center> </body> </html>

18

Codul pentru danemarca.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- Generated by IXLA Technology V3.0. For information please visit: http://www.ixla.com --><HTML><HEAD><TITLE>Danemarca</TITLE> <META content="text/html; charset=windows-1252" http-equiv=Content-Type> <META content="Web Easy by IXLA Limited" name=Author> <META content="Digital Camera,Photo Album,Image Editing,Web Easy,Scanner,IXLA" name=Keywords> <META content="This Page has been generated by IXLA Technology..." name=Description> <SCRIPT language=JavaScript><!--// IE=(navigator.appName.indexOf('Microsoft') >= 0); NS=(navigator.appName.indexOf('Netscape') >= 0); V4=(parseInt(navigator.appVersion) >= 4); V5=(parseInt(navigator.appVersion)>=5||navigator.appVersion.indexOf("MSIE 5")!=-1); MAC=(navigator.userAgent.indexOf('Mac')!=-1); //--> </SCRIPT> <SCRIPT language=JavaScript1.2><!--// IDP={}; IDP[0]=0; //--> </SCRIPT> <STYLE type=text/css>DIV { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; POSITION: absolute } .F04 { FONT-FAMILY: 'Arial',sans-serif; FONT-SIZE: 12pt; FONT-WEIGHT: bold } .F03 { FONT-FAMILY: 'Arial',sans-serif; FONT-SIZE: 12pt; FONT-STYLE: italic; FONTWEIGHT: bold } .F06 { FONT-FAMILY: 'Arial',sans-serif } .F01 { FONT-FAMILY: 'Arial',sans-serif; FONT-SIZE: 36pt; FONT-STYLE: italic; FONTWEIGHT: bold } .F05 { FONT-FAMILY: 'Arial',sans-serif; FONT-STYLE: italic; FONT-WEIGHT: bold } .F02 { FONT-FAMILY: 'Times New Roman',serif; FONT-SIZE: 16pt; FONT-WEIGHT: bold; TEXT-DECORATION: line-through } </STYLE>

.
19

5. Bibliografie
1) 2) 3) 4) 5) 6) http://ro.wikipedia.org/wiki/Europa_de_Vest http://ro.wikipedia.org/wiki/Europa_de_Est http://ro.wikipedia.org/wiki/Europa_de_Nord http://ro.wikipedia.org/wiki/Europa_de_Sud http://ro.wikipedia.org/wiki/Europa_Central%C4%83 http://ro.wikipedia.org/wiki/Fran%C8%9Ba

20