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

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

3. Web Mapping
3

4. Web Mapping
4

5. 5

6. Why Web Mapping?
6

7. 7

8. 8

9. 9

10. Creating Web Maps
• WEB SERVICES
“a program is used to dispense or take info
on the web”
10

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

12. print ‘Hello World!’
Web Frameworks
12

13. 13

14. • Efficiency
• Security
• Cost
• Support
• Flexibility and Customizability
Advantages of
Web Frameworks
14

15. Kinds of Web Frameworks
FULL STACK
BASIC STACK
15

16. Language for frameworks
16

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

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. POWERFUL
Documented
http://www.python.org/doc/
19

20. https://wiki.python.org/
moin/WebFrameworks
20

21. FLASK
21

22. What is Flask?
22

23. • Created by Armin Ronacher
23

24. Microframework
24

25. 25

26. “Jinja2 is a modern
and designer
friendly templating
language for
Python.”
jinja.pocoo.org
26

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. “a simple collection of various
utilities for WSGI applications
and has become one of the most
advanced WSGI utility modules.”
28

29. Advantages of Flask
• Simple
• Smaller Scale
• A good introduction to web
frameworks
• Easier deployment and
development
29

30. Webmapping in Flask
( oh yeah! We’re almost there! )
30

31. The Recipe
31

32. 32

33. File Structure
33

34. Flask Extensions
http://flask.pocoo.org/extensions/
34

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. 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. Thank you!
Charmyne Buenviaje Mamador
charmynemamador@gmail.com
37