Examples of Apps and Code

Sound and music make apps fun!

Documentation: About the PlaySound block 

Video: App Lab - Images and Sounds 

Examples and techniques:

A Music Player App: If you remix, please let your users know which code you borrowed.

Apps can help us share information that changes from time to time and person to person, like food orders, product ratings, votes, schedules, or even messages. Text boxes, pull down menus, and radio buttons let us collect data. But to share this kind of information, we need a way for the app to store it and a way for an app to read it.

In App Lab, you can use the Data tab and Data blocks to store and display collected data.

About the Data Tab  

Data Tab in App Lab: using databases already in App Lab 

Surveys (Some Professional Examples)

Survey Apps store data and sometimes display the stored data. Other examples

Cuteness Voting app

Survey App

Favorite Science App 

Watch these videos to learn how to

1. Save survey data (votes, ratings): CS Principles: Databases - Part 1 Creating Records

2. View the saved data: CS Principles: Databases - Part 2 Using the Data Viewer

3. Save data from a pull down menu

4. Save data from radio buttons

Creating and adding records to your Online Table: The Data Tab or View

Tutorial: CS Principles: Databases - Part 1 Creating Records 

Tutorial: CS Principles: Databases - Part 2 Using the Data Viewer

Tutorial: The Data Tab in App Lab: Video from Code. org  

Tutorial - Creating a Database from User Input in App Lab

Reference - App Lab Table Data Storage

Survey App with more features and code (for Alexis)

Tutorial: Adding Columns to Your Database

Tutorial: Using Photo Select design element

Photo Select Example

Tutorial: Trash Pickup Survey App Tutorial: Created by Eliane and Garima with an example app

• Incomplete Survey App for Remixing/Debugging 

• Partially Completed Survey App 

Tracking Requests and Orders: Collecting information from users

Examples

Recording manually entered scores and names (under construction

Cuteness Voting app

References

setKeyValue - for setting or updating a variable stored in the "cloud"

Updating and Deleting Records

To update record

Reference: updateRecord block; you can copy and paste the text-based code into a project and convert it to block-based code to see how it works

Reference: deleteRecord block; you can copy and paste the text-based code into a project and convert it to block-based code to see how it works

Tutorial - App Lab (Code.org) Storing Data Permanently With The Data Tab: Uses the text editor.

You may have noticed that the Cuteness Voting App also shows voting results in a pie chart. You can use similar code to 

Displaying or Using Online Data

Examples and explanations

Cuteness Voting app

Tutorial: Import Data  into your app by making a List

Tutorial; Random Cat Pictures and Cat Names- showing random cat names

Tutorial: Another video on importing data for a List 

Tutorial: Adding data in a List to a Text Box and filter the list

Tutorial: Another way to Filter Your List of Data: adding a "parameter" to readRecords

Survey App with chart: Demonstrates what you CAN do with App Lab and more study

For listing HI SCORES

getKeyValue: for retrieving a "cloud" variable to compare, display, or use in some way 

Data Visualizer part 1

Data Visualizer part 2 

Apps with logins (advanced)

Apps with logins (advanced)

Creating a username and password for an account login  - NerdyPerson

Reading records to validate a login - NerdyPerson; Requires conditionals

Tutorial: High score using data tables: App Lab (Code.org) Storing Data Permanently With The Data Tab; Uses the text editor

More

Creating a login screen: How to display data in one column using data in another column   

Adding Data to a Drop Down List: Populating a drop down with data in one column

Sample code

Creating a username and password for an account login  - NerdyPerson

Advanced Topics

Using data from public websites: App Lab Api