Using AppInventor2 for teaching

Slides:



Advertisements
Similar presentations
UNIT-e futures and UNIT-e Mobile Ben Potter Systems Architect.
Advertisements

Starting AppInventor in the Classroom Dale CAS Conference June 2011.
Introduction to AppInventor Dr. José M. Reyes Álamo.
Introducing Computer Science in the Classroom
SCERSIG: Creating Android Apps with App Inventor 26 October 2011 Ric Paul, Health Services Library, Southampton.
How to Use App Inventor in Your Classroom Julie Friesen Piper Middle School Technology 6 th -8 th Grades Edmodo Group Code to Join for More Resources:
DUE Introduction to the Android Platform and AppInventor Working Connections 2012.
Introduction to Programming App Inventor. ? You’re on your regular running route, just jogging along, and an idea for the next killer mobile app hits.
How to Use Google Scholar An Educator’s Guide
WC2011 Programming Mobile Devices Android Development Day 2.
DUE Introduction to the Android Platform Working Connections 2011.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Hypertext Mark-up Language 5 Introduction What is it? Why is it important? How does it fit with PHP? Pros and Cons Traditional HTML Code examples Examples.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Mobile App Development Mobile App Development Tools Nic Shulver, FCES, Staffordshire University A discussion and demonstration of AppInventor2 and PHP.
Nic Shulver – Scratch – what, why and how? Click to edit Master text styles Second level Third level Fourth level Fifth level.
Periscope How to broadcast your way to more Closings Brought to you By: YOUR INFO PHONE NUMBER NMLS#
Moodle Introduction Here at Alphacrucis College we have been using Moodle version 2 for several years. The latest version to be installed is
RSS: What it is, How to find it How to use it. RSS in Plain English: A CommonCraft Video find more great videos on technology at
Learn with your child - computing. Why teach computing? The National Curriculum states: A high-quality computing education equips pupils to use computational.
How to create a website using Amazing.website builder POWERED BY.
Introducing Scratch Learning resources for the implementation of the scenario
 Learn the mechanics of using App Inventor to build apps.  Learn how to design an app’s user interface with the App Inventor Designer, and its behavior.
Introduction to Programming and App Inventor. Introduction What is a computer program? Introducing App Inventor Getting hands on with App Inventor.
Visual Programming? (and FRIDAY!)
A little more App Inventor and Mind the GAP!
North Attleboro High School
LUNCH AND LEARN SURVEYMONKEY Why use surveys?
App Inventor إعدادأشرف رفاعي أحمد
Computational Thinking in the Classroom
Dronely: A Visual Block Programming Language for the Control of Drones
Introduction to Event-Driven Programming
Computing.
Lesson 5-2 AP Computer Science Principles
English Language Teaching solutions
Starting AppInventor in the Classroom
Gatehouse ACE Academy.
“Eyes On Dot” On Clean India
Introduction To Programming with LEGO NXT 0
Introducing the World Wide Web
Our Bristol.
Computational Thinking in the Classroom
Coding and More: Creating a Student-Centered Classroom with Technology
Useful applications, websites & resources for libraries
Part 2 Setting up a web server the easy way
Explain what touch develop is to your students:
Social Media.
English Language Teaching solutions
Global Challenge Night Sensor Lesson 2.
Working with Databases (I) 靜宜大學資管系 楊子青
Part 2 Setting up a web server the easy way
Top >10 Mathematics Websites
Global Challenge Night Sensor Lesson 2.
Show me the Moodle An orientation to the RETA Moodle
Global Challenge Night Sensor Lesson 2.
Global Challenge Night Sensor Lesson 2.
Tonga Institute of Higher Education IT 141: Information Systems
Global Challenge Night Sensor Lesson 2.
Introduction to AppInventor
Global Challenge Night Sensor Lesson 2.
Global Challenge Night Sensor Lesson 2.
This presentation document has been prepared by Vault Intelligence Limited (“Vault") and is intended for off line demonstration, presentation and educational.
Global Challenge Night Sensor Lesson 2.
HOW CODING FITS IN TO THE CURRICULUM (AUSVELS)
Global Challenge Night Sensor Lesson 2.
Zimmertwins.com Web 2.0 tool
Zimmertwins.com Web 2.0 tool
Global Challenge Night Sensor Lesson 2.
Introduction for Students
CHAPTER FOUR VARIABLES AND CONSTANTS
Presentation transcript:

Using AppInventor2 for teaching Two of the aims of the Computer Science curriculum: “Understand and apply fundamental principles and concepts of computer science, including abstraction, logic, algorithms, and data representation.” “Be able to analyse problems in computational terms, and have repeated practical experience of writing computer programs in order to solve them.” From: DfE National Curriculum Programme of Study for Computing Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University Why do we want to write mobile apps? Mobile touch-based devices are now the norm. Writing AppInventor2 apps is something you might want or need to do because: It’s fun to play with mobile comms technology Mobile apps can be very engaging and personal It meets many of the aims of the curriculum It makes a good introduction to traditional languages Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University What's stopping us? Your time is the biggest cost and the toughest barrier to picking up new computing skills. There is also significant monetary cost when kitting out and maintaining labs. Android devices are popular, versatile and relatively inexpensive. AppInventor2 has a “low barrier to entry”. Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University About AppInventor2 AppInventor2 is a web-based coding environment for Android apps only. There is no support for Apple iOS devices It has a user interface designer and a separate code “blocks” designer. The “blocks” system is similar to the Scratch approach. You will need a (free) Google account for each student. Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University App Inventor 2 Form design interface The user interface builder is simple. It allows you to see all the possible user interface elements. Great for exploring. Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University App Inventor 2 Blocks interface Code is event driven. Each routine is a colour-coded, visible block. The blocks fit like jigsaw puzzle pieces. Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University Blocks in detail When a server replies, display the response in a label. When a login button is pressed, send the username and password text field entries to a web server. NB better ways to do this... Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University Some examples I use in teaching Getting and setting persistent data with TinyDB Navigating in a simple 2-page app Calling a PHP service to read an RSS feed Using a pick list to dynamically view Google Maps locations Using AppInventor-to-Javascript communication within a Web component Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University What we have seen We hope this has increased your interest in mobile development with free online tools. One of the big aims of this talk is to show you that “light-weight” development options still have plenty of power and are relevant to the curriculum. AppInventor2 is surprisingly flexible and a good choice for prototyping and some development. Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University Links App Inventor 2 - http://ai2.appinventor.mit.edu/ Apache Cordova - http://cordova.apache.org/ IOS development - https://developer.apple.com/devcenter/ios/index.action Android development - http://developer.android.com/index.html Get a Google account - https://accounts.google.com/signup Nic Shulver, FCES, Staffordshire University

Nic Shulver, FCES, Staffordshire University A quick demonstration? From nothing, we could: Make a “speak the input” app Build an app that makes a sound when clicked (think kittens here) Make a form that takes text input and posts it to a server Create social media feed viewers Build animations or touch/tilt based games See the AppInventor2 site for many ideas – Gallery is good! Nic Shulver, FCES, Staffordshire University