Visual Programming Week # 09

Slides:



Advertisements
Similar presentations
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
Advertisements

Multiple Tiers in Action
Python and Web Programming
A Customisable Question and Answer Database Kate Lindsay.
Lecture-8/ T. Nouf Almujally
6b.1 Van Horne and Wachowicz, Fundamentals of Financial Management, 13th edition. © Pearson Education Limited Created by Gregory Kuhlemeyer. Chapter.
Santosh Ghimire – 066 BCT 533 Subit Raj Pokharel – 066 BCT 538 Sudip Kafle – 066 BCT
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved Bookstore Web Application Introducing Visual Web Developer 2008 Express and the.
Intro to Google Apps B3: Working in Google Drive.
Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Tutorial 30 – Bookstore Application: Client Tier Introducing.
Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.
 Commercial- to sell or promote company products  Portal- provide a variety of everyday services  Informational- provide useful info & news  Educational-
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
Best Practices for Designing Effective Map Services Tanu Hoque.
Computers Are Your Future © 2005 Prentice-Hall, Inc.
Integrating Word with Other Programs Microsoft Office Word 2007 Illustrated Complete.
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 24 Managing and Reporting Database Information 1 Morrison / Wells / Ruffolo.
System Initialization 1)User starts application. 2)Client loads settings. 3)Client loads contact address book. 4)Client displays contact list. 5)Client.
CA Professional Web Site Development Class 2: Anatomy of a Web Site and Web Page & Intro to HTML.
HTML Forms.
Technovation Incorporating Feedback Week 4. Check-in: paper prototype By now, your paper prototype should be complete, so that you can begin creating.
Using Databases in the RememberHack Week 5. Databases Organized collection of data Intended to organize, store, and retrieve large amounts of data easily.
Chapter 29 World Wide Web & Browsing World Wide Web (WWW) is a distributed hypermedia (hypertext & graphics) on-line repository of information that users.
Spreadsheets the basics. Readings n As per Module 5.
OLE Slide No. 1 Object Linking and Embedding H OLE H definition H add other information to documents H copy.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Working with Data Lists.
Incorporating Feedback Lesson 5 0. Check-in: paper prototype By now, your paper prototype should be complete, so that you can begin creating your app.
Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
1 Title Line on a Divider Slide Format >Level one bullet text for a divider slide.
Chapter 27 Getting “Web-ified” (Web Applications) Clearly Visual Basic: Programming with Visual Basic nd Edition.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
Launching the Presenter In the pit:. /group/online/presenter/run_presenter.sh In the pit:. /group/online/presenter/run_presenter.sh  Or subsequently,
Advanced HTML Tags:.
Facebook privacy policy
Procedures, Simple Expressions
© 2015, Mike Murach & Associates, Inc.
Visual Programming week # 01
Visual Programming week # 02 APP (Application) Architecture.
© 2016, Mike Murach & Associates, Inc.
1.01 Investigate graphic types and file formats.
week # 03 Visual Programming Variables Canvas Screen Arrangement
Microsoft Access 2003 Illustrated Complete
Intro to Virtual and Web Mapping
CSE 403 Project SDS Presentation
Visual Programming week # 06
Chapter 27 WWW and HTTP.
Computers Are Your Future
Forms, cont’d.
Prepared by: Hanin Mizyed ,Razan Qraini Supervisor: Dr. Luai Malhis
Working with Databases (I) 靜宜大學資管系 楊子青
Web Development & Design Foundations with H T M L 5
Static and Dynamic Web Pages
INFO/CSE 100, Spring 2006 Fluency in Information Technology
NoodleTools Creating a Works Cited
Visual Programming Week # 11
Chapter 16 The World Wide Web.
Visual Programming Week # 10
Web creation: File Structure Page Title Page Description
Lecture 19: post and Public APIS
Visual Programming week # 05 Lists Quiz Tutorial.
Visual Programming week # 14 Review for Final Exam.
Visual Programming Week # 13
Windows Forms in Visual Studio 2005: An in-depth look at key features
Visual Programming Week # 07
Information Technologies Anselm Spoerri PhD (MIT)
Visual Programming Week # 12
Presentation transcript:

Visual Programming Week # 09 TinyDB, WebTinyDB, Web API

VP Lecture Note by Dr. Hanh Pham Outline Database TinyDB WebTinyDB WebAPI: stock quotes & charts References VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham Database Purpose: to store data permanently Similar: Files In APP Inventor: TAG = key or name (file name) VALUE = data (info in file) Two cases: TinyDB: store data on the phone/tablet WebTinyDB: store data on the web(cloud) VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham TinyDB Use your APP “Store” button to enter/store these 5 items ( pairs of <Tag,Value> ) to your TinyDB. Then, use the “Get” button to read each of them. TAG VALUE today Back to school yesterday It was very cold 111 first 222 Number 2 333 Ha ha ha VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham TinyDB VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham TinyDB VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham WebTinyDB 1) To SEE the WebTinyDB online: http://npvpdb2.appspot.com/ 2) An APP which talks to WebTinyDB => VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham WebTinyDB VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham WebTinyDB VP Lecture Note by Dr. Hanh Pham

VP Lecture Note by Dr. Hanh Pham Web Service API: Web Service for PROGRAMS (Client Apps): PROGRAM sends QUERRY To Web Page PROGRAM receives RESULT (texts or an Image of a CHART) from that Web Page VP Lecture Note by Dr. Hanh Pham

Web Service API: Yahoo Finance Stock PRICE QUERRY To Yahoo Server: http://download.finance.yahoo.com/d/quotes.csv?s=%40%5EDJI,GOOG&f=nsl1op Where GOOG is the stock symbol/ID of Google Company RESULT from Yahoo Server to OUR APP: Google Inc., GOOG, 1122.578, 1119, 1114.28 Which is in CVS format VP Lecture Note by Dr. Hanh Pham

Web Service API: Yahoo Finance Stock CHART QUERRY To Yahoo Server: http://chart.finance.yahoo.com/z?s=GOOG Where GOOG is the stock symbol/ID of Google Company RESULT from Yahoo Server to OUR APP: Image file: VP Lecture Note by Dr. Hanh Pham

Web Service API: Yahoo Finance VP Lecture Note by Dr. Hanh Pham

Web Service API: Yahoo Finance VP Lecture Note by Dr. Hanh Pham

Web Service API: Yahoo Finance VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART QUERRY To Web Page: http://chart.apis.google.com/chart?chxt=y&chbh=50,10,0&chs=300x225&cht=bvs&chco=A2C180,3D7930&chd=t1:11,22,15|11,22,15&chtt=Vertical+bar+chart Receive RESULT (an Image of a CHART): VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART QUERRY To Web Page: http://chart.apis.google.com/chart?chxl=0:|Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec&chxt=x,y&chs=300x300&cht=r&chco=FF0000&chd=t:63,64,67,73,77,81,85,86,85,81,74,67,63&chls=2,4,0&chm=B,FF000080,0,0,0 Receive RESULT (an Image of a CHART): VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART VP Lecture Note by Dr. Hanh Pham

EXTRA Web Service API: Google CHART 1) Go to the Google Wizard Charts web page and find the right kind of Chart (based on the requirement) 2) Reset/change the parameters such as Title, Data (including Max), Label, Margin (based on the requirement) 3) Copy, Analyze, and Split the request: ORIGINAL REQUEST: http://chart.apis.google.com/chart?chs=300x225&cht=p3&chds=0,1000000&chd=t: 32,50,100&chl=A|B|C&chma=50,50&chtt=Voting+Results DIVIDED into: => , &chl=A|B|C&chma=50,50&chtt=Voting+Results 32 Textbox1 50 Textbox2 100 Textbox3

EXTRA Web Service API: Google CHART VP Lecture Note by Dr. Hanh Pham