Cabinet Medical Online Marflo

Introducere

Motivul alegerii acestei teme este unul personal și are la bază progresul continuu al medicinii, progres care nu ar fi fost posibil fără evoluția tehnologică, în care și calculatoarele au avut de-a lungul timpului și au în continuare o contribuție extrem de importantă, a cărei amprentă a rămas până în zilele noastre.

Medicina este un domeniu foarte important în societatea noastră. Cel mai important lucru pentru fiecare persoană ar trebui să fie sănătatea, deoarece fără sănătate totul este nimic. Deoarece trăim în era digitală, prin prezenta lucrare, am dorit să unesc domeniul calculatoarelor cu domeniul medicinei, oferind o alternativă mai eficientă în privința unei ramuri medicale, și anume: cabinetele medicale.

Cabinetele medicale sunt tot mai frecvente și tot mai mulți oameni ajung să le calce pragul, acest lucru însemnând deplasarea până la cabinetele respective. Prezenta lucrare oferă o nouă posibilitate, și anume: de a accesa cabinetul medical direct de la domiciliul dumneavoastră. Din aceste motive, am creat cabinetul medical online Marflo.

Cabinetul medical online Marflo este o aplicație web care poate fi accesată prin intermediul oricărui dispozitiv (desktop, laptop, tabletă, telefon inteligent). Acest lucru este posibil datorită faptului că aplicația are un design responsive, care se adaptează în funcție de dispozitivul pe care aceasta rulează. Având un design responsive, aplicația este accesibilă oricui, fiind foarte ușor de utilizat. Aceasta poate fi folosită fie de la serviciu, fie dintr-un loc public, fie de la domiciliul dumneavoastră. Singura condiție de a putea folosi această aplicație este de a avea o conexiune stabilă la internet din locația de unde este accesată.

Aplicația este bilingvă, oferind utilizatorilor posibilitatea de a vizualiza conținutul acesteia în două limbi: limba română și limba engleză. Acest lucru oferă posibilitatea ca aplicația să fie accesată atât de către utilizatorii de origine română, cât și de către utilizatorii de altă origine care cunosc limba engleză. Acest lucru poate fi realizat prin apăsarea pe butonul stâng al mouse-ului pe unul dintre cele două steaguri care reprezintă fie limba română, fie limba engleză.

Aplicația este axată pe următoarele ramuri medicale: medicină de familie, ecografie și oftalmologie. Aceste trei ramuri sunt foarte importante în cadrul medicinei, aplicația fiind un real ajutor în facilitarea accesului, atât pentru medicii care sunt specializați în cele trei ramuri amintite mai sus, cât si pentru pacienții care doresc să folosească această aplicație.

Capitolul I. Tehnologii utilizate

I.1 HTML5

HTML5 este un limbaj de marcare tehnologică de bază a internetului folosit pentru structurarea și prezentarea conținutului pentru World Wide Web. Din octombrie 2014, acesta este a cincea revizuire finală și completă a versiunii standard HTML al consorțiului World Wide Web (W3C). Obiectivele principale ale HTML5 au fost de a îmbunătăți limbajul cu sprijin pentru cea mai recentă versiune multimedia, în timp ce o menține ușor de citit pentru oameni și în mod constant înțelese de către computere și dispozitive, (browsere web, interpretoare). HTML5 poate inlocui cu succes nu numai HTML 4, ci și XHTML 1 și DOM nivelul 2 HTML.

HTML5 adaugă multe caracteristici noi sintactice. Acestea includ elemente noi, cum ar fi: <video>, <audio> și <canvas>, precum și integrarea conținutului cu grafică vectorială scalabilă (SVG), (înlocuirea tag-urilor generice <object>) și MathML pentru formule matematice. Aceste caracteristici sunt proiectate pentru a face mai ușoară includerea și manipularea multimediei și a conținutului grafic de pe web, fără să fie nevoie să se recurgă la plugin-uri de proprietate și API-uri. Alte elemente noi, precum <section>, <article>, <header> si <nav>, sunt concepute pentru a îmbogăți conținutul semantic al documentelor. Au fost introduse noi atribute în același scop, în timp ce unele elemente și atribute au fost îndepărtate. Unele elemente, cum ar fi <a>, <cite> și <menu> au fost modificate, redefinite sau standardizate. API-urile si Modelul Documentului Obiect (DOM) nu mai sunt lăsate pe planul secund, dar sunt părți fundamentale ale specificației HTML5. De asemenea, HTML5 definește în detaliu procesarea necesară pentru documentele eronate, astfel încât erorile de sintaxă vor fi tratate în mod uniform de către toate browserele și alți agenți utilizator.

În cadrul aplicației create, am folosit elemente noi, cum ar fi: <header>, <footer> și <nav>.

Elementul <header> l-am folosit cu scopul de a realiza antetul paginilor web în cadrul aplicației. Elementul <footer> a fost folosit pentru a putea realiza subsolul paginilor web, iar scopul folosirii elementului <nav> a fost pentru crearea meniului în cadrul acestei aplicații.

Motivul alegerii acestor trei elemente HTML5 îl reprezintă ușurința în utilizarea acestui limbaj de marcare tehnologică având scopul de a da aspect paginilor din cadrul aplicației și pentru ca aplicația să fie în același timp modernizată cu ajutorul celor mai noi elemente din cadrul limbajului HTML.

Elementele <header> și <footer> au fost folosite pe fiecare pagină web a acestei aplicații, iar elementul <nav> a fost folosit în meniul aplicației.

I.2 CSS3

Foile de stil în cascadă (Cascading Style Sheets) sunt utilizate pentru a modifica aspectul și formatarea unui document scris într-un limbaj de marcare. Împreună cu HTML și JavaScript, CSS este o tehnologie vitală folosită de cele mai multe site-uri web pentru a crea pagini web, interfețe utilizator pentru aplicații web, și interfețe utilizator pentru multe aplicații mobile.

CSS este proiectat în primul rând pentru a permite separarea conținutului documentului de prezentarea documentului, inclusiv elemente cum ar fi aspectul, culorile și fonturile. Această separare poate îmbunătăți accesibilitatea conținutului, poate oferi mai multă flexibilitate și control în specificarea caracteristicilor de prezentare, permite mai multe pagini HTML pentru a partaja formatarea prin specificarea CSS relevant într-un fișier .css separat, și reduc complexitatea și repetiția în conținutul structural, cum ar fi tabelele nesemnificative din punct de vedere semantic, care au fost utilizate pe scară largă pentru a formata pagini înainte de redarea consistentă CSS să fie disponibilă în toate browserele majore. CSS face posibilă separarea instrucțiunilor de prezentare din conținutul HTML într-un fișier separat sau secțiunea stilului a fișierului HTML. Pentru fiecare element HTML de potrivire, acesta oferă o listă de instrucțiuni de formatare. De exemplu, o regulă CSS ar putea preciza că „toate elementele de la rubrica 1 ar trebui să fie îngroșate”, lăsând marcarea HTML pur semantică care afirmă că „acest text este o rubrică de nivelul 1” fără formatarea codului, cum ar fi o etichetă <bold> care indică modul în care trebuie afișat un astfel de text.

În cadrul acestei aplicații am folosit elemente, cum ar fi: hover, care realizează un anumit efect în momentul mutării mouse-ului pe un buton din cadrul meniului. Alte elemente folosite au fost: background-color, border, border-radius, color și font-weight. Toate aceste elemente au rolul de a stiliza aspectul meniului, făcându-l ușor de utilizat și dându-i un aspect estetic.

Scopul folosirii limbajului CSS3 a fost de a personaliza unele elemente din cadrul aplicației web, precum meniul și afișarea anexelor consultațiilor.

Folosirea elementelor din CSS3 m-a ajutat să realizez aspectul meniului și aspectul anexelor consultațiilor.

I.3 JavaScript

JavaScript este un limbaj dinamic de programare pe computer. Este cel mai frecvent utilizat ca parte a browserelor web, a căror implementări permit scripturilor de pe partea clientului să interacționeze cu utilizatorul, să controleze browser-ul, să comunice asincron, și să modifice conținutul documentului care este afișat. Este de asemenea folosit în programarea în rețea pe partea server-ului, cu medii de rulare, cum ar fi Node.js, în dezvoltarea de jocuri și crearea de desktop și aplicații mobile. Odată cu creșterea aplicației web pe o singură pagină și a site-urilor ce conțin foarte multe elemente JavaScript, este tot mai mult utilizat ca o țintă de compilare pentru compilatoarele de tip sursă-la-sursă din ambele limbaje dinamice și limbaje statice. În special, Emscripten și compilatoarele JIT extrem de optimizate, în tandem cu asm.js care este prietenos cu compilatoarele AOT, cum ar fi OdinMonkey, au permis programelor C și C ++ să fie compilate în JavaScript și să execute la viteze aproape native, făcând JavaScript să fie considerat ”limbajul de asamblare al web-ului”, în conformitate cu creatorul său.

JavaScript este clasificat ca un limbaj de scripting bazat pe prototip, cu dactilografiere dinamică și cu funcții de de primă clasă. Acest amestec de caracteristici îl face un limbaj multi-paradigmă, sprijinind stilurile de programare orientate pe obiecte, imperative și funcționale.

În cadrul aplicației, am folosit funcții definite de către mine cu scopul de a introduce data și ora programărilor consultațiilor medicale.

Funcțiile definite le-am folosit la manipularea datelor de pe pagina web responsabilă cu programările consultațiilor medicale, pagină disponibilă atât în limba română, cât și în limba engleză.

I.4 Laravel

Laravel este o sursă deschisă a aplicației web PHP, conceput pentru dezvoltarea aplicațiilor web de tipul model-view-controller (MVC). Laravel este distribuit sub licența MIT, având codul său sursă găzduit pe GitHub. Acest framework a fost scris în totalitate în limbajul PHP.

Model – View – Controller (MVC) este un model architectural de software pentru implementarea interfețelor utilizatorului. Acesta împarte o aplicație software dată în trei părți interconectate, astfel încât să separe reprezentările interne de informații, de la modurile în care informația este prezentată sau acceptată de către utilizator.

Un framework este un cadru software care este proiectat pentru a sprijini dezvoltarea site-urilor web dinamice, aplicațiilor web, serviciilor web și resurselor web. Framework-ul are drept scop atenuarea costurilor exagerate asociate cu activitățile obișnuite, care sunt desfășurate în dezvoltarea web. De exemplu, multe cadre asigură biblioteci pentru acces la baze de date, cadrele templating și sesiunea de management, și ele promovează adesea reutilizarea codului.

În cadrul aplicației am folosit elemente disponibile acestui framework, ca de exemplu: clasele, metodele si funcțiile create de către programatorul acestei aplicații.

Atât clasele, cât și metodele și funcțiile folosite au avut rolul de a contribui la realizarea cu succes a cabinetului medical online.

I.5 Bootstrap

Bootstrap este o sursă deschisă și o colecție gratuită de instrumente pentru creerea website-urilor și a aplicațiilor web. Aceasta conține șabloane de proiectare bazate pe HTML și CSS, pentru tipografie, forme, butoane, navigare și alte componente de interfață, precum și extensiile JavaScript. Cadrul bootstrap are scopul de a ușura dezvoltarea web.

Bootstrap este „partea din față” (front-end) a aplicației web, adică o interfață între utilizator și codul pe partea cu serverul, care se află pe „capătul din spate” (back-end) sau pe server. Iar acesta este un cadru al aplicației web, adică un cadru de software, care este conceput pentru a sprijini dezvoltarea de site-uri dinamice și aplicații web.

În cadrul aplicației am folosit mai multe clase care aparțin acestei tehnologii, cum ar fi clasele: jumbotron, alert-info, img-responsive, img-rounded, container, table-responsive.

Clasa jumbotron a fost folosită pentru afișarea elementelor din cadrul antetului paginilor web. Folosirea clasei alert-info a avut rolul de a afișa mesaje informative pe paginile web ale aplicației. Clasele img-responsive și img-rounded au avut sarcina de a afișa logo-ul și steagurile prezente în paginile web. Rolul clasei container a fost de a afișa continutul paginilor web, iar clasa table-responsive a fost folosită pentru afișarea conținutului tabelelor responsive.

Motivul folosirii acestor elemente din cadrul acestei tehnologiei a avut scopul de a face aplicația web să fie responsive, integrând tehnologia cea mai modernă în toate paginile aplicației.

Capitolul II. Aplicații utilizate

II.1 MySQL Workbench

MySQL Workbench este un instrument vizual de proiectare (design) a bazei de date, care integrează dezvoltarea SQL, administrarea, proiectarea bazei de date, crearea și întreținerea într-un singur mediu de dezvoltare integrat pentru sistemul de baze de date MySQL. Acesta este succesorul DBDesigner 4 din fabFORCE.net, și înlocuiește pachetul anterior de software, MySQL GUI Tools Bundle.

II.2 WampServer

WampServer este un software pentru sistemul de operare Microsoft Windows, creat de Romain Bourdon și constând în serverul de web Apache, OpenSSL pentru suport SSL, baze de date MySQL și limbajul de programare PHP.

II.3 SublimeText 2

SublimeText 2 este un software capabil de a fi folosit pe diferite tipuri de computer, sau diferite pachete software și editorul codului sursă, cu o interfață de programare a aplicațiilor Python (API). Aceasta susține nativ multe limbaje de programare și limbaje de marcare, și funcționalitatea acestuia poate fi extinsă de către utilizatori cu plugin-uri, de obicei construite de comunitate și menținute sub licențe gratuite de software.

Bibliografie

http://en.wikipedia.org/wiki/HTML5

http://en.wikipedia.org/wiki/Cascading_Style_Sheets

http://en.wikipedia.org/wiki/JavaScript

http://en.wikipedia.org/wiki/Laravel

http://en.wikipedia.org/wiki/Web_application_framework

http://en.wikipedia.org/wiki/MySQL_Workbench

http://en.wikipedia.org/wiki/WampServer

http://en.wikipedia.org/wiki/Sublime_Text