Workshop I: Working with App Lab
- Open a web browser and go to the URL login page.
- Select your team account name.
- Enter your secret words.
- Navigate to the App Lab development environment.
The Development Environment
Before you start working on a project, give your project a meaningful name! Select the Rename button on the left side of the bluish-green menubar at the top of the development environment. Enter a project name and click the Save button.
In Design mode, you create the screens of your app and place the desired elements, like buttons, labels, or images, on the screens. You can also generate an event for an element.
In Code mode, you work on the application logic by linking between different screens, for example. You can drag new instructions from the toolbox into the workspace and modify automatically generated code.
Test your App
Click the Run button on the smartphone simulator to test your app.
Your Project List
Click the My Projects buttons in the top right corner to view all projects on your account. When you see the list of projects, click on a project name to continue working on that project.
Creating a new App
To create a new app, open any existing project. Then click the Create New button. App Lab will generate and open a new project. Don't forget to give your new project a meaningful name.
Select the Share button on the top bluish-green menubar. You can copy the displayed URL in a web browser to open your app. Anybody who has access to the URL, can run your app, see the code, and even remix your project.
You can make copies of a project and "remix" it. Remixing means that you modify a copy of the project. To remix one of your own projects, open the project and then select the Remix button. App Lab will create a copy of the project and open it. You can also remix projects of another person if you have the URL of that project.
If you want to include one or more screens of a different project in a project, go into Design mode and select the Import screen... option. This option will only import the selected screens, but not the code.
Workshop II: App Lab Design Tools
Example: Radio Button Demo
Example: Dropdown Demo
Example: Number Slider Demo
Text Input and Text Area
Example: Text Input/Area Demo
Example: Canvas Demo
Hackathon Task Instructions & Judging Sheet
Carefully read the Hackathon Task Instructions with your team-mates. These are a comprehensive summary of what you are being asked to do today.
The Hack FAQ will be used to post clarifications about big questions that arise among teams.
Here is a Folder of Handouts with information people may use to access resources in Carroll County and the region. For example, there is information about the following:
- Bremen Food and Clothing Bank
- Child & Family Therapy Program
- Manna House Food Pantry
- Strong4Life School Nutrition Program
- Breast Cancer Patient and Survivor Support
- Frequently Requested Phone Numbers
- Healthcare Resources
- Rape Crisis Centers
- And Much More
Learning About the Community
To give you some ideas about the local community, take a look at these resources:
Social Well-Being Indicators: Carroll County, GA, Dr. Winston Tripp, College of Social Sciences
Carroll County: Profile of Child, Family, and Community Well-Being, Georgia Family Connection Partnership
This Google Slides presentation contains the information presented throughout the Hackathon. It may be helpful to review these if there is any confusion about what we have said during presentations.