Upload
chammie-mamador
View
698
Download
1
Embed Size (px)
DESCRIPTION
An intro presentation on making your own web mapping application using basic knowledge in html, css, jquery (Leaflet.js), and python using Flask microframework.
Citation preview
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
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
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!