Commit fa9a9da3 authored by andrew.f.mckinney's avatar andrew.f.mckinney

Modified Docs pages and corrected StatusPanel

parent 72c7ab00
...@@ -17,7 +17,7 @@ import com.google.gwt.user.client.ui.Label; ...@@ -17,7 +17,7 @@ import com.google.gwt.user.client.ui.Label;
*/ */
public class StatusPanel extends Composite { public class StatusPanel extends Composite {
private String AppInventorFooter = private String AppInventorFooter =
"<a href='" + Ode.APP_INVENTOR_DOCS_URL + "/about/termsofservice.html/'" + "<a href='" + Ode.APP_INVENTOR_DOCS_URL + "/about/termsofservice.html'" +
" target=_blank>" + MESSAGES.privacyTermsLink() + "</a>"; " target=_blank>" + MESSAGES.privacyTermsLink() + "</a>";
/** /**
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description"> <meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords"> <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title> <title>
androidblocks.googlelabs.com - App Inventor for Android androidblocks.googlelabs.com - App Inventor for Android
</title> </title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"> <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script> </script>
<script> <script>
var tracker = new gweb.analytics.AutoTrack({ var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2' profile: 'UA-5856106-2'
}); });
</script> </script>
<script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<style> <style>
img.c2 {border-width:0} img.c2 {border-width:0}
div.c1 {clear:both;} div.c1 {clear:both;}
</style> </style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> androidblocks.googlelabs.com ');</script><br>
<div id="aiac"> <div id="aiac">
<div class="main-container"> <div class="main-container">
<div class="header"> <div class="customhr customhr-gray">
<div class="header-title">
<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/cse" id="cse-search-box">
<input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
"ie" type="hidden" value="UTF-8">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" name="q" type="text">
</div>
<div class="header-search-button">
<input name="sa" src="/static/images/search-button.png" type="image">
</div>
</div>
</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
>
</script>
<div class="header-login">
<div class="header-login-greeting">
Welcome to App Inventor!
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div id="navigation">
<div id="navigation-links">
<div class="navigation-link-option navigation-link-active" id="navigation-link-home">
<a href="/about/">About</a>
</div>
<div class="navigation-link-option" id="navigation-link-learn">
<a href="/learn/">Learn</a>
</div>
<div class="navigation-link-option" id="navigation-link-forum">
<a href="/forum/">Forum</a>
</div> </div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div>
</div>
<div id="navigation-breadcrumb">
androidblocks.googlelabs.com
</div>
<div class="c1"></div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<h1> <h1>
...@@ -79,40 +36,45 @@ img.c2 {border-width:0} ...@@ -79,40 +36,45 @@ img.c2 {border-width:0}
</h1> </h1>
<p> <p>
The Alpha version of App Inventor at androidblocks.googlelabs.com has been superceded The Alpha version of App Inventor at androidblocks.googlelabs.com has been superceded
by the Beta version at <a href= by the Beta version at
"http://appinventor.googlelabs.com">appinventor.googlelabs.com</a>. Unfortunately, <a href="http://appinventor.googlelabs.com">
appinventor.googlelabs.com
</a>
. Unfortunately,
access to the old system and your old projects are no longer available. access to the old system and your old projects are no longer available.
</p> </p>
<p> <p>
Among the new features, the new version includes a live interactive system that Among the new features, the new version includes a live interactive system that
allows you to <b>see/test your app on your phone as it is being built</b>. If you had allows you to
<b>
see/test your app on your phone as it is being built
</b>
. If you had
access to the old alpha version of App Inventor at androidblocks.googlelabs.com you access to the old alpha version of App Inventor at androidblocks.googlelabs.com you
also have access to the new beta version. also have access to the new beta version.
</p> </p>
<p> <p>
So, please try us out! You'll need to <a href="/learn/setup/index.html">set up your So, please try us out! You'll need to
computer and emulator or phone</a> before you can build an App Inventor app. We also <a href="/learn/setup/index.html">
recommend you read through the updated <a href="/learn/index.html">tutorials and set up your
documentation</a> and sign up for the <a href= computer and emulator or phone
"http://appinventor.googlelabs.com/forum/">user discussion forums</a>. </a>
before you can build an App Inventor app. We also
recommend you read through the updated
<a href="/learn/index.html">
tutorials and
documentation
</a>
and sign up for the
<a href="http://appinventor.googlelabs.com/forum/">
user discussion forums
</a>
.
</p> </p>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="footer-legal"> <script language = "JavaScript">createFooter();</script><br>
<p>
<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
"Creative Commons License" class="c2" src=
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a> .
</p>
<p>
©2011 Google<br>
<a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
<a href="/about/termsofservice.html">Terms</a>
</p>
</div>
<div class="footer-lastupdate"> <div class="footer-lastupdate">
<script> <script>
if (document.lastModified != '') { if (document.lastModified != '') {
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description"> <meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords"> <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title> <title>
Educators - App Inventor for Android Educators - App Inventor for Android
</title> </title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"> <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script> </script>
<script> <script>
var tracker = new gweb.analytics.AutoTrack({ var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2' profile: 'UA-5856106-2'
}); });
</script> </script>
<script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<style> <style>
img.c2 {border-width:0} img.c2 {border-width:0}
div.c1 {clear:both;} div.c1 {clear:both;}
</style> </style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> <a href="/about/">About</a> &gt; Educators' FAQ ');</script><br>
<div id="aiac"> <div id="aiac">
<div class="main-container"> <div class="main-container">
<div class="header"> <div class="customhr customhr-gray">
<div class="header-title">
<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/cse" id="cse-search-box">
<input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
"ie" type="hidden" value="UTF-8">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" name="q" type="text">
</div>
<div class="header-search-button">
<input name="sa" src="/static/images/search-button.png" type="image">
</div>
</div>
</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
>
</script>
<div class="header-login">
<div class="header-login-greeting">
Welcome to App Inventor!
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div id="navigation">
<div id="navigation-links">
<div class="navigation-link-option navigation-link-active" id="navigation-link-home">
<a href="/about/">About</a>
</div>
<div class="navigation-link-option" id="navigation-link-learn">
<a href="/learn/">Learn</a>
</div>
<div class="navigation-link-option" id="navigation-link-forum">
<a href="/forum/">Forum</a>
</div> </div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div>
</div>
<div id="navigation-breadcrumb">
<a href="/about/">About</a> &gt; Educators' FAQ
</div>
<div class="c1"></div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<h1> <h1>
...@@ -91,8 +48,12 @@ img.c2 {border-width:0} ...@@ -91,8 +48,12 @@ img.c2 {border-width:0}
</h2> </h2>
<p> <p>
App Inventor is available for Google Apps for EDU customers that have transitioned to App Inventor is available for Google Apps for EDU customers that have transitioned to
the <a href="http://www.google.com/support/a/bin/topic.py?topic=28917">new Apps for the
EDU Infrastructure</a>. If your Google Apps for EDU account has been transitioned to <a href="http://www.google.com/support/a/bin/topic.py?topic=28917">
new Apps for
EDU Infrastructure
</a>
. If your Google Apps for EDU account has been transitioned to
this new infrastructure than App Inventor will be available. this new infrastructure than App Inventor will be available.
</p> </p>
<h2> <h2>
...@@ -134,26 +95,16 @@ img.c2 {border-width:0} ...@@ -134,26 +95,16 @@ img.c2 {border-width:0}
<p> <p>
We hope that educators will make their courseware available publicly and we intend to We hope that educators will make their courseware available publicly and we intend to
foster a community of educators in order to share courseware and help each other. A foster a community of educators in order to share courseware and help each other. A
community of educators has started to form around the <a href= community of educators has started to form around the
"http://appinventor.googlelabs.com/forum">App Inventor Instructors Google Group</a>. <a href="http://appinventor.googlelabs.com/forum">
App Inventor Instructors Google Group
</a>
.
</p> </p>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="footer-legal"> <script language = "JavaScript">createFooter();</script><br>
<p>
<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
"Creative Commons License" class="c2" src=
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a> .
</p>
<p>
©2011 Google<br>
<a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
<a href="/about/termsofservice.html">Terms</a>
</p>
</div>
<div class="footer-lastupdate"> <div class="footer-lastupdate">
<script> <script>
if (document.lastModified != '') { if (document.lastModified != '') {
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description"> <meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords"> <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title> <title>
About - App Inventor for Android About - App Inventor for Android
</title> </title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"> <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script> </script>
<script> <script>
var tracker = new gweb.analytics.AutoTrack({ var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2' profile: 'UA-5856106-2'
}); });
</script> </script>
<script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<style> <style>
#aiac .content { #aiac .content {
background: #fff url('/static/images/home_androidbg.png') no-repeat top right; background: #fff url('/static/images/home_androidbg.png') no-repeat top right;
background-color: #fff; background-color: #fff;
padding-bottom: 10px; padding-bottom: 10px;
} }
</style> </style>
<style> <style>
img.c2 {border-width:0} img.c2 {border-width:0}
div.c1 {clear:both;} div.c1 {clear:both;}
</style> </style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> About &gt; ');</script><br>
<div id="aiac"> <div id="aiac">
<div class="main-container"> <div class="main-container">
<div class="header"> <div class="customhr customhr-gray">
<div class="header-title">
<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/cse" id="cse-search-box">
<input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
"ie" type="hidden" value="UTF-8">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" name="q" type="text">
</div>
<div class="header-search-button">
<input name="sa" src="/static/images/search-button.png" type="image">
</div>
</div>
</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
>
</script>
<div class="header-login">
<div class="header-login-greeting">
Welcome to App Inventor!
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div id="navigation">
<div id="navigation-links">
<div class="navigation-link-option navigation-link-active" id="navigation-link-home">
<a href="/about/">About</a>
</div>
<div class="navigation-link-option" id="navigation-link-learn">
<a href="/learn/">Learn</a>
</div>
<div class="navigation-link-option" id="navigation-link-forum">
<a href="/forum/">Forum</a>
</div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div>
</div> </div>
<div id="navigation-breadcrumb">
About &gt;
</div>
<div class="c1"></div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<div class="learn-page"> <div class="learn-page">
<div id="about"> <div id="about">
<div id="about-left"> <div id="about-left">
<iframe height="379" src="http://www.youtube.com/embed/8ADwPLSFeY8" title= <iframe height="379" src="http://www.youtube.com/embed/8ADwPLSFeY8" title="YouTube video player" width="620">
"YouTube video player" width="620"></iframe> </iframe>
</div> </div>
<div id="about-right"> <div id="about-right">
<h1> <h1>
...@@ -98,65 +55,90 @@ img.c2 {border-width:0} ...@@ -98,65 +55,90 @@ img.c2 {border-width:0}
Creating an App Inventor app begins in your browser, where you design how the Creating an App Inventor app begins in your browser, where you design how the
app will look. Then, like fitting together puzzle pieces, you set your app's app will look. Then, like fitting together puzzle pieces, you set your app's
behavior. All the while, through a live connection between your computer and behavior. All the while, through a live connection between your computer and
your phone, your app appears on your phone. <a href="/about/moreinfo/">Read your phone, your app appears on your phone.
more...</a> <a href="/about/moreinfo/">
Read
more...
</a>
</p> </p>
<p> <p>
App Inventor is a part of <a href="http://www.googlelabs.com/">Google Labs</a>, App Inventor is a part of
<a href="http://www.googlelabs.com/">
Google Labs
</a>
,
a playground for Google Engineers and adventurous Google users. Send us your a playground for Google Engineers and adventurous Google users. Send us your
suggestions and ideas, but remember to wear your <a href= suggestions and ideas, but remember to wear your
"/about/safetyglasses/">safety glasses</a> while building your apps. <a href="/about/safetyglasses/">
</p><a class="greenbutton" href="/learn/setup/">Get Started &gt;</a> safety glasses
</a>
while building your apps.
</p>
<a class="greenbutton" href="/learn/setup/">
Get Started &gt;
</a>
</div>
<div class="clear">
</div>
<div id="about-hr">
</div> </div>
<div class="clear"></div>
<div id="about-hr"></div>
<div id="about-highlight"> <div id="about-highlight">
<div class="about-highlight-item"> <div class="about-highlight-item">
<a href="/learn/"><img alt="" src= <a href="/learn/">
"http://www.google.com/images/icons/feature/chalkboard_person-o80.png"></a> <img alt="" src="http://www.google.com/images/icons/feature/chalkboard_person-o80.png" />
</a>
<h3> <h3>
<a href="/learn/">Learn to Invent</a> <a href="/learn/">
</h3>Set up your computer. Work through tutorials to learn the basics of App Learn to Invent
</a>
</h3>
Set up your computer. Work through tutorials to learn the basics of App
Inventor. Read reference material to take your apps to the next level. Inventor. Read reference material to take your apps to the next level.
</div> </div>
<div class="about-highlight-item"> <div class="about-highlight-item">
<a href="/forum/"><img alt="" src= <a href="/forum/">
"http://www.google.com/images/icons/feature/people_stacked-b80.png"></a> <img alt="" src="http://www.google.com/images/icons/feature/people_stacked-b80.png" />
</a>
<h3> <h3>
<a href="/forum/">Connect with Other Users</a> <a href="/forum/">
</h3>Ask questions about how App Inventor works. Share your apps with other Connect with Other Users
</a>
</h3>
Ask questions about how App Inventor works. Share your apps with other
users. Dream about what App Inventor might become. users. Dream about what App Inventor might become.
</div> </div>
<div class="about-highlight-item"> <div class="about-highlight-item">
<a href="/learn/troubleshooting.html"><img alt="" src= <a href="/learn/troubleshooting.html">
"http://www.google.com/images/icons/feature/question-y80.png"></a> <img alt="" src="http://www.google.com/images/icons/feature/question-y80.png" />
</a>
<h3> <h3>
<a href="/learn/troubleshooting.html">Get Help</a> <a href="/learn/troubleshooting.html">
</h3>Get unstuck by reading the <a href="/learn/userfaq.html">user faq</a>, Get Help
<a href="/learn/troubleshooting.html">troubleshooting document</a>, and the </a>
<a href="http://appinventor.googlelabs.com/forum">user forums</a>. </h3>
Get unstuck by reading the
<a href="/learn/userfaq.html">
user faq
</a>
,
<a href="/learn/troubleshooting.html">
troubleshooting document
</a>
, and the
<a href="http://appinventor.googlelabs.com/forum">
user forums
</a>
.
</div> </div>
<div class="clear"></div> <div class="clear">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="footer">
<div class="footer-legal">
<p>
<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
"Creative Commons License" class="c2" src=
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a> .
</p>
<p>
©2011 Google<br>
<a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
<a href="/about/termsofservice.html">Terms</a>
</p>
</div> </div>
<div class="footer">
<script language = "JavaScript">createFooter();</script><br>
<div class="footer-lastupdate"> <div class="footer-lastupdate">
<script> <script>
if (document.lastModified != '') { if (document.lastModified != '') {
......
This diff is collapsed.
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description"> <meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords"> <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title> <title>
Safety Glasses - App Inventor for Android Safety Glasses - App Inventor for Android
</title> </title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"> <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script> </script>
<script> <script>
var tracker = new gweb.analytics.AutoTrack({ var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2' profile: 'UA-5856106-2'
}); });
</script> </script>
<script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<style> <style>
img.c2 {border-width:0} img.c2 {border-width:0}
div.c1 {clear:both;} div.c1 {clear:both;}
</style> </style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> <a href="/about/index.html">About</a> &gt; Safety Glasses &gt; ');</script><br>
<div id="aiac"> <div id="aiac">
<div class="main-container"> <div class="main-container">
<div class="header"> <div class="customhr customhr-gray">
<div class="header-title">
<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/cse" id="cse-search-box">
<input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
"ie" type="hidden" value="UTF-8">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" name="q" type="text">
</div>
<div class="header-search-button">
<input name="sa" src="/static/images/search-button.png" type="image">
</div>
</div>
</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
>
</script>
<div class="header-login">
<div class="header-login-greeting">
Welcome to App Inventor!
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div id="navigation">
<div id="navigation-links">
<div class="navigation-link-option navigation-link-active" id="navigation-link-home">
<a href="/about/">About</a>
</div> </div>
<div class="navigation-link-option" id="navigation-link-learn">
<a href="/learn/">Learn</a>
</div>
<div class="navigation-link-option" id="navigation-link-forum">
<a href="/forum/">Forum</a>
</div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div>
</div>
<div id="navigation-breadcrumb">
<a href="/about/index.html">About</a> &gt; Safety Glasses &gt;
</div>
<div class="c1"></div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<div class="learn-page"> <div class="learn-page">
<h2> <h2>
Remember the Beta Tag Remember the Beta Tag
</h2><br> </h2>
<br />
As a Google Labs, beta product App Inventor still has rough edges and missing As a Google Labs, beta product App Inventor still has rough edges and missing
features. In some cases the rough edges include un-pleasantries such as: features. In some cases the rough edges include un-pleasantries such as:
<ul> <ul>
<li>Installing Windows device drivers <li>
Installing Windows device drivers
</li> </li>
<li>Installing Java on your computer <li>
Installing Java on your computer
</li> </li>
<li>Fiddling with settings on your phone <li>
Fiddling with settings on your phone
</li> </li>
</ul>We are working hard to smooth out the rough edges and we appreciate your use of </ul>
We are working hard to smooth out the rough edges and we appreciate your use of
App Inventor while we are in this beta state. It may sound a bit cliche but it really App Inventor while we are in this beta state. It may sound a bit cliche but it really
is true, your use of App Inventor today will help us make it better for the future! is true, your use of App Inventor today will help us make it better for the future!
Now on to the good stuff. Now on to the good stuff.
...@@ -95,20 +57,7 @@ img.c2 {border-width:0} ...@@ -95,20 +57,7 @@ img.c2 {border-width:0}
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="footer-legal"> <script language = "JavaScript">createFooter();</script><br>
<p>
<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
"Creative Commons License" class="c2" src=
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a> .
</p>
<p>
©2011 Google<br>
<a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
<a href="/about/termsofservice.html">Terms</a>
</p>
</div>
<div class="footer-lastupdate"> <div class="footer-lastupdate">
<script> <script>
if (document.lastModified != '') { if (document.lastModified != '') {
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Privacy and Terms of Service</title> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title>
Terms of Service - App Inventor for Android
</title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script>
<script>
var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2'
});
</script>
<script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<style>
img.c2 {border-width:0}
div.c1 {clear:both;}
</style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> <a href="index.html">About</a> &gt; Terms of Service &gt; ');</script><br>
<div id="aiac">
<div class="main-container">
<div class="customhr customhr-gray">
</div>
<div class="content">
<div class="content-body">
<div class="learn-page">
<h4>If you are providing App Inventor as a service to other users, your privacy <h4>If you are providing App Inventor as a service to other users, your privacy
policy and terms of service should go here.</h4> policy and terms of service should go here.
</h4>
</div>
</div>
</div>
<div class="footer">
<script language = "JavaScript">createFooter();</script><br>
<div class="footer-lastupdate">
<script>
if (document.lastModified != '') {
var m = "Page last updated: " + document.lastModified;
var p = m.length-8;
document.writeln("<center>");
document.write(m.substring(p, 0));
document.writeln("<\/center>");
}
</script>
</div>
</div>
</div>
</div>
</body> </body>
</html> </html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description"> <meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords"> <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title> <title>
App Inventor for Android App Inventor for Android
</title> </title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"> <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script> </script>
<script> <script>
var tracker = new gweb.analytics.AutoTrack({ var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2' profile: 'UA-5856106-2'
}); });
</script> </script>
<script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<style> <style>
#aiac .content { #aiac .content {
background: #fff; background: #fff;
padding-bottom:0px; padding-bottom:0px;
} }
...@@ -29,7 +30,7 @@ ...@@ -29,7 +30,7 @@
} }
</style> </style>
<style> <style>
img.c5 {border-width:0} img.c5 {border-width:0}
div.c4 {clear: both;} div.c4 {clear: both;}
div.c3 {float: left;} div.c3 {float: left;}
div.c2 {float: left; height: 30px; width: 40px;} div.c2 {float: left; height: 30px; width: 40px;}
...@@ -37,103 +38,78 @@ img.c5 {border-width:0} ...@@ -37,103 +38,78 @@ img.c5 {border-width:0}
</style> </style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> Forum &gt; <a href="index.html">Table of Contents</a> &gt; Guidelines &gt; ');</script><br>
<div id="aiac"> <div id="aiac">
<div class="main-container"> <div class="main-container">
<div class="header"> <div class="customhr customhr-gray">
<div class="header-title">
<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/cse" id="cse-search-box">
<input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
"ie" type="hidden" value="UTF-8">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" name="q" type="text">
</div>
<div class="header-search-button">
<input name="sa" src="/static/images/search-button.png" type="image">
</div>
</div>
</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
>
</script>
<div class="header-login">
<div class="header-login-greeting">
Read the App Inventor Forums!
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div id="navigation">
<div id="navigation-links">
<div class="navigation-link-option" id="navigation-link-home">
<a href="/about/">About</a>
</div>
<div class="navigation-link-option" id="navigation-link-learn">
<a href="/learn/">Learn</a>
</div>
<div class="navigation-link-option navigation-link-active" id="navigation-link-forum">
<a href="/forum/">Forum</a>
</div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div> </div>
</div>
<div id="navigation-breadcrumb">
Forum &gt; <a href="index.html">Table of Contents</a> &gt; Guidelines &gt;
</div>
<div class="c1"></div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<div class="learn-page"> <div class="learn-page">
<div class="c2"> <div class="c2">
<img alt="" src="/static/images/learn-android1_sm.gif" width="40"> <img alt="" src="/static/images/learn-android1_sm.gif" width="40" />
</div> </div>
<div class="c3"> <div class="c3">
<h1> <h1>
How the Forums Work How the Forums Work
</h1> </h1>
</div> </div>
<div class="c4"></div> <div class="c4">
<div class="grayhr"></div> </div>
<div class="grayhr">
</div>
<p> <p>
<strong>Tips for getting the most out of the forums.</strong> <strong>
Tips for getting the most out of the forums.
</strong>
</p> </p>
<ul> <ul>
<li> <li>
<p> <p>
<strong>How do I join a forum?</strong><br> <strong>
How do I join a forum?
</strong>
<br />
From the Table of Contents page click on the title of a forum. From here click From the Table of Contents page click on the title of a forum. From here click
Join Forum. Set your membership preferences. Join Forum. Set your membership preferences.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Why should I join a forum?</strong><br> <strong>
Why should I join a forum?
</strong>
<br />
Joining allows you to post to the forum. Everything else you can do without Joining allows you to post to the forum. Everything else you can do without
joining. joining.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>How do I post something to the forum?</strong><br> <strong>
How do I post something to the forum?
</strong>
<br />
You must join the forum to post something to it. Click the Join Forum to Post You must join the forum to post something to it. Click the Join Forum to Post
link and set your membership preferences. link and set your membership preferences.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Can I still get emails from the forum?</strong><br> <strong>
Can I still get emails from the forum?
</strong>
<br />
Yes. You can set your email preferences by clicking the My Membership link. Yes. You can set your email preferences by clicking the My Membership link.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>I'm getting bombarded with e-mails. How can I selectively follow a <strong>
forum thread?</strong><br> I'm getting bombarded with e-mails. How can I selectively follow a
forum thread?
</strong>
<br />
To selectively follow a forum thread, look for the "Options" link above the To selectively follow a forum thread, look for the "Options" link above the
thread. Clicking on it will open up some options you can set including "Email thread. Clicking on it will open up some options you can set including "Email
updates to me". Clicking on that option will allow you to follow a single updates to me". Clicking on that option will allow you to follow a single
...@@ -144,8 +120,11 @@ img.c5 {border-width:0} ...@@ -144,8 +120,11 @@ img.c5 {border-width:0}
</li> </li>
<li> <li>
<p> <p>
<strong>Can I attach a file(s) to a thread so that others can download <strong>
it?</strong><br> Can I attach a file(s) to a thread so that others can download
it?
</strong>
<br />
Make sure you followed the steps above to follow of a single forum thread. Then Make sure you followed the steps above to follow of a single forum thread. Then
post a "dummy" reply to the thread to ensure that you get an e-mail of it. Once post a "dummy" reply to the thread to ensure that you get an e-mail of it. Once
you've received the email, you can reply to the e-mail normally and attach you've received the email, you can reply to the e-mail normally and attach
...@@ -156,15 +135,21 @@ img.c5 {border-width:0} ...@@ -156,15 +135,21 @@ img.c5 {border-width:0}
</li> </li>
<li> <li>
<p> <p>
<strong>Is it possible to join all of the forums by joining one master <strong>
forum?</strong><br> Is it possible to join all of the forums by joining one master
forum?
</strong>
<br />
At this time that is not possible. We hope to see that functionality rolled out At this time that is not possible. We hope to see that functionality rolled out
in the feature. in the feature.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>I can not see the forum on Internet Explore 6.</strong><br> <strong>
I can not see the forum on Internet Explore 6.
</strong>
<br />
Embedded discussions will not work with Internet Explorer 6. Please use IE7 or Embedded discussions will not work with Internet Explorer 6. Please use IE7 or
higher, or a different browser. higher, or a different browser.
</p> </p>
...@@ -174,20 +159,7 @@ img.c5 {border-width:0} ...@@ -174,20 +159,7 @@ img.c5 {border-width:0}
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="footer-legal"> <script language = "JavaScript">createFooter();</script><br>
<p>
<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
"Creative Commons License" class="c5" src=
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a> .
</p>
<p>
©2011 Google<br>
<a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
<a href="/about/termsofservice.html">Terms</a>
</p>
</div>
<div class="footer-lastupdate"> <div class="footer-lastupdate">
<script> <script>
if (document.lastModified != '') { if (document.lastModified != '') {
......
This diff is collapsed.
<html> <html>
<head> <head>
<title>MIT Appinventor Known Issues</title> <title>App Inventor Known Issues</title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png">
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet">
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="App Inventor for Android" name="description">
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords">
<title>
App Inventor for Android
</title>
<link href="/labs/appinventor/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
<link href="/labs/appinventor/images/appinventor-16.png" rel="icon" type="image/png">
<link href="/labs/appinventor/css/appinventor.css" rel="stylesheet">
</head>
<body>
<div id="aiac">
<div class="main-container">
<div class="header">
<div class="header-title">
<a href="/labs/appinventor/index.html" title="App Inventor for Android"><img border="0"
src="/labs/appinventor/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/labs/appinventor/learn/sitesearch/" method="post">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" type="text">
</div>
<div class="header-search-button">
<input src="/labs/appinventor/images/search-button.png" type="image">
</div>
</div>
</form>
<div class="header-login">
<div class="header-login-greeting">
Welcome to App Inventor!
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div class="navigation">
<div id="navigation-breadcrumb">
<a href="/labs/appinventor/">HOME</a> &gt; <a href="/labs/appinventor/learn/">Learn</a>
&gt; About &gt;
</div>
<div class="navigation-links">
<div class="navigation-link-option" id="navigation-link-home">
<a href="/labs/appinventor/">Home</a>
</div>
<div class="navigation-link-option" id="navigation-link-home">
<a href="/labs/appinventor/about/">About</a>
</div>
<div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
<a href="/labs/appinventor/learn/">Learn</a>
</div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div>
</div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content">
<div class="content-body">
<div class="learn-page">
<h1>
About App Inventor
</h1>
</div>
</div>
</div>
<div class="footer">
<div class="footer-legal">
&copy; Google 2010<br>
<a href="/labs/appinventor/about/termsofservice.html">Terms of Service</a> | <a href=
"http://www.google.com/intl/en/privacy.html">Privacy Policy</a>
</div>
<div class="footer-lastupdate">
<script language="JavaScript">
var m = "Page last updated: " + document.lastModified; var p = m.length-8;
document.writeln("<center>");
document.write(m.substring(p, 0));
document.writeln("<\/center>");
</script>
</div>
</div>
</div>
</div>
</body>
</html>
This diff is collapsed.
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description"> <meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords"> <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title> <title>
Getting Started - App Inventor for Android Getting Started - App Inventor for Android
</title> </title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"> <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script> </script>
<script> <script>
var tracker = new gweb.analytics.AutoTrack({ var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2' profile: 'UA-5856106-2'
}); });
</script> </script>
<script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<style> <style>
img.c2 {border-width:0} img.c2 {border-width:0}
div.c1 {clear:both;} div.c1 {clear:both;}
</style> </style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> <a href="/learn/">Learn</a> &gt; Getting Started &gt; ');</script><br>
<div id="aiac"> <div id="aiac">
<div class="main-container"> <div class="main-container">
<div class="header"> <div class="customhr customhr-gray">
<div class="header-title">
<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/cse" id="cse-search-box">
<input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
"ie" type="hidden" value="UTF-8">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" name="q" type="text">
</div>
<div class="header-search-button">
<input name="sa" src="/static/images/search-button.png" type="image">
</div>
</div>
</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
>
</script>
<div class="header-login">
<div class="header-login-greeting">
Learn about App Inventor
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div id="navigation">
<div id="navigation-links">
<div class="navigation-link-option" id="navigation-link-home">
<a href="/about/">About</a>
</div>
<div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
<a href="/learn/">Learn</a>
</div>
<div class="navigation-link-option" id="navigation-link-forum">
<a href="/forum/">Forum</a>
</div> </div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div>
</div>
<div id="navigation-breadcrumb">
<a href="/learn/">Learn</a> &gt; Getting Started &gt;
</div>
<div class="c1"></div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<div class="learn-page"> <div class="learn-page">
...@@ -79,7 +36,9 @@ img.c2 {border-width:0} ...@@ -79,7 +36,9 @@ img.c2 {border-width:0}
Getting Started Getting Started
</h1> </h1>
<h2> <h2>
<a href="setup/index.html">Set up Your Phone and Computer</a> <a href="setup/index.html">
Set up Your Phone and Computer
</a>
</h2> </h2>
<p> <p>
Whether you are using a Mac or a PC, a Nexus or a MyTouch, this section will tell Whether you are using a Mac or a PC, a Nexus or a MyTouch, this section will tell
...@@ -87,7 +46,9 @@ img.c2 {border-width:0} ...@@ -87,7 +46,9 @@ img.c2 {border-width:0}
phone. phone.
</p> </p>
<h2> <h2>
<a href="setup/starting.html">Connect App Inventor to Your Phone</a> <a href="setup/starting.html">
Connect App Inventor to Your Phone
</a>
</h2> </h2>
<p> <p>
As you build apps in App Inventor your app will appear live on your phone. This As you build apps in App Inventor your app will appear live on your phone. This
...@@ -95,15 +56,19 @@ img.c2 {border-width:0} ...@@ -95,15 +56,19 @@ img.c2 {border-width:0}
your phone. your phone.
</p> </p>
<h2> <h2>
<a href="tutorials/index.html">Tutorials</a> <a href="tutorials/index.html">
Tutorials
</a>
</h2> </h2>
<p> <p>
These tutorials will walk you through how App Inventor works and will teach you These tutorials will walk you through how App Inventor works and will teach you
some advanced functionality. some advanced functionality.
</p> </p>
<h2> <h2>
<a href="../learn/reference/other/testing.html">Live Development, Testing and <a href="../learn/reference/other/testing.html">
Debugging</a> Live Development, Testing and
Debugging
</a>
</h2> </h2>
<p> <p>
Learn more about how to do live development, test and debug your code and more! Learn more about how to do live development, test and debug your code and more!
...@@ -112,20 +77,7 @@ img.c2 {border-width:0} ...@@ -112,20 +77,7 @@ img.c2 {border-width:0}
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="footer-legal"> <script language = "JavaScript">createFooter();</script><br>
<p>
<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
"Creative Commons License" class="c2" src=
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a> .
</p>
<p>
©2011 Google<br>
<a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
<a href="/about/termsofservice.html">Terms</a>
</p>
</div>
<div class="footer-lastupdate"> <div class="footer-lastupdate">
<script> <script>
if (document.lastModified != '') { if (document.lastModified != '') {
......
This diff is collapsed.
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta content="App Inventor for Android" name="description"> <meta content="App Inventor for Android" name="description" />
<meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords"> <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords" />
<title> <title>
Color Blocks - App Inventor for Android Color Blocks - App Inventor for Android
</title> </title>
<link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico"> <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico" />
<link href="/static/images/appinventor-16.png" rel="icon" type="image/png"> <link href="/static/images/appinventor-16.png" rel="icon" type="image/png" />
<link href="/static/css/appinventor.css" rel="stylesheet"> <link href="/static/css/appinventor.css" rel="stylesheet" />
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"> <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script> </script>
<script> <script>
var tracker = new gweb.analytics.AutoTrack({ var tracker = new gweb.analytics.AutoTrack({
profile: 'UA-5856106-2' profile: 'UA-5856106-2'
}); });
</script> </script>
<link href="test.css" rel="stylesheet"> <script language = "JavaScript" src="/static/scripts/HeaderAndFooter.js"></script>
<link href="test.css" rel="stylesheet" />
<style> <style>
img.c2 {border-width:0} img.c2 {border-width:0}
div.c1 {clear:both;} div.c1 {clear:both;}
</style> </style>
</head> </head>
<body> <body>
<script language = "JavaScript">createHeader('<div id="navigation-breadcrumb"> <a href="/learn/">Learn</a> &gt; <a href="/learn/reference/">Reference</a> &gt; Color Blocks &gt; ');</script><br>
<div id="aiac"> <div id="aiac">
<div class="main-container"> <div class="main-container">
<div class="header"> <div class="customhr customhr-gray">
<div class="header-title">
<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
</div>
<form action="http://www.google.com/cse" id="cse-search-box">
<input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
"ie" type="hidden" value="UTF-8">
<div class="header-search">
<div class="header-search-query">
<input class="textbox" name="q" type="text">
</div>
<div class="header-search-button">
<input name="sa" src="/static/images/search-button.png" type="image">
</div>
</div>
</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
>
</script>
<div class="header-login">
<div class="header-login-greeting">
Learn about App Inventor
</div>
</div>
</div>
<div class="customhr customhr-green"></div>
<div id="navigation">
<div id="navigation-links">
<div class="navigation-link-option" id="navigation-link-home">
<a href="/about/">About</a>
</div>
<div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
<a href="/learn/">Learn</a>
</div>
<div class="navigation-link-option" id="navigation-link-forum">
<a href="/forum/">Forum</a>
</div> </div>
<div class="navigation-link-option" id="navigation-link-myappinventor">
<a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
Projects</a>
</div>
</div>
<div id="navigation-breadcrumb">
<a href="/learn/">Learn</a> &gt; <a href="/learn/reference/">Reference</a> &gt; Color
Blocks &gt;
</div>
<div class="c1"></div>
</div>
<div class="customhr customhr-gray"></div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<div class="learn-page"> <div class="learn-page">
...@@ -99,9 +55,35 @@ img.c2 {border-width:0} ...@@ -99,9 +55,35 @@ img.c2 {border-width:0}
<p> <p>
Colors are created using four numbers, each running from 0 through 255. The first Colors are created using four numbers, each running from 0 through 255. The first
three numbers signify the amount of red, green, and blue in the color. You can find three numbers signify the amount of red, green, and blue in the color. You can find
color charts on the Web that give the <em>R</em>, <em>G</em>, <em>B</em> color charts on the Web that give the
specifications for may colors, or you can experiment with your own <em>R</em>, <em>
<em>G</em>, <em>B</em> mixtures. The fourth number specifies <em>opacity</em> which R
</em>
,
<em>
G
</em>
,
<em>
B
</em>
specifications for may colors, or you can experiment with your own
<em>
R
</em>
,
<em>
G
</em>
,
<em>
B
</em>
mixtures. The fourth number specifies
<em>
opacity
</em>
which
comes into play when regions overlap. Opacity 255 is fully opaque: the color will comes into play when regions overlap. Opacity 255 is fully opaque: the color will
completely block out anything under it. Opacity 0 is fully transparent: you won't completely block out anything under it. Opacity 0 is fully transparent: you won't
even see the color on the screen. Intermediate values determine how much the even see the color on the screen. Intermediate values determine how much the
...@@ -112,55 +94,102 @@ img.c2 {border-width:0} ...@@ -112,55 +94,102 @@ img.c2 {border-width:0}
following algorithm: following algorithm:
</p> </p>
<ol> <ol>
<li>Start with the opacity. <li>
Start with the opacity.
</li> </li>
<li>Multiply this by 256 and add <em>R</em>. <li>
Multiply this by 256 and add
<em>
R
</em>
.
</li> </li>
<li>Multiply the result by 256 and add <em>G</em>. <li>
Multiply the result by 256 and add
<em>
G
</em>
.
</li> </li>
<li>Multiply the result by 256 and add <em>B</em>. <li>
Multiply the result by 256 and add
<em>
B
</em>
.
</li> </li>
<li>Take the result and subtract 16<sup>8</sup> = 4294967296 <li>
Take the result and subtract 16
<sup>
8
</sup>
= 4294967296
</li> </li>
<li>The resulting (negative) number is what you use for App Inventor. <li>
The resulting (negative) number is what you use for App Inventor.
</li> </li>
</ol> </ol>
<p> <p>
As an example, the <em>R</em>, <em>G</em>, <em>B</em> values for a deep shade of As an example, the
purple are <em>R</em> = 160, <em>G</em> = 32, <em>B</em> = 240. Applying the <em>
R
</em>
,
<em>
G
</em>
,
<em>
B
</em>
values for a deep shade of
purple are
<em>
R
</em>
= 160,
<em>
G
</em>
= 32,
<em>
B
</em>
= 240. Applying the
algorithm to these values, with an opacity of 255, gives −6283024. If you set the algorithm to these values, with an opacity of 255, gives −6283024. If you set the
background color of a canvas to −6283024, you'll see a purple patch on the screen. background color of a canvas to −6283024, you'll see a purple patch on the screen.
</p> </p>
<p> <p>
<a href="colorchart.html">Here is a chart</a> that gives the numbers for a variety <a href="colorchart.html">
Here is a chart
</a>
that gives the numbers for a variety
of colors. of colors.
</p> </p>
<p> <p>
And here's a blocks program that computes the color number given <em>R</em>, And here's a blocks program that computes the color number given
<em>G</em>, and <em>B</em>. The opacity is fixed ar 255, but you can change that by <em>
R
</em>
,
<em>
G
</em>
, and
<em>
B
</em>
. The opacity is fixed ar 255, but you can change that by
changing the global variable. changing the global variable.
</p> </p>
<div class="imagecontainer"> <div class="imagecontainer">
<img alt="" src="images/colorNumber.png" width="735"> <img alt="" src="images/colorNumber.png" width="735" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="footer-legal"> <script language = "JavaScript">createFooter();</script><br>
<p>
<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
"Creative Commons License" class="c2" src=
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a> .
</p>
<p>
©2011 Google<br>
<a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
<a href="/about/termsofservice.html">Terms</a>
</p>
</div>
<div class="footer-lastupdate"> <div class="footer-lastupdate">
<script> <script>
if (document.lastModified != '') { if (document.lastModified != '') {
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
//Javascript function to create a header and footer for App Inventor documentation pages
function createHeader(breadcrumbs) {
// body
document.write('<div id= "aiac">');
document.write('<div class="main-container">');
document.write('<div class="header">');
document.write('<div class="header-title">');
document.write('<a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>');//may need to change this source
document.write('</div>');
document.write('<form action="http://www.google.com/cse" id="cse-search-box">');
document.write(' <input name="cx" type="hidden" \ value="011848991959401852367:xnrcbhk2zus"> <input name= \
"ie" type="hidden" value="UTF-8">');
document.write('<div class="header-search">');
document.write('<div class="header-search-query">');
document.write('<input class="textbox" name="q" type="text">');
document.write('</div>');
document.write('<div class="header-search-button">');
document.write('<input name="sa" src="/static/images/search-button.png" \ type="image">');
document.write('</div>');
document.write('</div>');
document.write('</form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en">');
document.write('</script>');
document.write('<div class="header-login">');
document.write('<div class="header-login-greeting"> \
Learn about App Inventor \
</div>');
document.write('</div>');
document.write('</div>');
//bodyHeaderTag (all above writes)
document.write('<div class="customhr customhr-green"></div>');
//Links to About, Learn, Forum
//document.write('<div id="navigation">');
document.write('<div id="navigation-links">');
document.write('<div class="navigation-link-option" id="navigation-link-home">');
document.write('<a href="/about/">About</a>');
document.write('</div>');
document.write('<div class="navigation-link-option navigation-link-active" id="navigation-link-learn">');
document.write('<a href="/learn/">Learn</a>');
document.write('</div>');
document.write('<div class="navigation-link-option" id="navigation-link-forum">');
document.write('<a href="/forum/">Forum</a>');
document.write('</div>');
document.write('</div>');
//breadcrumbs
document.write(breadcrumbs);
document.write('</div>');
}
function createFooter(){
document.write('<p>');
document.write('<a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt= \
"Creative Commons License" class="c2" src= \
"http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>');
document.write('This work is licensed under a <a href="http:// \ creativecommons.org/licenses/by/3.0/" rel= \
"license">Creative Commons Attribution 3.0 Unported License</a>.<br>');
document.write('<a href="/about/termsofservice.html">Privacy Policy and Terms of Use</a>.');
document.write('</p>');
document.close();
}
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment