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...
Outline








2
Web Mapping
3
Web Mapping

4
5
Why Web Mapping?
6
7
8
9
Creating Web Maps
• WEB SERVICES
“a program is used to dispense or take info
on the web”

10
Creating Web Maps
• WEB FRAMEWORKS
“supports web applications through the
use of computer languages”

11
print ‘Hello World!’

Web Frameworks
12
13
• Efficiency
• Security
• Cost
• Support
• Flexibility and Customizability

Advantages of
Web Frameworks
14
Kinds of Web Frameworks

FULL STACK
BASIC STACK
15
Language for frameworks

16
Readability
if grade >= 60:
print “Pasado!”
else:
print “See you next sem!”
http://www.python.org/dev/peps/pep-0008/

17
Simple Syntax
Variety of Libraries and Packages
•

Libraries - Many were already built in.

•
•

http://docs.python.org/2/...
POWERFUL
Documented
http://www.python.org/doc/

19
https://wiki.python.org/
moin/WebFrameworks
20
FLASK
21
What is Flask?

22
• Created by Armin Ronacher

23
Microframework

24
25
“Jinja2 is a modern
and designer
friendly templating
language for
Python.”
jinja.pocoo.org
26
Templating…
…involves the presentation of
information in a form which is
often (but not always) intended to
be readable, e...
“a simple collection of various
utilities for WSGI applications
and has become one of the most
advanced WSGI utility modul...
Advantages of Flask
• Simple
• Smaller Scale
• A good introduction to web
frameworks
• Easier deployment and
development
2...
Webmapping in Flask
( oh yeah! We’re almost there! )

30
The Recipe

31
32
File Structure

33
Flask Extensions

http://flask.pocoo.org/extensions/
34
leaflet : http://farm9.staticflickr.com/8032/8033050281_a8b4969d88_b.jpg
yolanda map : http://google.org/crisismap/a/gmail...
Audrey Roy. “Python tricks you can’t live without”.
PYCON PHILIPPINES 2012
Igor Davydenko. “In Flask we trust”. PyCon UA 2...
Thank you!
Charmyne Buenviaje Mamador
charmynemamador@gmail.com

37
Upcoming SlideShare
Loading in …5
×

2d web mapping with flask

2,156 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
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,156
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
30
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×