Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

2d web mapping with flask

3,210 views

Published on

An intro presentation on making your own web mapping application using basic knowledge in html, css, jquery (Leaflet.js), and python using Flask microframework.

Published in: Technology, Art & Photos
  • Login to see the comments

2d web mapping with flask

  1. 1. F R EE OP E N S OU RCE S OF T WARE FOR GEOS PATIAL ( FOS S 4 G ) TA LKS A N D D E MOS 2 ND PHILIPPINE GEOMATICS SYMPOSIUM CHARMYNE BUENVIAJE MAMADOR 1
  2. 2. Outline        2
  3. 3. Web Mapping 3
  4. 4. Web Mapping 4
  5. 5. 5
  6. 6. Why Web Mapping? 6
  7. 7. 7
  8. 8. 8
  9. 9. 9
  10. 10. Creating Web Maps • WEB SERVICES “a program is used to dispense or take info on the web” 10
  11. 11. Creating Web Maps • WEB FRAMEWORKS “supports web applications through the use of computer languages” 11
  12. 12. print ‘Hello World!’ Web Frameworks 12
  13. 13. 13
  14. 14. • Efficiency • Security • Cost • Support • Flexibility and Customizability Advantages of Web Frameworks 14
  15. 15. Kinds of Web Frameworks FULL STACK BASIC STACK 15
  16. 16. Language for frameworks 16
  17. 17. Readability if grade >= 60: print “Pasado!” else: print “See you next sem!” http://www.python.org/dev/peps/pep-0008/ 17
  18. 18. Simple Syntax Variety of Libraries and Packages • Libraries - Many were already built in. • • http://docs.python.org/2/library/index.html Packages – 37091 packages and counting. • https://pypi.python.org/pypi 18
  19. 19. POWERFUL Documented http://www.python.org/doc/ 19
  20. 20. https://wiki.python.org/ moin/WebFrameworks 20
  21. 21. FLASK 21
  22. 22. What is Flask? 22
  23. 23. • Created by Armin Ronacher 23
  24. 24. Microframework 24
  25. 25. 25
  26. 26. “Jinja2 is a modern and designer friendly templating language for Python.” jinja.pocoo.org 26
  27. 27. Templating… …involves the presentation of information in a form which is often (but not always) intended to be readable, even attractive, to a human audience. (https://wiki.python.org/moin/Templating) 27
  28. 28. “a simple collection of various utilities for WSGI applications and has become one of the most advanced WSGI utility modules.” 28
  29. 29. Advantages of Flask • Simple • Smaller Scale • A good introduction to web frameworks • Easier deployment and development 29
  30. 30. Webmapping in Flask ( oh yeah! We’re almost there! ) 30
  31. 31. The Recipe 31
  32. 32. 32
  33. 33. File Structure 33
  34. 34. Flask Extensions http://flask.pocoo.org/extensions/ 34
  35. 35. leaflet : http://farm9.staticflickr.com/8032/8033050281_a8b4969d88_b.jpg yolanda map : http://google.org/crisismap/a/gmail.com/TyphoonYolanda advantages of web Mapping : https://sites.google.com/site/mapmakerpedia/maps-101/webmapping interaksyon : http://mmdatraffic.interaksyon.com/map-view-edsa.php noah: http://noah.dost.gov.ph/ CODEigniter : http://php.quicoto.com/wp-content/uploads/2013/07/codeigniter-logo.png web : http://files.myopera.com/barriocreaaiep/albums/3389982/WEB.png PYTHON LOGO: http://slicer.org/slicerWiki/images/3/31/Python-logo.png RECYCLE IMAGE: http://www.tamborinedailystar.com/Portals/0/tdsPhotos/2010.11.15/recycleArrows_MC91021 6333.PNG google logo : http://www.seomofo.com/downloads/new-google-logo-knockoff.png yahoo logo: http://davidbcalhoun.com/present/css3/pix/yahoo_logo.png nasa logo : http://radiofreethinker.files.wordpress.com/2012/03/nasa_logo.gif jinja2 logo: http://www.viur.is/static/images/jinja2.png werkzeug logo: http://www.pocoo.org/_images/werkzeug-logo.png spiderweb : http://dark.pozadia.org/images/wallpapers/6-1024x768-272625.jpeg dora's bag : http://th01.deviantart.net/fs71/PRE/i/2012/130/a/c/the_backpack_from_dora_the_explorer_ by_shadowh511-d4zawjc.png 35
  36. 36. Audrey Roy. “Python tricks you can’t live without”. PYCON PHILIPPINES 2012 Igor Davydenko. “In Flask we trust”. PyCon UA 2012 http://flask.pocoo.org/ Disclaimer: All the images here were awesome and were not mine. The images were used to ease understanding and help the audience appreciate the presentation more. Sharing is cool! 36
  37. 37. Thank you! Charmyne Buenviaje Mamador charmynemamador@gmail.com 37

×