Intro to Web- and Mobile-Developement

for data scientists at NYU

Transcript

1. MultiMediaTechnology Masterstudium informal tutorial at MultiMediaTechnology Masterstudium Web- and Mobile-Development Brigitte Jellinek
2. MultiMediaTechnology Masterstudium informal tutorial at
3. MultiMediaTechnology Masterstudium   Web Dev since 1993   Lecturer/Dep Head   BSc + MSc Program   https://web- development.at   Sabbatical 2014/15 Brigitte Jellinek
4. MultiMediaTechnology Masterstudium Scenarios   GRA   Project   StartUp   Survey, Data Collection   Configuration*   Report Generation*   Information Visualisation   Graphs, Dashboards, Maps on Computers or Mobile Devices
5. MultiMediaTechnology Masterstudium Do you know how the Web works? Do you know how the Internet works?
6. MultiMediaTechnology Masterstudium Kenn ich eh'
7. MultiMediaTechnology Masterstudium Who invented it?
8. MultiMediaTechnology Masterstudium   Vint Cerf   one of the inventors of the Internet   1970ies   1980ies   Tim Berner-Lee   lone inventor of the Web   ~1990 Who invented it?
9. MultiMediaTechnology Masterstudium What's the difference INTERNET WORLD WIDE WEB   Computer Network   across many different network technologies   IP-Address for every connected device   protocols TCP/IP   Domain Names.   One of the applications that use the Internet   other applications: mail, ssh, FTP, whatsapp, WOW.
10. MultiMediaTechnology Masterstudium Basic Concepts   Client, Server, HTTP   HTTPs   HTML, Javascript, CSS   Form, Frontend, Backend, Database   API   JSON   Mobile: Responsive Design
11. MultiMediaTechnology Masterstudium
12. MultiMediaTechnology Masterstudium Web Browser   multitude of devices   multitude of web browsers   knows how to load and display a web page
13. MultiMediaTechnology Masterstudium Web Server   software running on a computer   permanently running   permanently connected to the internet   knows how to send web pages   knows how to generate web pages   open source: apache, nginx
14. MultiMediaTechnology Masterstudium Web Server
15. MultiMediaTechnology Masterstudium HTTP hypertext transfer protocol
16. MultiMediaTechnology Masterstudium URL Uniform Resource Locator https://serv.cusp.nyu.edu/wiki/index.php?title=Main_Page#t-whatlinkshere https secure or not secure? https or http serv.cusp.nyu.edu domain name of computer /wiki/index.php interpreted by web server. could be a path. or not. title=Main_Page parameters. key=value&key=value&key=value t-whatlinkshere interpreted by web browser, will scroll to this anchor
17. MultiMediaTechnology Masterstudium HTML Hypertext Markup Language
18. MultiMediaTechnology Masterstudium HTML
19. MultiMediaTechnology Masterstudium Web App: the Backend
20. MultiMediaTechnology Masterstudium Web App: the Backend
21. MultiMediaTechnology Masterstudium Web App: the frontend
22. MultiMediaTechnology Masterstudium Web App: the frontend
23. MultiMediaTechnology Masterstudium Web App: Frontend + Backend
24. MultiMediaTechnology Masterstudium Web App: Frontend + Backend Javascript-Program inside the Browser
25. MultiMediaTechnology Masterstudium API   Application Programmers Interface   Somebody offers information   in a machine-readable form   JSON   XML   API Key   Rate Limit, License, Money
26. MultiMediaTechnology Masterstudium Authentication Login with...   Facebook   Google   Twitter   Github   Mozilla Persona (E-Mail Address)
27. MultiMediaTechnology Masterstudium Web Scraping   When there is no API
28. MultiMediaTechnology Masterstudium
29. MultiMediaTechnology Masterstudium Mobile Apps? Native   Objective C for iOS   Java for Android   C# for Windows Mobile Web   web browser in the smartphone   responsive design   one codebase for desktop and mobile
30. MultiMediaTechnology Masterstudium Mobile Apps? Native   accelerometer   address book Web   one codebase, many devices   deploy any time you want (no approval)
31. MultiMediaTechnology Masterstudium To Do   Concept   Interaction Design, Visual Design   Frontend   Backend   Testing   Deploying   Operations (keep it running. every day) iterate!
32. MultiMediaTechnology Masterstudium Who should do that Somebody else   hire someone to build your MVP   https://talpor.com/ I want to learn to do that!   start today   use your python knowledge   https://github.com/ flask-tutorial/flask-for- data-science