COLEGIUL NAȚIONAL DE INFORMATICĂ “GR.

MOISIL” BRAȘOV

LUCRARE PENTRU ATESTAREA COMPETENȚELOR

PROFESIONALE

BMW

PROFESORI COORDONATORI ELEV

Georgescu Oana
Ciupic Marian-Alexandru
Popa Milena-Daniela

Brașov
2023
CUPRINS
1 Argumentul lucrării...........................................................................................3
2 Descrierea aplicației........................................................................................ 5
3 Detalii tehnice de implementare......................................................................6
3.1 Aplicații utilizator folosite...........................................................................6
3.2 Secvențe de program utilizate...................................................................7
4 Cerințe hard și soft.........................................................................................10
Hardware......................................................................................................... 10
Software...........................................................................................................11
5 Posibilități de dezvoltare................................................................................13
6 Concluzii........................................................................................................14
7 Bibliografie și webgrafie..................................................................................15

2
1 Argumentul lucrării
Tema acestui proiect la informatică este « BMW ».

Am ales această temă pentru că această marcă de mașini este preferata mea.

Proiectul prezintă informații detaliate despre istoria mărcii de mașini și modelele

care mi-au plăcut cel mai mult.

Bayerische Motoren Werke AG, denumită în mod obișnuit BMW , este o

companie multinațională germană care produce vehicule și motociclete de lux.
Compania a fost fondată în 1916 ca producător de motoare pentru avioane, pe care a
produs-o din 1917 până în 1918 și din nou din 1933 până în 1945. Lucruri interesante :

BMW este acronimul utilizat pentru "Bayerische Motoren Werke". Englezii au

tradus BMW prin "Bavarian Motor Works".

Printre sensurile "populare" ale acronimul BMW se numără Bankcard/Mastercard

Welcome, Be My Wife, Beautiful Mechanical Wonders, Best Man Wins, Best Motorsport
Weapon, Big Monthly Wage, Boobs Made Welcome, Bring Me Women. Înainte să facă
mașini, BMW a făcut motoare de avion și motociclete. Compania a fost înființată în
1913, denumirea ei inițială fiind Bayerishe Flugzeug-Werke.

Prima mașină produsa de BMW s-a numit Dixi. Aceasta a ieșit pe porțile fabricii
din Eisenach in 1927.

Originile BMW pot fi urmărite în trei companii germane separate: „Rapp

Motorenwerke”, „Bayerische Flugzeugwerke” și „Automobilwerk Eisenach”. Istoria
numelui însuși începe cu „Rapp Motorenwerke” - producător al motoarelor de aeronavă.
În aprilie 1917, după plecarea fondatorului Karl Friedrich Rapp, compania a fost
redenumită în „Bayerische Motoren Werke” BMW.

3
 Sigla circulară albă și rotundă a evoluat din logo-ul circular al companiei „Rapp
Motorenwerke”. Aceasta este combinată cu culorile albastre și albe ale drapelului
Bavariei. Logo-ul BMW, folosit încă din anul 1917, a suferit pe parcursul anilor doar
câteva modificări minore.

Originea logo-ului este adesea considerată a fi o reprezentare a mișcării unei

elice de aeronave, cu lamele albe, care taie un cer albastru.

4
2 Descrierea aplicației
Aplicația a fost realizată în cea mai mare parte în limbajul HTML, prin
programare direct în cod sursă. Scrierea liniilor de comandă s-a facut cu Visual Studio
Code, vizualizarea codului putându-se realiza cu orice editor text (MS Word, Notepad
ș.a.).
Structural, prima pagină (index.html) este constituită cu ajutorul div-urilor și a
tabelelor.

În primul rând (table row) este prezentat meniul animat, din care poți alege: Prima
pagină, Istoric, Modele, Video, Contact.
Meniul principal a fost realizat în html și css (Cascading Style Sheet), pentru
care s-a folosit în principal programul de editare Visual Studio Code. De asemenea
banner-ul din partea de sus a paginii a fost făcut în Adobe Photoshop CS4.

1. Prima pagină - index.html. În această pagină este prezentată un slide introductiv

2. Istoric – istoric.html Această pagină o secțiune câteva momemnte importante
ale companiei
3. Modele – celebri.html Această pagină 10 subsectiuni cu modelele mele
favorite
4. Video – video.html Această pagină o secțiune cu un video
5. Contact - contact.html Această pagină o secțiune cu datele de contact ale
elevului

5
3 Detalii tehnice de implementare
3.1 Aplicații utilizator folosite
Visual Studio Code este un editor de text gratuit, cross-platform, dezvoltat de
Microsoft. Acesta devine rapid un favorit datorită performanței sale excelente și
exuberantului număr de caracteristici pe care le oferă.

Open-In-Browser

VSCode nu oferă nici o interfață încorporată pentru deschiderea directă a

fișierelor în browser. Această extensie adaugă un element de browser Open cu implicit
în meniul contextual, precum și opțiunile paletei de comandă pentru deschiderea într-un
client la alegere (Firefox, Chrome, Opera).

6
3.2 Secvențe de program utilizate

Acest cod HTML reprezintă o structură de navigare în paginile site-ului. El este

format dintr-un element de navigare "nav" ce conține o listă neordonată "ul" și mai multe
elemente "li" (item-uri de listă) care reprezintă legături către diferite pagini ale site-ului.
Primul element "li" conține un link către pagina principală a site-ului
("index.html"). Al doilea element "li" conține un link către o pagină cu informații istorice
despre BMW ("istoric.html").
Al treilea element "li" conține un element "a" ce are ca text "Modele" și ca și link
un "#" (nul), ceea ce înseamnă că acel link nu duce către nicio pagină. În schimb, atunci
când utilizatorul face clic pe acest link, se va deschide o listă derulantă ("dropdown") de
modele de mașini BMW.
Această listă de modele este formată din mai multe elemente "li" ce conțin link-
uri către pagini individuale pentru

7
 Acest cod HTML este partea de început a unui document HTML și definește
elementele care trebuie incluse în secțiunea <head> a paginii web.
Primul element este o linie care specifică favicon-ul paginii web. "rel" este un
atribut care definește relația între documentul curent și resursa specificată (în acest caz,
favicon-ul). "type" specifică tipul de fișier (în acest caz, un fișier PNG), iar "href"
specifică locația (URL) resursei.
Al doilea element este titlul paginii, adică textul care apare în bara de titlu a
browserului. Acest text este specificat între etichetele <title>.
Următoarele două elemente sunt două legături către fișiere CSS care conțin
stilurile utilizate pentru a formata și a aranja conținutul paginii web. Atributul "href"
specifică locația (URL) fișierului CSS, iar "rel" specifică relația între documentul curent
și resursa specificată (în acest caz, fișierul CSS). Primul fișier CSS este "plugins.css",
iar al doilea este "style.css".
Aceste elemente din secțiunea <head> sunt utilizate pentru a îmbunătăți
aspectul și funcționalitatea paginii web, în special prin definirea unor stiluri CSS pentru
a formata și a aranja conținutul și prin definirea unei pictograme de tip favicon pentru a
identifica paginile web într-o listă de file de browser.

Acest cod HTML este o structură de bază pentru o pagină web și include
elementele din secțiunea <header> a paginii.
Primul element este un container <div> care are o clasă "body-inner". Această
clasă poate fi utilizată pentru a formata conținutul din secțiunea de corp a paginii web.

8
 În interiorul containerului <div> există un element <header> care are un atribut
"id" cu valoarea "header". Acest element reprezintă antetul paginii web și poate conține
logo-ul, meniul de navigare, informații de contact și alte elemente relevante.
Atributul "data-fullwidth" este setat la "true" și indică faptul că antetul trebuie să
se extindă pe întreaga lățime a paginii.
Clasa "dark" este folosită pentru a defini un fundal întunecat pentru antet.
Clasa "submenu-light" specifică faptul că fundalul submeniului trebuie să fie
deschis.
În interiorul antetului există un container suplimentar <div> cu clasa "header-
inner" care încadrează logo-ul și meniul.
Containerul "header-inner" are un alt container <div> cu clasa "container", care
este utilizat pentru a centra logo-ul și meniul în cadrul antetului.
În interiorul containerului "container" există mai multe elemente.

9
4 Cerințe hard și soft
Hardware

 Computer/Procesor

Un computer cu procesor Intel 1333 MHz sau o variantă superioară; se

recomandă Intel Core i3 sau procesor echivalent.

 Memorie

Minim 2 Gb, se recomandă 4 Gb RAM

 Hard-disk

Utilizarea spaţiului pe harddisk variază în funcţie de configuraţia instalată.

Mai jos sunt cerinţele pentru fiecare din ediţiile Office:

 Microsoft Office Standard Edition: 260 MB spaţiu necesar. Se recomandă

şi instalarea fişierelor opţionale - încă 250 MB.
 Microsoft Office Professional Edition: 400 MB spaţiu necesar, 190 MB
pentru Outlook® 2003 cu Business Contact Manager. Se recomandă şi
instalarea fişierelor opţionale - încă 290 MB.
 Microsoft Office Small Business Edition: 380 MB spaţiu necesar, 190 MB
pentru instalarea opţională a Outlook® 2003 cu Business Contact
Manager. Se recomandă şi instalarea fişierelor opţionale - încă 280 MB.
 Microsoft Office Student and Teacher Edition: 260 MB spaţiu necesar. Se
recomandă şi instalarea fişierelor opţionale - încă 250 MB.
 Unitate CD-ROM
 Afişaj

Super VGA (800 × 600) sau un monitor cu o rezoluţie mai ridicată, cu 256
culori

 Dispozitive periferice

Mouse Microsoft, Microsoft IntelliMouse® sau un dispozitiv similar

compatibil

10
Software

 Sistem de operare

Minim Microsoft Windows 7 sau un sistem de operare mai recent

 Program de gestiune documente

Microsoft Office Word – editare si creare de pagini pentru documente de

prezentare sau așezare in pagina a unor teme, subiecte necesare pentru
redactare ortografica.

 Editor de text pentru limbaje web (HTML)

Orice editor de text ce este familiar utilizatorului: Adobe Dreamweaver,

Visual Studio Code, Sublime Text, Notepad++, Notepad

 Browser

Este necesară o versiune moderna a browserului pentru a recunoaște

toate comenzile:

o Internet Explorer 11 (sau orice versiune mai nouă)

o Google Chrome 80 (sau orice versiune mai nouă)
o Mozilla Firefox 68 (sau orice versiune mai nouă)
o Opera 36 (sau orice versiune mai nouă)
 Editare imagini
o Paint - este un software care se utilizează pentru crearea și editarea
desenelor sau a imaginilor
o Gimp 2.10.4 –GNU Image Manipulation Program este un software
folosit pentru editarea imaginilor digitale pe calculator, Copyright © 1995-
2018, Spencer Kimball, Peter Mattis and the GIMP Development Team si
care se se adresează tuturor celor ce doresc să prelucreze imagini. Cu
ajutorul acestui program am putut modifica si crea anumite imagini si
efecte in site.

11
 Este necesară o versiune a browser-ului care să permită recunoașterea tuturor
comenzilor ( testul a fost făcut cu Internet Explorer 11 și Google Chrome ).

Condiții de testare: proiectul a fost făcut și testat pe un PC Lenovo 2,9 GHz, cu

8GB RAM, sistem de operare MS Windows 10 Professional.

12
5 Posibilități de dezvoltare
Acest proiect poate fi imbunătățit prin:
- Adăugarea unei noi pagini prin care să vedem raportul preț-calitate al
respectivului model de mașină, dar și fiabilitatea acesteia
- Noi animații care să facă site-ul mai interactiv

13
6 Concluzii
Cunoaşterea limbajelor HTML și CSS este foarte utilă în lumea modernă, unde
suntem înconjuraţi de dispozitive digitale, iar internetul face parte din viaţa noastră.
Combinarea cunoștințelor din domeniul informaticii cu pasiunea pentru mașini este o
combinație foarte frumoasă care dă rezultate deosebite.

14
7 Bibliografie și webgrafie
http://www.w3schools.com/
http://ro.wikipedia.org/wiki/Adobe_Dreamweaver

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

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

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

https://tutorialehtml.com/ro/introducere-in-html/

http://www.drogoreanu.ro/tutorials/refhtml.php

Jeremy Keith, Rachel Andrew (2020) : HTML5 for Web Designers, Second Edition,
2nd Edition

Jennifer Niederst Robbins (2020) : HTML5 Pocket Reference, 5th Edition

Alex Libby, Gaurav Gupta, Asoj Talesra (2016) : Responsive Web Design with
HTML5 and CSS3 Essentials

Pentru conținut:
https://ro.wikipedia.org/wiki/BMW

15