Your SlideShare is downloading. ×
0
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
DOMr
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

DOMr

72

Published on

General presentation of a web application that lets you explore the DOM tree of HTML and XML files.

General presentation of a web application that lets you explore the DOM tree of HTML and XML files.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
72
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. DOMrDOMr
  • 2. Cerin elețCerin eleț
  • 3. UtilizareUtilizare
  • 4. Interfa ă interactivățInterfa ă interactivăț
  • 5. Apeluri RESTApeluri RESTget_image/{FORMAT}/{URL}– {FORMAT} poate fi oricare dintre PNG, JPG, SVG– {URL} este o aresa a unui document HTML/XML i seșfolose te "_" în loc de "."ș– URL-ul trebuie sa fie encodat– Examplu 1: get_image/png/google_ro– Examplu 2: get_image/svg/w3schools_com%252Fxml%252Fnote_xml
  • 6. ImplementareImplementare
  • 7. LaravelLaravel● La baza aplica ie stăț Laravel.– Aplica ie web framework cu structura MVC, cețpermite aplica iei noastre explorarea prințintermediul unor rute flexibile de tip REST.– O ruta simpla arata cam a a:ș
  • 8. Acela i tip de ruta este folosit atât pentru apleurișWeb cât i REST.ș
  • 9. Interfa a interactivățInterfa a interactivățUn apel norma către /dom/{site} redirec ioneazățutilizatorul catre o pagină cu framework-uljavascript d3 care face un apel asincron cătreframeworkul PHP pentru o reprezentare JSONa arborelui DOM, transformându-l mai apoiîntr-un SVG interactiv.
  • 10. RasterRasterStarea curenta a arborelui se poate salva informat PNG.
  • 11. RasterRasterPa i intermediari:ș– parsarea textului imaginii vectoriale in javascript– randarea rezultatului într-un Canvas– conversia lui într-o imagine folosind librăriaCanvas2image
  • 12. Apeluri RESTApeluri RESTSuita de tehnologii Graphvizfolosită pentru generarea de imagini pe partea deserver
  • 13. Apeluri RESTApeluri RESTSuita de tehnologii GraphvizCând o cerere de tip GET ajunge la server,HTML-ul/XML-ul paginii este parsat cu librariaSimple HTML DOM i se generează o descriere așarborelui in limbajul dot.
  • 14. Apeluri RESTApeluri RESTSuita de tehnologii Graphviz
  • 15. Apeluri RESTApeluri RESTSuita de tehnologii GraphvizDin care se genereaza mai apoi un arbore carearata cam a a:ș
  • 16. Apeluri RESTApeluri RESTSuita de tehnologii Graphviz
  • 17. Arborii ob inu i în urma apelurilor RESTț țeviden iaza nodurile ce con inț ț microdateHTML5 .
  • 18. O reprezentare în ansamblu a aplica iei:ț
  • 19. Componen a echipei:ț– Claudiu-George Unguru– Paul Pan iruț

×