Documentatie Atestat informatica - Appe

7/31/2019 Documentatie Atestat informatica - Appe

http://slidepdf.com/reader/full/documentatie-atestat-informatica-appe 1/19

PROIECT PENTRU OBŢINEREA ATESTĂRIIPROFESIONALE ÎN INFORMATICĂ

TITLUL LUCRĂRII:

Conceptul Apple

Profesor coordonator: Elev: ...................

.......................... Clasa a-XII-a C

BucurestiMai, 2012



Cuprins

1. Introducere

2. Generalitati despre limbajul HTML

3. Cerinte hardware si software

4. Structura si continutul proiectului

5. Bibliografie



Introducere

Lucrarea de fata are ca tema prezentarea conceptuluiApple. Din meniul principal putem alege :

1. Home2. Istorie3. Mac4. iPhone5. iPad6. iPod7. Galerie8. Video

Aplicatia a fost realizata in cea mai mare parte inlimbajul HTML, prin programare direct in cod sursa (scrierealiniilor de comanda). Filmele din categoria Video au fostintroduse cu ajutorul unui flash player(‘FLVPlayer_Progressive.swf’) si al unui skin(‘Corona_Skin_3.swf’).



Generalitati despre limbajul HTML

Pana in anul 1990 accesarea informatiilor de peINTERNET era foarte dificila si reteaua nu era folosita decatde un numar restrans de persoane, in general oameni destiinta.

Fizicianul Tim Berners-Lee a devenit celebru deoarecea inventat ‘link’-urile hypertext.Aceasta idee a dus ladezvoltarea unui limbaj simplu care s-a impus pe piata

mondiala.Acest limbaj a fost numit Hypertext MarkupLanguage, prescurtat, HTML.

Dar ce este de fapt limbajul HTML ? HTML-uleste un set de conventii pentru marcarea portiunilor dedocument astfel incat fiecare portiune sa apara cu formatdistinct atunci cand documentul este accesat de un programde analiza sintactica (parser). HTML este limbajul demarcare ce stabileste aspectul documentelor WWW, iar prinintermediul browserelor se poate vedea documentul gata

formatat.HTML este de fapt un subset al standardului SGML(Standard Generalized Markup Language) si includecapacitati care permit autorilor sa insereze hiperlegaturi careafiseaza alte documente HTML cand se executa clic pe ele.

Notiunea de hypertext inseamna text pastrat informat electronic cu link-uri intre pagini.

Pana in 1993, in jur de 100 de calculatoare erauechipate pentru a gazdui pagini HTML;aceste pagini

interconectate au fost denumite <WORLD WIDE WEB>Nu mult dupa aceea au inceput sa fie scrise primelebrowsere Web cu ajutorul carora puteau fi vizualizatepagini web care contineau text si imagini.

In functie de versiunea HTML folosita, paginile WEBsunt grupate in trei generatii:



- paginile din prima generatie, care foloseau versiunea1.0, in care se edita text si 1-2 imagini.

- paginile din a doua generatie, proiectate cu HTML 2.0,care puteau contine si un fundal, permiteau aranjarea

datelor in tabele si posibilitatea de a comanda unprodus prin intermediul Internetului.- paginile din a treia generatie care pot contine culoridiferite, secvente animate, sunete, etc.In prezent a aparut a patra versiune a limbajului

HTML.Documentele HTML sunt exclusiv de tip text (ASCII);

ele pot fi editate direct, prin comenzi specifice sistemului deoperare folosit. In WINDOWS, se poate utiliza

NOTEPAD,WORDPAD sau orice alt editor de texte.Vizualizarea acestor documente se face cu ajutorulunor aplicatii speciale, numite BROWSER-e, care nu depindde tipul sistemului de calcul folosit, ceea ce permiteindependenta fisierelor de tip HTML fata de platforma delucru.

Pentru descrierea documentelor WEB se utilizeazaanumite etichet e (tag-uri ) specifice pentru fiecare elementdescris; acestea stabilesc structura si aspectul documentului

final. Tag-urile sunt recunoscute de browser-e carestabilesc apoi modul de formatare a documentului. Pentrudelimitarea (separarea ) tag-urilor se folosesc delimitatorii “<” si “>” care incadreaza fiecare eticheta.

Forma generala: <tag> pentru a marca inceputulunui tag si </tag> pentru a marca sfarsitul unui tag.

In HTML nu se face distinctie intre majuscule siminuscule;

Unele elemente HTML admit atribute care specificainformatii suplimentare despre continutul elementului.Atributele elementului se precizeaza in cadrul etichetei deinceput si se aplica doar elementului curent.

Ex. Daca se doreste includerea unei imagini indocument, se va specifica drept atribut adresa fisierului care



contine imaginea si eventual alte informatii despre felul incare se va face includerea.

Avantajul major al unui browser este acela ca poatesuporta si alte limbaje, ca Java sau Basic, ce completeaza

utilitatea limbajului HTML.

Macromedia Dreamweaver este o unealtădestinată creatorilor de pagini web. Dreamweaver a fost

creat de Macromedia (acum Adobe Systems) şi momentan aajuns la versiunea 9. Primele versiuni ale produsului serveau

doar ca simple editoare HTML de tipul WYSIWYG dar înversiunile recente au fost implementate funcţii de editareavansate şi support pentru alte tehnologii web cum ar fi

CSS, JavaScript etc.Dreamweaver s-a bucurat de un larg succes încăde la sfârşitul anilor '90 şi momentan deţine aproximativ

80% din piaţa editoarelor HTML. Produsul poate fi rulat pevariate platforme software: Mac, Windows, dar suportă înacelaşi timp şi platforme UNIX cu ajutorul unor emulatoare

software, cum ar fi Wine.Ca orice alt editor WYSIWYG, Dreamweaver

poate ascunde detaliile de implementare a paginilor HTML,

făcând astfel posibilă crearea cu uşurinţă a paginilor web decătre utilizatorii neexperimentaţi.Unii creatori de pagini web critică aceste tipuri de editoaredeoarece produc pagini de dimensiuni mult mai mari decât

ar fi necesar, ceea ce conduce la o funcţionareneperformantă a browserelor web.

Această afirmaţie este în mare parte adevaratădeoarece paginile web produse folosesc design-ul pe bază detabel. În plus, produsul a mai fost criticat în trecut şi pentru

producerea de coduri care adesea nu erau conformstandardelor W3C, dar acest aspect a fost mult îmbunătăţit în versiunile recente. Cu toate acestea, Macromedia acrescut suportul pentru tehnologia CSS precum şi alte

modalităţi de design fără a fi necesară folosirea design-uluipe bază de tabel.



Dreamweaver permite folosirea majorităţii browserelorinstalate pe calculatorul utilizatorului, pentru a previzualizawebsite-ul creat. De asemenea conţine şi câteva utilitare

pentru administrarea site-urilor, cum ar fi cele pentru a găsi

şi modifica un paragraf sau o linie de cod, în întregul website, pe baza oricăror parametri specificaţi de către utilizator.Cu ajutorul panourilor de stare se poate crea cod JavaScript

fără a avea cunoştinţe de programare.Odată cu apariţia versiunii MX, Macromedia a

încorporat utilitare de generare dinamică a conţinutului. Deasemenea este oferit suport pentru conectarea la baze de

date (cum ar fi MySQL şi Microsoft Access) pentru a filtra şiafişa conţinutul folosind script-uri de genul PHP, ColdFusion,

Active Server Pages (ASP) şi ASP.NET, fără a avea nevoie deo prealabilă experienţă în programare.Un aspect foarte lăudat al Dreamweaver-ului îl

reprezintă arhitectura sa extensibilă. Extensiile, aşa cumsunt ele cunoscute, sunt mici programe, pe care orice

dezvoltator le poate scrie (de obicei în HTML şi JavaScript) şipe care oricine le poate descarca şi instala, acestea aducând

un spor de performanţă şi funcţionalitate îmbunătăţităprogramului. Există o comunitate de dezvoltatori care

produc aceste extensii şi le publică (atât comercial cât şigratuit) pentru probleme de dezvoltare web, de la simpleefecte rollover până la soluţii complete de vânzare online.



Macromedia Flash sau mai pe scurt Flash este oaplicaţie utilizată pentru dezvoltarea obiectelor-aplet de tipFlash disponibile în cadrul unor pagini WEB. Prin intermediul

obiectelor flash, veţi putea creşte dinamismul unei paginiprecum şi facilita interacţiunea cu utilizatorul. Iniţialdezvoltată de Macromedia, aplicaţia Flash a fost preluată de

către Adobe© odată cu achiziţionarea companiei susamintite.

Avantajele folosirii Flash-ului pe web:

Elemente grafice vectoriale: dimensiuni mici şi

scalabil: Pentru a “memora” imaginile un calculator poaterecurge la două metode: prima este reţinerea pixel cu pixel

a imaginii, cea de-a doua este memorarea unor “punctecritice” cu ajutorul cărora imaginea poate fi refăcută. Astfel

pentru a afişa un cerc, acesta poate fi memorat într-oimagine de tip raster (cum ar fi formatul BitMap sau Jpeg) –



dacă avem un cerc cu o rază destul de mare vor fi memoraţinu numai pixelii de pe circumferinţa cercului ci şi cei din

interiorul acestuia sau care sunt în jurul său. Spre deosebire, în cadrul formatelor vectoriale (SVG - Scalable Vector

Graphics, SWF - ShockWave Flash) sunt reţinute doarcentrul şi raza cercului, calculatorul găsind imediat metodade afişare a tuturor punctelor ce vor alcătui cercul. Este

evident faptul că dimensiunea unui fişier în format rasterizat(jpg, bmp, gif) este mai mare decât cea a unui fişier în

format vectorial (din cauza numărului de informaţii ce vor fireţinute). Atunci când mărim o imagine de tip vectorial nu

facem decât să redesenăm o parte a sa, calculatorul putândreda cercul cu aceeaşi claritate – se cunoaşte forma

geometrică reprezentată şi mărirea imaginii nu reprezintădecât trasarea (la scară) a fostei imagini vectoriale. Atuncicând mărim o imagine de tip raster calculatorul nu

“cunoaşte” despre ce este vorba şi operaţia va consta doar în suprademensionarea pixelilor (un pixel al cercului va fi

afişat în mai multe puncte de pe ecran).Independenţa de platformă (browser/sistem de

operare): Imaginile vectoriale, deşi mai utile, necesită oaplicaţie care să genereze imaginea (pentru formatul SVG de

exemplu există Adobe SVG Player iar pentru SWF avemPlayerul de Flash). Independenţa de platformă apare dincauză că acest program ce „ştie” să afişeze imaginile a fostconstruit pentru o gamă largă de hardware şi sisteme de

operare: Astfel dacă vom vizualiza obiectul Flash în Windowsse va folosi automat Playerul de Flash versiunea Windows,dacă utilizăm un telefon mobil (SmartPhone), se va folosiplayerul disponibil pentru telefoane (Flash Player Lite 1.0),

sau dacă vom folosi MacOS există un player separat (evident

toate playerele vor afişa aceeaşi imagine finală).Animaţii de lungă durată uşor de realizat:animaţiile sunt punctul forte al Flash-ului, interfaţa aplicaţieidă posibilitatea de a sincroniza (în funcţie de timp) diverseleobiecte, poziţii sau forme ale acestora. Flash-ul nu numai cărealizează această sincronizare, dar poate şi interpola poziţia(sau forma) unui obiect pentru a uşura munca utilizatorului.



Depinde de player: deşi acesta vine instalatpe o suită de browsere (şi în cazul în care nu este

preinstalat instalarea este destul de rapidă –dimensiunea Playerului Flash este destul de mică şi

descărcarea acestuia în contextul reţelelor actualeeste rapidă), totuşi există cazuri în care obiecteleFlash ajung pe maşini ce nu au instalată aplicaţia

necesară interpretării obiectelor Flash, ajungându-se în imposibilitatea folosirii fişierelor (Pentru a rula

aplicaţiile Flash pe aceste calculatoare trebuieexportat obiectul Flash ca un executabil).

Mare amator de resurse: deoarece trebuie să„reconstruiască” de fiecare dată elementele grafice,

Playerul Flash (precum şi aplicaţia de dezvoltare) estemare consumator de memorie şi procesor (în cazulgraficii raster este clar unde trebuiau afişaţi pixelii ceformează cercul – în cadrul graficii vectoriale trebuie

ca poziţiile pixelilor să fie recalculate).Motoarele de căutare nu pot indexa textul: Flashullucrează cu mai multe tipuri de texte, majoritatea

dintre acestea (textul static) nu poate fi indexat demotoarele de căutare deoarece obiectul Flash este

tratat ca element grafic/obiect şi roboţii de căutare nuau cunoştinţele necesare „disecării” obiectelor Flash şi

extragerii textului intern.Uşurinţa utilizării îl face sa fie folosit în cele

mai absurde moduri (de exemplu, flash-urile -sperietoare). Pentru aceste tipuri de Flash-uri, făcute

de obicei de începători, în limba engleză există untermen special: "flashturbation".

Tehnologie licenţiată: fiind o aplicaţie

dezvoltată de o serie de programatori (plătiţi pentru adezvolta Flashul), instrumentul de dezvoltare costă cel

puţin 600€[necesită citare]. Totuşi specificaţiileformatului obiectului Flash sunt disponibile şi din

acest motiv au apărut (şi încă apar) destuleinstrumente care să utilizeze acest format în scopurimai mult sau mai puţin productive sau legale. Dintre



acestea amintim: Swift3D, Swish, ImperatorFLA,ActionScript Obfuscator.

Cerinte hardware si software

Fiind realizat in HTML, functionarea corecta depinde de foarte

putini factori la nivel hardware.

Configuratia minima necesara :

− procesor la 133MHz

−

min. 32 MB RAM (de preferat cel putin 64 MB)− o placa vide care sa suporte mai mult de 256 de culori

(optional pentru o afisare corecta a detaliilor)

Este necesara o versiune a browser-ului care sa permita

recunoasterea tuturor comenzilor ( testul a fost facut cu Internet



Explorer 6.0 ), si de asemenea este obligatoriu un flash player , sau un

« patch » pentru flash.

Conditii de testare: proiectul a fost facut si testat pe un PC

AMD Athlon 1700MHz, la 256 MB DDRAM, sistem de operare MS

Windows Xp.

Structura si continutul proiectului

Aplicatia a fost realizata in cea mai mare parte in limbajul HTML, prin programare direct in cod sursa. Scrierea liniilor de comanda s-a

facut cu Adobe Dreamweaver CS4 , vizualizarea codului putandu-se

face cu orice editor text (MS Word, Notepad s.a.).

Structural, prima pagina (index.html) este structurata cu ajutorul

div-urilor si a tabelelor



In primul rand (table row) este prezentat meniul animat,din care

poti alege: Home, Istorie, Mac, iPhone, iPad, iPod, Galerie,Video

Meniul principal a fost realizat in html si css (cascading style

sheet), pentru care s-a folosit in principal programul de editare Adobe

Dreamweaver CS4. De asemenea banner-ul din partea de sus a paginii

a fost facut in Adobe Photoshop CS3 .

1. Home - index.html. In aceasta pagina este prezentatao introducere si date despre autorul atestatului.

2. Istorie - istorie.html In aceasta pagina sunt prezentatedetalii despre creeatorii companiei si evolutia acesteia peparcursul timpului.

http://var/www/apps/conversion/current/tmp/scratch21057/capitole/cum%20functioneaza%20un%20vulcan/cp1.html








3. Mac - mac.html In aceasta pagina sunt prezentatedetalii despre celebrele calculatoare creeate de cei de laApple.

4. iPhone - iphone.html In aceasta pagina se prezintadetalii despre iPhone – unul din cele mai performantetelefoane mobile din lume.

5. iPad - ipad.html In aceasta pagina se prezinta detaliidespre celebra tableta iPad2.

6. iPad - ipad.html In aceasta pagina se prezinta detaliidespre celebrele iPad.

7. Galerie – galerie.html In aceasta pagina se prezinta ogalerie de imagini prezentand produsele Apple (galeria deimagini este realizata in JQuery).

8. Video - video.html . Avem urmatorul submeniu cuclipuri video:

• iPhone

• iPad2• iCloud• iTunes• iPod• iPad Cover























Codul sursa al paginii ‘ipad.html’ :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Apple</title><link href="style.css" rel="stylesheet" type="text/css" />

</head><body>

<div id="templatemo_wrapper">

<div id="templatemo_header"><div class="cleaner"></div>

</div>

<div id="templatemo_menu"><ul>

<li><a href="index.html">Home</a></li><li><a href="istorie.html">Istorie</a></li><li><a href="mac.html">Mac</a></li><li><a href="iphone.html">iPhone</a></li><li><a href="ipad.html" class="current">iPad</a></li><li><a href="ipod.html">iPod</a></li><li><a href="galerie.html">Galerie</a></li><li><a href="video.html">Video</a></li>

</ul></div>

<div id="templatemo_banner_wrapper">

<div id="templatemo_banner"><img src="images/ipad.jpg" alt="featured" />

</div> 

</div> 

<div id="templatemo_content_wrapper"><div id="templatemo_content">

<h3> Mai subţire, mai uşor,bazat numai pe idei mari.</h3>

<p>Odată ce pui mâna pe iPad 2, nu o să-l mai pui jos. Aceasta estemarea idee din spatele designului complet nou. Este cu 33% mai subţireşi cu până la 15% mai uşor, aşa că se simte şi mai confortabil înmâinile tale.2 Face ca navigarea pe internet, verificarea e-mailului,vizionarea filmelor şi citirea cărţilor să fie atât de naturale că aiputea uita că ai la îndemână o tehnologie incredibilă.</p><img src="images/6.jpg" width="300" align="right" />

<h3>Două camere. Şi bine ai venit FaceTime pentru iPad.

</h3><p>Ai să vezi două camere video la iPad — una în faţă şi alta în spate.Poate că sunt micuţe, dar fac lucruri mari. Sunt proiectate pentruapelurile video FaceTime şi lucrează împreună pentru ca tu să poţivorbi cu cei dragi şi să-i vezi cum îţi zâmbesc.3 Camera video din faţăte pune pe tine şi prietenul tău faţă în faţă. Comută pe camera dinspate în timpul apelului video pentru a arăta unde eşti, cu cine sau cese întâmplă în jurul tău. Dacă merită filmat, dă drumul la cameravideo. Este HD, aşa că fiecare videoclip pe care îl filmezi este o micăoperă de artă. Şi poţi să faci instantanee trăznite în Photo Booth. Nu-i altă distracţie mai mare când e şi altcineva de faţă.</p>

<h3>iPad Smart Cover. Proiectat pentru iPad. Şi viceversa.</h3><p>iPad 2 şi iPad Smart Cover sunt făcuţi unul pentru celălalt. Lapropriu.4 Am proiectat iPad Smart Cover pentru a lucra alături de iPad — ba chiar şi deasupra şi dedesubt. Tehnologia magnetică inteligentăîncorporată în fiecare le atrage. iPad Smart Cover se potriveşteperfect şi nu alunecă, protejând astfel ecranul iPad-ului fără a-iîngroşa designul subţire şi uşor. Deschide Smart Cover şi iPad-ul tăuse reactivează instantaneu. Închide-l şi iPad-ul tău intră în repaus înmod automat. Un alt lucru inteligent: se transformă în stativul perfectpentru vizionarea de filme, gameplaying şi navigarea pe internet.Disponibil în 10 culori strălucitoare — inclusiv cinci din pieleitalienească, vopsită în anilină. Alege-ţi coperta preferată şi iPad-ultău va fi elegant din toate punctele de vedere.

</p>

<img src="images/7.jpg" width="300" align="right" /><h3>Ecran cu retroiluminare LED.Priveliştea e uimitoare.</h3>

<p>iPad este pur şi simplu un ecran mare şi grozav — 9.7 inchi defotografii de înaltă rezoluţie, filme, pagini web şi mult mai mult.Retroiluminarea LED face tot ceea ce vezi remarcabil de clar, de viu şiluminos. Chiar şi în locuri cu lumină scăzută, precum un avion. Şi nu

există o modalitate greşită de a ţine iPad-ul. Este proiectat pentru aafişa totul în modurile portrait şi landscape, astfel că la fiecareîntoarcere (chiar şi invers), afişajul se ajustează pentru a încadraconţinutul. Şi fiindcă utilizează o tehnologie de afişare numită IPS(in-plane switching), are un unghi de vizionare larg, de 178°.Îndreaptă-l către cineva din partea cealaltă a camerei sau arată-i-lcuiva de lângă tine şi fiecare va avea parte de aceeaşi vedereextraordinară.</p><img src="images/8.jpg" width="300" align="right" /><h3>Multi-Touch.Totul la îndemână.</h3>

<p>Tehnologia este bună atunci când face din utilizare ceva natural, casă uiţi pur şi simplu de ea. Aşa este Multi-Touch pe iPad. Îţifoloseşti degetele pentru a face orice, aşa că orice faci — navigare peinternet, scrierea e-mailurilor, citirea cărţilor sau trecerea prinfotografii — este mai uşor şi mult mai distractiv. Cum funcţionează?Când degetele tale ating ecranul, acesta le percepe prin intermediulcâmpurilor electrice. Apoi transformă instantaneu atingerile şi

mişcările tale în acţiuni reale. Pur şi simplu.</p>

<h3>Wi-Fi şi 3G. Două modalităţigrozave de a sta conectat.</h3>

<p>Fiecare iPad este construit cu tehnologie 802.11 n wirelessavansată. Aceasta găseşte automat reţele Wi-Fi, la care te poţi conectaprin câteva atingeri. iPad este disponibil, de asemenea, cu conectare3G. Astfel încât, dacă eşti într-un loc fără Wi-Fi, precum la iarbăverde, într-o excursie cu cortul sau pe drum, poţi totuşi să navighezipe internet, să-ţi verifici emailul sau să vezi trasee.</p>

<img src="images/pad_c.jpg" width="865" /><div class="cleaner"></div>

</div></div>

</div> 

<div id="templatemo_footer"></div> 

</body></html>

Documentatie Atestat informatica - Appe

Documents

Transcript of Documentatie Atestat informatica - Appe