App Inventor Architeture

8/2/2019 App Inventor Architeture

1/12

8/2/2019 App Inventor Architeture

2/12

&

-*.%/,+"*.0*1&"*&2334,&2/560+%5+7/%!"#$%&"'()*+%*,'-#.*$%)"*%$)+/&)/+*%01%'.%'((%1+0-%'%(+02+'--*+3$%(*+$(*&)#4*5%6)%7*2#.$%8#)"%

)"*%)+'9#)#0.':%'.':02;%)"')%'.%'((%#$%:##.2%'.%'((%

'$%'%$*)%01%&0-(0.*.)$%)"')%+*$(0.9%)0%*4*.)$5%!"*%&"'()*+%':$0%*,'-#.*$%"08%'(($%&'.%'$

8/2/2019 App Inventor Architeture

3/12

8/2/2019 App Inventor Architeture

4/12

executeswith the Blocks Editor. For instance, you could have a button get larger each time it isclicked with the following blocks:

Each time the button is clicked, the value in the memory cell for the buttons width increases by3for our sample, the value in the width box would change from 50 to 53. The end-user of theapp wouldnt see this, but would see the button widen.

9'*:;0,7"$&)'

8/2/2019 App Inventor Architeture

5/12

When computers were first invented, their apps (programs) were best described as recipes-- step-by-step instructions. An app specified that the computer should perform a sequence of steps inlinear fashion:

!

,!(>-*/)8!)--!:*+0(!3*&'(!85)$!*#!)!H)#E!(&)#')/(*5#!K,LG!-%&35&:!'5:%!/5:-1()(*5#'!)#$!:5$*3>!

(0%!/1'(5:%&.'!)//51#(!K;LG!(0%#!-&*#(!51(!(0%!#%M!H)8)#/%!5#!(0%!'/&%%#N

2*&233&0,&"&,%+&'(&B>%*+:C"*.$%/,

O5'(!)--'!(5$)>G!M0%(0%&!(0%>!H%!:5H*8%G!M%HG!5&!$%'E(5-G!$5#P(!3*(!(0%!+*(*!-)&)$*+:N!=0%>!

$5#.(!Q1'(!-%&35&:!)!H1#/0!53!*#'(&1/(*5#'G!(0%>!+*'&)%)0%*4*.)$G!:5'(!/5::5#8>!%51&!3*#+%&!)/&5''!(0%!'/&%%#!*'!

)#5(0%&!%

8/2/2019 App Inventor Architeture

6/12

A#$61'%&!*#*(*)(%$!%!(>-%'N!2#!+%#%&)8G!)#!)--!M*88!/5::1#*/)(%!M*(0!

'5:%!%#(*(*%'!M*(0*#!(0%!-05#%!K'%#'5&'G!/85/ELG!)#$!'5:%!51('*$%!(0%!-05#%!K(0%!1'%&G!M%HG!

5(0%&!-05#%'L?

!

!

!U#%!&%)'5#!,--!2#!(5!1'%!*'!(0)(!>51!$%3*#%!)#!)--.'!H%0)51!'-%/*3>!(0%!H%0)-%$!M5&$'!51(!851$N!=0*'!)--8*/)(*5#!/518$!H%!-&5+&)::%$!M*(0!)!'*#+8%!%-%$!*#!(0%!(%D(!

H5D!=%D(;5D[N!=0%!%

8/2/2019 App Inventor Architeture

7/12

H1(!(0%>!$5#.(!'-%/*3>!M0%#!'1/0!)!W&%/*-%Z!'0518$!H%!35885M%$N!

!

=0%!%%*+&!?3% BD"%*+,

"'%&6*#*(*)(%$!%-%!53!%-*/)88>!(0%!

H1((5#!/8*/E!%51&!)--!Q1'(!#%%$'!(5!-%&35&:!'5:%!31#/(*5#'!&*+0(!M0%#!(0%!)--!H%+*#'!)#$!#5(!

&%)88>!*#!&%'-5#'%!(5!)#>!%#$61'%&!)/(*!5&!5(0%&!%51.$!1'%!H85/E'!'1/0!)'!(0%'%?!

!

!0%*+,

J5:%!)/(*!*#!)#!)--!*'!(&*++%&%$!H>!(0%!-)''*#+!53!(*:%N!,#!)#*:)(%$!5HQ%/(!*'!&%)88>!)#!

5HQ%/(!(0)(!:5

8/2/2019 App Inventor Architeture

8/12

!

BD+%/*"$&B>%*+,

I0%#!>51&!-05#%!&%/%*51&!-05#%!)'!)#!%#(*(>!M0*/0!*#(%&)/('!M*(0!5(0%&!%#(*(*%'N!I*(0!,--!2#51.88!

-&5+&):!(0)(!*#(%&)/(*5#!H>!'-%/*3>*#+!05M!>51&!)--!'0518$!&%'-5#$!(5!)#!%D(%)8!%51!'*(!$5M#!(5!H%+*#!$%'*+#*#+!)#!)--G!5#%!M)>!(5!5&+)#*C%!>51&!(051+0('!*'!(5!(0*#E!53!

)88!(0%!%'!8*#%)&!&%/*-%'G!H1(!/)#!/5#()*#!H&)#/0%'!)#$!855-'N!=0%!

)--!*'!)885M%$!(5!)'E!T1%'(*5#'!66!(5!T1%&>!(0%!$)()!M*(0*#!*(66!)#$!$%(%&:*#%!*('!/51&'%!H)'%$!5#!

(0%!)#'M%&'N!I%!')>!(0)(!'1/0!)--'!0)

8/2/2019 App Inventor Architeture

9/12

95#$*(*5#'!)&%!T1%'(*5#'!'1/0!)'!\0)'!(0%!'/5&%!&%)/0%$![^^_\!5&!\$*$!(0%!(%D(!2!Q1'(!&%/%*!(>-%!53!/5#$*(*5#!*#!(0%!(%'(!'85(N!23!(0%!(%'(!*'!(&1%G!(0%!H85/E'!M*(0*#!(0%!(0%#6

$5!)&%!%D%/1(%$!N!23!*(!*'!3)8'%G!(0%!H85/E'!)&%!#5(!%D%/1(%$N!

!

95#$*(*5#)8!H85/E'!)&%!$*'/1''%$!*#!$%()*8!*#!/0)-(%&!aN

2*&233&)'*,0,+,&'(&B>%*+:C"*.$%/,&!6"+&)"*&2,F&G7%,+0'*,H&=/"*56H&"*.&A%3%"+

;%'*$%'!)'E*#+!T1%'(*5#'!)#$!H&)#/0*#+!H)'%$!5#!(0%!)#'M%&G!>51!/)#!)8'5!&%-%)(!5-%&)(*5#'!

:18(*-8%!(*:%'N!,--!2#51!M)#(%$!(5!(%D(!(0%!'):%!:%'')+%!(5!)!8*'(!53!-05#%!#1:H%&'G!

(0%!H85/E'!M518$!855E!8*E%?

!

!

=0%!H85/E'!M*(0*#!(0%!-1&-8%!10+*'&"!H85/E!)&%!&%-%)(%$N!2#!(0*'!/)'%G!(0%>!)&%!&%-%)(%$!0&%%!

(*:%'!H%/)1'%!(0%!8*'(!b05#%41:H%&'!0)'!(0&%%!*(%:'N!J5!(0%!:%'')+%!*'!'%#(!51(!(5!)88!(0&%%!

#1:H%&'N

!

8/2/2019 App Inventor Architeture

10/12

=0%!8"#:*%90!*'!)!:5&%!+%#%&)8!&%-%)(!H85/EN!2(!*'!'*:*8)&!(5!)#!*3!5&!*36%8'%!*#!(0)(!>51!'-%/*3>!)!

(%'(66!)!T1%'(*5#66!M0*/0!$%(%&:*#%'!(0*#+'N!2#!(0*'!/)'%!(0%!/5#$*(*5#!$%(%&:*#%'!M0%(0%&!5&!#5(!

(0%!&%-%)()H8%!H85/E'!M*(0*#!(0%!8"#:*%90%'0518$!H%!%D%/1(%$!)+)*#N!23!'5G!(0%>.&%!%D%/1(%$G!)#$!

(0%#!(0%!)--!-%&35&:'!)#!1-6H&)#/0G!5&!:00(=%)#$!)'E'!(0%!T1%'(*5#!)+)*#?

!

!

!

R5&!(0*'!$*)+&):G!M0%#!(0%!%%*+:C"*.$%/,&!6"+&)"*&2,F&G7%,+0'*,H&=/"*56H&A%3%"+&"*.&A%51!%D-%/(!(0%:!(5!&%:%:H%&!(0*#+'!35&!>51N!R5&!*#'()#/%G!M0%#!>51!%#(%&!)!/5#()/(!*#!(0%!95#()/(!O)#)+%&!)--G!>51!%D-%/(!(0)(!/5#()/(!(5!H%!(0%&%!(0%!#%D(!(*:%!>51!1'%!

(0%!)--N!!c)()!(0)(!*'!&%:%:H%&%$!%-%!53!)!$)()H)'%?

!

8/2/2019 App Inventor Architeture

11/12

!!

,--!2#c;!/5:-5#%#(!)885M'!>51!(5!

'(5&%!$)()!-%&'*'(%#(8>!$*&%/(8>!5#!(0%!-05#%N!=0%!=*#>I%Hc;!/5:-5#%#(!)885M'!>51!(5!'(5&%!

$)()!5#!(0%!M%HG!)#$!(01'!'0)&%!(0%!$)()!M*(0!5(0%&!-05#%'!)#$!)--'N!I%P88!%D-85&%!(0%!1'%!

53!H5(0!53!(0%'%!$)()H)'%!/5:-5#%#('!)#$!H1*8$!)--'!'1/0!)'!)!T1*C!)--8*/)(*5#!(0)(!8%('!(0%!

(%)/0%&!/&%)(%!)#$!:)*#()*#!(0%!8*'(!53!T1%'(*5#'N

2*&233&)'*,0,+,&'(&B>%*+:C"*.$%/,&!6"+&)"*&2,F&G7%,+0'*,H&=/"*56H&A%3%"+H&A%!5#!(0%!-05#%G!)#$!(5!1-$)(%!>51&!

=M*((%&!'()(1'N!,--'!(0)(!()8E!(5!:5&%!(0)#!5#%!M%H!'%&

8/2/2019 App Inventor Architeture

12/12

J7