PROIECT PENTRU OBTINEREA ATESTARII PROFESIONALE IN INFORMATICA

TITLUL LUCRARII:

MARILE MOSCHEI

Cuprins

Introducere

Generalitati despre limbajul HTML

Cerinte hardware si software

Structura si continutul proiectului

Bibliografie

Introducere

Lucrarea de fata are ca tema Marile Moschei. Sunt prezentate detalii despre moschei , arhitectura lor , influente religioase , moschei celebre , atat din strainatate ,cat si din tara , si o galerie.

Aplicatia a fost realizata in cea mai mare parte in limbajul HTML, prin programare direct in cod sursa (scrierea liniilor de comanda). Meniul principal a fost realizat insa in Flash, pentru care s-a folosit in principal programul de editare Macromedia Flash 8.

Generalitati despre limbajul HTML

Pana in anul 1990 accesarea informatiilor de pe INTERNET era foarte dificila si reteaua nu era folosita decat de un numar restrans de persoane, in general oameni de stiinta. 

Fizicianul Tim Berners-Lee a devenit celebru deoarece a inventat link-urile hypertext.Aceasta idee a dus la dezvoltarea unui limbaj simplu care s-a impus pe piata mondiala.Acest limbaj a fost numit Hypertext Markup Language, prescurtat, HTML.

Dar ce este de fapt limbajul HTML ? HTML-ul este un set de conventii pentru marcarea portiunilor de document astfel incat fiecare portiune sa apara cu format distinct atunci cand documentul este accesat de un program de analiza sintactica (parser). HTML este limbajul de marcare ce stabileste aspectul documentelor WWW, iar prin intermediul browserelor se poate vedea documentul gata formatat.

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

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

Pana in 1993, in jur de 100 de calculatoare erau echipate pentru a gazdui pagini HTML;aceste pagini interconectate au fost denumite <WORLD WIDE WEB>

Nu mult dupa aceea au inceput sa fie scrise primele browsere Web cu ajutorul carora puteau fi vizualizate pagini web care contineau text si imagini.

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

paginile din prima generatie, care foloseau versiunea 1.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 un produs prin intermediul Internetului.

paginile din a treia generatie care pot contine culori diferite, 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 de operare folosit. In WINDOWS, se poate utiliza NOTEPAD,WORDPAD sau orice alt editor de texte.

Vizualizarea acestor documente se face cu ajutorul unor aplicatii speciale, numite BROWSER-e, care nu depind de tipul sistemului de calcul folosit, ceea ce permite independenta fisierelor de tip HTML fata de platforma de lucru.

Pentru descrierea documentelor WEB se utilizeaza anumite etichete (tag-uri) specifice pentru fiecare element descris; acestea stabilesc structura si aspectul documentului final.

Tag-urile sunt recunoscute de browser-e care stabilesc apoi modul de formatare a documentului. Pentru delimitarea (separarea ) tag-urilor se folosesc delimitatorii < si > care incadreaza fiecare eticheta.

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

In HTML nu se face distinctie intre majuscule si minuscule;

Unele elemente HTML admit atribute care specifica informatii suplimentare despre continutul elementului. Atributele elementului se precizeaza in cadrul etichetei de inceput si se aplica doar elementului curent.

Ex. Daca se doreste includerea unei imagini in document, se va specifica drept atribut adresa fisierului care contine imaginea si eventual alte informatii despre felul in care se va face includerea.

Avantajul major al unui browser este acela ca poate suporta si alte limbaje, ca Java sau Basic, ce completeaza utilitatea limbajului HTML.

Macromedia Dreamweaver este o unealta destinata creatorilor de pagini web. Dreamweaver a fost creat de Macromedia (acum Adobe Systems) si momentan a ajuns la versiunea 9. Primele versiuni ale produsului serveau doar ca simple editoare HTML de tipul WYSIWYG dar in versiunile recente au fost implementate functii de editare avansate si support pentru alte tehnologii web cum ar fi CSS, JavaScript etc.

Dreamweaver s-a bucurat de un larg succes inca de la sfarsitul anilor '90 si momentan detine aproximativ 80% din piata editoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac, Windows, dar suporta in acelasi timp si 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, facand astfel posibila crearea cu usurinta a paginilor web de catre utilizatorii neexperimentati.

Unii creatori de pagini web critica aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari decat ar fi necesar, ceea ce conduce la o functionare neperformanta a browserelor web.

Aceasta afirmatie este in mare parte adevarata deoarece paginile web produse folosesc design-ul pe baza de tabel. In plus, produsul a mai fost criticat in trecut si pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fost mult imbunatatit in versiunile recente. Cu toate acestea, Macromedia a crescut suportul pentru tehnologia CSS precum si alte modalitati de design fara a fi necesara folosirea design-ului pe baza de tabel.

Dreamweaver permite folosirea majoritatii browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza website-ul creat. De asemenea contine si cateva utilitare pentru administrarea site-urilor, cum ar fi cele pentru a gasi si modifica un paragraf sau o linie de cod, in intregul web site, pe baza oricaror parametri specificati de catre utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fara a avea cunostinte de programare.

Odata cu aparitia versiunii MX, Macromedia a incorporat utilitare de generare dinamica a continutului. De asemenea este oferit suport pentru conectarea la baze de date (cum ar fi MySQL si Microsoft Access) pentru a filtra si afisa continutul folosind script-uri de genul PHP, ColdFusion, Active Server Pages (ASP) si ASP.NET, fara a avea nevoie de o prealabila experienta in programare.

Un aspect foarte laudat al Dreamweaver-ului il reprezinta arhitectura sa extensibila. Extensiile, asa cum sunt ele cunoscute, sunt mici programe, pe care orice dezvoltator le poate scrie (de obicei in HTML si JavaScript) si pe care oricine le poate descarca si instala, acestea aducand un spor de performanta si functionalitate imbunatatita programului. Exista o comunitate de dezvoltatori care produc aceste extensii si le publica (atat comercial cat si gratuit) pentru probleme de dezvoltare web, de la simple efecte rollover pana la solutii complete de vanzare online.

Macromedia Flash sau mai pe scurt Flash este o aplicatie utilizata pentru dezvoltarea obiectelor-aplet de tip Flash disponibile in cadrul unor pagini WEB. Prin intermediul obiectelor flash, veti putea creste dinamismul unei pagini precum si facilita interactiunea cu utilizatorul. Initial dezvoltata de Macromedia, aplicatia Flash a fost preluata de catre Adobe odata cu achizitionarea companiei sus amintite.

Avantajele folosirii Flash-ului pe web:

Elemente grafice vectoriale: dimensiuni mici si scalabil: Pentru a memora imaginile un calculator poate recurge la doua metode: prima este retinerea pixel cu pixel a imaginii, cea de-a doua este memorarea unor puncte critice cu ajutorul carora imaginea poate fi refacuta. Astfel pentru a afisa un cerc, acesta poate fi memorat intr-o imagine de tip raster (cum ar fi formatul BitMap sau Jpeg) daca avem un cerc cu o raza destul de mare vor fi memorati nu numai pixelii de pe circumferinta cercului ci si cei din interiorul acestuia sau care sunt in jurul sau. Spre deosebire, in cadrul formatelor vectoriale (SVG - Scalable Vector Graphics, SWF - ShockWave Flash) sunt retinute doar centrul si raza cercului, calculatorul gasind imediat metoda de afisare a tuturor punctelor ce vor alcatui cercul. Este evident faptul ca dimensiunea unui fisier in format rasterizat (jpg, bmp, gif) este mai mare decat cea a unui fisier in format vectorial (din cauza numarului de informatii ce vor fi retinute). Atunci cand marim o imagine de tip vectorial nu facem decat sa redesenam o parte a sa, calculatorul putand reda cercul cu aceeasi claritate se cunoaste forma geometrica reprezentata si marirea imaginii nu reprezinta decat trasarea (la scara) a fostei imagini vectoriale. Atunci cand marim o imagine de tip raster calculatorul nu cunoaste despre ce este vorba si operatia va consta doar in suprademensionarea pixelilor (un pixel al cercului va fi afisat in mai multe puncte de pe ecran).

Independenta de platforma (browser/sistem de operare): Imaginile vectoriale, desi mai utile, necesita o aplicatie care sa genereze imaginea (pentru formatul SVG de exemplu exista Adobe SVG Player iar pentru SWF avem Playerul de Flash). Independenta de platforma apare din cauza ca acest program ce stie sa afiseze imaginile a fost construit pentru o gama larga de hardware si sisteme de operare: Astfel daca vom vizualiza obiectul Flash in Windows se va folosi automat Playerul de Flash versiunea Windows, daca utilizam un telefon mobil (SmartPhone), se va folosi playerul disponibil pentru telefoane (Flash Player Lite 1.0), sau daca vom folosi MacOS exista un player separat (evident toate playerele vor afisa aceeasi imagine finala).

Animatii de lunga durata usor de realizat: animatiile sunt punctul forte al Flash-ului, interfata aplicatiei da posibilitatea de a sincroniza (in functie de timp) diversele obiecte, pozitii sau forme ale acestora. Flash-ul nu numai ca realizeaza aceasta sincronizare, dar poate si interpola pozitia (sau forma) unui obiect pentru a usura munca utilizatorului.

Se pot adauga interfetei elemente multimedia: in interiorul obiectelor Flash puteti importa si manipula (inainte, inapoi, salt la un anumit moment) MP3-uri sau AVI-uri.

Nu necesita cunostinte de HTML, XHTML: in cazul in care va hotarati sa realizati un intreg site in Flash, aplicatia va poate furniza odata cu obiectul flash si codul HTML necesar in acest fel tot ce mai trebuie facut este doar publicarea sitului pe un server WEB.

Editoare puternice si lucrul facil: (Macromedia) Flash este un editor puternic care da posibilitatea de atasari de comportamente diverselor obiecte fie folosind interfata de desenare grafica fie prin atasarea de scripturi obiectelor.

Usurinta imbinarii elementelor grafice cu scriptul: atasarea codurilor ActionScript obiectelor din flash se realizeaza prin selectarea obiectului si introducerea codului asociat obiectului intr-o fereastra speciala.

Transferabil ca flux de date: pentru ca un film Flash sa ruleze pe masina clientului nu este necesar sa fie incarcat in intregime playerul va afisa doar cat va putea din film asteptand (eventual) incarcarea in continuare. Din acest motiv se pot realiza scripturi speciale care atasate obiectelor Flash pot furniza informatii privitoare la procentul de fisier care a fost incarcat.

Dezavantaje ale utilizarii Flash-ului:

Printre dezavantajele folosirii obiectelor flash in paginile web amintim:

Depinde de player: desi acesta vine instalat pe o suita de browsere (si in cazul in care nu este preinstalat instalarea este destul de rapida dimensiunea Playerului Flash este destul de mica si descarcarea acestuia in contextul retelelor actuale este rapida), totusi exista cazuri in care obiectele Flash ajung pe masini ce nu au instalata aplicatia necesara interpretarii obiectelor Flash, ajungandu-se in imposibilitatea folosirii fisierelor (Pentru a rula aplicatiile Flash pe aceste calculatoare trebuie exportat obiectul Flash ca un executabil).

Mare amator de resurse: deoarece trebuie sa reconstruiasca de fiecare data elementele grafice, Playerul Flash (precum si aplicatia de dezvoltare) este mare consumator de memorie si procesor (in cazul graficii raster este clar unde trebuiau afisati pixelii ce formeaza cercul in cadrul graficii vectoriale trebuie ca pozitiile pixelilor sa fie recalculate).

Motoarele de cautare nu pot indexa textul: Flashul lucreaza cu mai multe tipuri de texte, majoritatea dintre acestea (textul static) nu poate fi indexat de motoarele de cautare deoarece obiectul Flash este tratat ca element grafic/obiect si robotii de cautare nu au cunostintele necesare disecarii obiectelor Flash si extragerii textului intern.

Usurinta utilizarii il face sa fie folosit in cele mai absurde moduri (de exemplu, flash-urile - sperietoare). Pentru aceste tipuri de Flash-uri, facute de obicei de incepatori, in limba engleza exista un termen special: 'flashturbation'.

Tehnologie licentiata: fiind o aplicatie dezvoltata de o serie de programatori (platiti pentru a dezvolta Flashul), instrumentul de dezvoltare costa cel putin 600[necesita citare]. Totusi specificatiile formatului obiectului Flash sunt disponibile si din acest motiv au aparut (si inca apar) destule instrumente care sa utilizeze acest format in scopuri mai mult sau mai putin 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 Macromedia Dreamweaver, vizualizarea codului putandu-se face cu orice editor text (MS Word, Notepad s.a.).

Structural, prima pagina (ACASA.html) este structurata sub forma de tabel:

In primul rand (table row) este prezentat meniul animat,din care poti alege: Introducere , Arhitectura , Influente , Moschei , Galerie .

Meniul principal a fost realizat in Flash, pentru care s-a folosit in principal programul de editare Macromedia Flash8. De asemenea animatia din partea de sus a paginii a fost facuta in Flash.

1. Introducere - ACASA.html. In aceasta pagina sunt prezentate detalii despre moschei

2. Arhitectura - arhitectura.html In aceasta pagina sunt prezentate detalii despre arhitectura moscheilor.

Influente influente.html. In aceasta pagina sunt prezentate influente religioase , rugaciuni si Ramadan .

Moschei - moschei.html  In aceasta pagina sunt prezentate cele mai importante moschei , atat din tara cat si din strainatate.In submeniul de la moschei avem: Moscheea regala din Ispahan , Moscheea Albastra , Moscheea Hassan II , Hagia Sofia , Marea Moschee din Kairouan , Moscheea Soleymanie , Moscheea din Constanta , Moscheea din Mangalia.

Galerie - galerie.html . In aceasta pagina sunt prezentate imagini cu moschei .

Codul sursa al paginii ACASA.html :

<HTML>

<HEAD>

<TITLE>Marile moschei</TITLE>

<link href='style.css' rel='stylesheet' type='text/css'>

</HEAD>

<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 background='images/bg.gif'>

<center>

<table border='0' width='700' cellpadding='0' cellspacing='0' >

<tr><td>

<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='700' height='260' id='animatie' align='middle'>

<param name='allowScriptAccess' value='sameDomain' />

<param name='movie' value='flash/animatie.swf' />

<param name='quality' value='high' />

<param name='wmode' value='transparent' />

<param name='bgcolor' value='#333333' />

<embed src='flash/animatie.swf' quality='high' wmode='transparent' bgcolor='#333333' width='700' height='260' name='animatie' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='https://www.macromedia.com/go/getflashplayer' />

</object>

</td></tr>

<tr>

<td bgcolor='#101010'>

<table>

<tr><td width='245' bgcolor='#1F1F1F' height='500' valign='top'>

<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='245' height='400' id='meniu' align='middle'>

<param name='allowScriptAccess' value='sameDomain' />

<param name='movie' value='flash/meniu.swf?button=1' />

<param name='quality' value='high' />

<param name='bgcolor' value='#e9ecf1' />

<embed src='flash/meniu.swf?button=1' quality='high' bgcolor='#e9ecf1' width='245' height='400' name='meniu' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='https://www.macromedia.com/go/getflashplayer' />

</object><br><br>

<div align='center'>

<a href='imagini/800px-Sultan_Omar_Ali_Saifuddin_Mosque_02.jpg'>

<img src='imagini/800px-Sultan_Omar_Ali_Saifuddin_Mosque_02.jpg' width='235' border='0'>

</a></div>

</td>

<td valign='top'>

<div align='center'>

<h1 style='color:#FFFFFF;' align='center'>Introducere</h1></div>

<div style='font-size:12px; color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif'>

Moscheea este un lacas de cult, pentru musulmani, unde acestia se roaga si se intrunesc in scopul unor activitati de educatie religioasa. Fiecare moschee are un imam care conduce rugaciunile. Primele moschei au aparut in secolul al VII-lea. Cele mai importante moschei sunt Moscheea Quba si Al-Masjid al-Nabawi din Medina, apoi, Moscheea Al Aksa din Ierusalim, moscheea Omaiazilor din Damasc etc etc. Moscheile erau specifice Peninsulei Arabe, insa s-au raspandit odata cu religia islamica in multe alte zone ale lumii.

<br><br>

Cuvantul moschee provine in limba romana din cuvantul francez mosque, care la randul sau provine prin mediere italiana si spaniola din termenul arab 'masjid' (loc de inchinaciune). Moscheile construite in alte zone decat cele arabe imprumuta elemente arhitecturale din zonele respective. Cele din China imprumuta stilul arhitectonic specific chinezesc, mai precis forma si culoarea pagodelor, pe cand in Europa intalnim moschei cu influente arhitecturale europene. Moscheea este locul unde musulmanii socializeaza conform traditiei islamice. Cea mai importanta perioada a anului in traditia islamica este Ramadan-ul, cand musulmanii merg foarte des la moschee pentru a se ruga si a indeplini datinile. Conform traditiei, musulmanii nu au acces in moschee decat dupa ce se spala si isi lasa incaltamintea la intrare. Conform Coranului femeile se pot ruga acasa, dar si la moschee. Rugaciunile se tin in sala de rugaciuni a moschei unde exista locuri separate de rugaciuni pentru femei si barbati. Barbatii musulmani, la nevoie, se pot ruga la ceasurile potrivite si in afara moscheii, in orice loc s-ar gasi.

<br><br>

Arhitectura originala a moscheilor prevede construirea unor cupole deasupra centrului salii de rugaciuni, precum si minarete, de asemenea si gradini interioare unde credinciosii musulmani se pot odihni. Moscheile construite in zonele cu populatie minoritara musulmana sunt utilizate nu numai ca lacas de cult, ci si ca loc de intruniri, inclusiv mitinguri de protest ale acestora. Astfel in urma conflictelor in jurul unor revendicari religioase, nationale si sociale intre populatia islamica si cea de alte etnii si confesiuni majoritare se pot ivi conflicte intre populatia majoritara si musulmani, precum si in urma unor atatari rasiste sau de ura religioasa apar uneori acte de vandalism pana la atacuri cu bomba contra unor moschei. Un exemplu este Moscheea Babri din India, distrusa de hindusii extremisti in 1992. Incepand cu anii '80, Arabia Saudita a finantat un proiect de constructie a moscheilor in toata lumea in valoare de miliarde de dolari din care s-au construit in total 1500 de moschei.

<br><br>

</div>

</td></tr>

</table>

</td></tr>

</table> 

<br><br> 

</center>

</BODY>

</HTML>

Bibliografie 

https://ro.wikipedia.org/wiki/Adobe_Flash

https://ro.wikipedia.org/wiki/Moschee

https://ro.wikipedia.org/wiki/Marea_Moschee_din_Constan%C5%A3a

https://www.crestinortodox.ro/biserica-in-lume/67670-marea-moschee-din-kairouan

https://moschei-celebre.blogspot.com/

Lewis, Tom; (2002), 'HTML for the web', 2002 Ed. OceanPress.