2d web mapping with flask

FREE OPEN SOURCE SOFTWARE FOR GEOSPATIAL (FOSS4G) TALKS AND DEMOS

2ND PHILIPPINE GEOMATICS SYMPOSIUM

1

CHARMYNE BUENVIAJE MAMADOR

Outline

2

Web Mapping3

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

Web Frameworks

print ‘Hello World!’

12

13

Advantages of Web Frameworks

• Efficiency• Security• Cost• Support• Flexibility and Customizability

14

Kinds of Web Frameworks

FULL STACK

BASIC STACK

15

Language for frameworks

16

Readabilityif 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/library/index.html

• Packages – 37091 packages and counting.• https://pypi.python.org/pypi

18

POWERFUL

Documentedhttp://www.python.org/doc/

19

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

20

FLASK21

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, even attractive, to a

human audience. (https://wiki.python.org/moin/Templating)

27

“a simple collection of various utilities for WSGI applications

and has become one of the most advanced WSGI utility modules.”

28

Advantages of Flask• Simple • Smaller Scale •A good introduction to web

frameworks• Easier deployment and

development

29

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.jpgyolanda map : http://google.org/crisismap/a/gmail.com/TyphoonYolandaadvantages of web Mapping : https://sites.google.com/site/mapmakerpedia/maps-101/web-mappinginteraksyon : http://mmdatraffic.interaksyon.com/map-view-edsa.phpnoah: http://noah.dost.gov.ph/CODEigniter : http://php.quicoto.com/wp-content/uploads/2013/07/codeigniter-logo.pngweb : http://files.myopera.com/barriocreaaiep/albums/3389982/WEB.pngPYTHON LOGO: http://slicer.org/slicerWiki/images/3/31/Python-logo.pngRECYCLE IMAGE: http://www.tamborinedailystar.com/Portals/0/tdsPhotos/2010.11.15/recycleArrows_MC910216333.PNGgoogle logo : http://www.seomofo.com/downloads/new-google-logo-knockoff.pngyahoo logo: http://davidbcalhoun.com/present/css3/pix/yahoo_logo.pngnasa logo : http://radiofreethinker.files.wordpress.com/2012/03/nasa_logo.gifjinja2 logo: http://www.viur.is/static/images/jinja2.pngwerkzeug logo: http://www.pocoo.org/_images/werkzeug-logo.pngspiderweb : http://dark.pozadia.org/images/wallpapers/6-1024x768-272625.jpegdora's bag : http://th01.deviantart.net/fs71/PRE/i/2012/130/a/c/the_backpack_from_dora_the_explorer_by_shadowh511-d4zawjc.png

35

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/

36

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!

37

Thank you!

Charmyne Buenviaje Mamadorcharmynemamador@gmail.com