Tools overview v1.1 - Apps for Good

texturegainfulΚινητά – Ασύρματες Τεχνολογίες

10 Δεκ 2013 (πριν από 3 χρόνια και 8 μήνες)

81 εμφανίσεις






This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.


Tools Overview



This document contains an overview of all the tools you can bring into your course. It is designed to help you discover which

programming/coding tools are most
appropriate for your school, your students and yourself in delivering Apps for Good courses.

When reviewing these tools you will need to bear in mind the following:




What devices and platforms you will be using.



School network permissions and software inst
allation process.



Your own confidence and experience with coding.



Your students’ interest and ability levels.


Selecting the correct tool to use from the Tools Selection framework is based on your students’ ability to learn programming
and the
educators’ c
onfidence in programming. This framework aims to help establish a starting point for the first tool to use for the course.
Your course can progress to more advanced tools with fuller and more complex features for cohorts of students with mixed abil
ities
a
nd as you develop more confidence in programming.


4 things to consider when choosing a tool


1)

Your confidence


this includes how much previous knowledge you have of the course and how confident you already are
with programming.

2)

Student ability


How
capable do you feel students are in regards to technology skills and supplementary subjects.

3)

Relationship with network manager


Do you have a strong enough relationship with your network manager to be able to test
out different software?

4)

Your schools rule
s/equipment


Depending on your schools equipment and rules you may be restricted from using certain
software.









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.


Tools s
election framework




Educator confidence:
Low

Educator confidence:
Med

Educator confidence:
High

Student ability: Low

Balsamiq

AppShed

App Furnace

Balsamiq

AppShed

App Furnace

App Inventor

Balsamiq

AppShed

App Furnace

App Inventor

Student ability: Med

Balsamiq

AppShed

App Furnace

App Inventor

Balsamiq

AppShed

App Furnace

App Inventor

HTML/CSS/JavaScript

Facebook integration

Trigger.IO/AppMobi

Corona

Parse

All


Student ability: High

Balsamiq

AppShed

App Furnace

App Inventor

HTML/CSS/JavaScript

Facebook integration

Trigger.IO/AppMobi

Corona

Parse


All


All









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.


Rapid p
rototyping


Tool : Balsamiq Mockups

Website

http://www.balsamiq.com/





Balsamic Mockups allow you to create mockups of apps (called
wireframes) digitally for easy group collaboration in a team
creative effort. Changes and interations can be done easily,
foc
using on design and content rather than programming details

Installation:

http://www.balsamiq.com/downloa
d


Official resources:


N/A

Our Resources:


Can be found on our channel
http://www.youtube.com/watch?v
=jhknk61ds44&list=UU2j9jV0feQ0
DS_0TxxEferg&index=24

Other resources:



Programming/Technical
Difficulty/skill level:


Basic/low (no programming
required)

Capability

N/A
-

prototype only

Known Installation
issues(please notify us of
others:

You will need to manually insert
keys.(students can do this)

Adobe air will also need to be
downloaded(part of the
download/install
ation)

Additional info

Tested in over 100
venues/schools. Industry
standard for wireframing.









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.


Building b
locks


Tool : App Inventor

Website:

http://appinventor.mit.edu/




MIT App Inventor was originally
developed by Google
and is currently maintained by the Massachusetts
Institute for Technology. The tool uses a graphical
interface for drag
-
and
-
drop functionality and is for those
more familiar with programming. 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 behaviour, through a live
捯c湥捴i潮 扥tw敥渠n潵r 捯浰ct敲 慮搠d潵r 灨潮攬e
whil獴 y潵r 慰瀠慰灥ar猠潮 y潵r 灨潮攮



To 獥s 桯w 敡獹 it is 捲e慴攠a

獩m灬攠慰e 畳ung A灰
f湶敮t潲o
r獥 Mf吠䅰瀠p湶敮t潲

(扥w慲攠t桥r攠er攠
捡瑳c)


f湳瑡nl慴楯渺


桴hp:LL慰灩湶敮t潲omit.敤甯數灬潲支捯cte
湴n獥t異
-
mit
-
慰a
-
i湶敮t潲.桴ml

lffi捩慬 r敳eur捥猺


桴hp:LL慰灩湶敮t潲omit.敤甯數灬潲支t畴uri
慬献桴ml

l畲 o敳e畲捥猺


桴hp:LLwww.y潵t畢攮捯eLw慴捨㽶㵢獵=
䙐vuBl㠦li獴㵕=2j㥪s0f救いp弰Txx
bferg&i湤數㴳=

呏TA䰠: 3 vi摥潳

lt桥r r敳e畲捥猺



mr潧r慭mingLT散桮i捡c aiffi捵cty
l敶el:


B慳a挠t漠楮t敲m敤i慴a

C慰慢ility

䱯w


Mi湩m畭usi慢l攠偲潤畣e

h湯w渠n湳瑡nl慴楯渠楳獵敳⡰e敡獥s
湯tify 畳f ot桥rs:



I獳略s if 䩡J愠a i猠湯t 畳敤.



Wor歳 for A湤r潩搠灨潮e猠潮ly



䩡J愠a畳u 湯t 扥 扬潣ke搠批
獣桯潬 湥tw潲k



Bl潣o敤 批 m慮y RM 湥tw潲




Pr潢l敭猠wit栠hnt敲湥t E灬潲敲



U獥猠s慶愬 獯浥 t敡捨cr猠桡v攠
獡s搠d桡t t桥re 慲a i獳略猠wit栠
畳u湧 䩡J愠楮 獣桯潬献

A摤iti潮慬

E慳a t漠畳o 摲d朠慮搠gr潰 i湴敲f慣a,
similar to ‘Scratch’.


T敳t敤 i渠獣桯潬献 A l潴 of m慴ari慬猠
潮li湥. b慳a t漠扵ol搠d
m潢il攠慰瀠慮搠
get it r畮湩ng 潮 a m潢il攠灨潮攮









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.



Tool: AppShed

Website:

http://appshed.com/





AppShed

is an online app creation tool that
enables design, creation and publishing of
mobile apps for HTML5, iPhone and Android.

Installation

No installation


㄰0┠o湬i湥

o敧i獴er :
桴hp:LL慰灳p敤.捯c
L慰灢畩l摥rLl潧i港regi獴敲

lffi捩慬 r敳eur捥猺

桴hp:LLwww.y潵t畢攮捯eL畳urLA灰p桥d

-

vi摥潳渠
r畮湩湧 慰灳p敤 in 獣桯潬献

桴hp:LLwww.y潵t畢攮e
潭ow慴捨㽶㵊㍊㑌=y慤ur


l畲 o敳e畲捥s


lt桥r o敳eur捥c

d漠t漠䅰o獨sd.捯m,

Cli捫 潮 det st慲t敤 湯w, regi獴敲 t桥n 灲敳猠
the’Appshed Academy’ button at the bottom of the
page and select the ‘get started course’.


桴hp:LL慰灳p敤.湥tL

mr潧r慭mingLT散桮i捡c
aiffi捵cty l敶敬:

C慮 r慮g攠from 扡獩挠dr慧 慮搠dr潰, to eTM䰵.
d潯搠r慮g攠ef 慬l ki湤s of 摥v敬潰m敮t.

C慰慢ility

䱯w


Mi湩m畭usi慢l攠偲潤畣e to 桩gh prof敳獩潮慬
慰灳

h湯w渠n湳瑡nl慴楯渠
i獳略猨灬敡獥stif
y 畳f
潴桥os:

kLA

A摤iti潮慬

Alr敡摹 畳u搠楮 獣桯潬猠
-

桴hp:LLwww.y潵t畢攮捯eLw慴捨㽶㵩
-
戴sektBtc

䙲敥cf潲 獴畤敮ts to 畳u 捲敡tiv敬y

p畢獣si灴楯渠f潲 慣捥獳 t漠慤摩ti潮慬 t敡捨cr
f潣o獥s t潯ls

s畣u 慳 m潮it潲楮朠gt畤敮t 灲p杲敳献









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.


Web apps


Tool : Web Apps

Website:




Web

App

tools

use

web

and

(web)

browser

technologies

to

create

tasks

or

apps

over

the

internet

or

intranet,

typically

through

a

web

browser.

As

web

apps

do

not

need

to

be

distributed

and

installed

on

computers,

the

apps

are

popular

for

ubiquitous

cross
-
pl
atform

uses.


-

source:

<

http://web.appstorm.net/general/opinion/what
-
is
-
a
-
web
-
app
-
heres
-
our
-
definition/
>

Installation:


Just a web browser.

Some online tools/hosting may be needed such
as
JSBIN

or
eclipse orion

Official resources:

N/A

Our Resources:


Other resources:


http://www.codeavengers.com/

http://www.codecademy.com/#!/exercises/0

http://www.w3schools.com/

Programming
/Techni
cal Difficulty level:


Easy to hard.

Capability

Low


M敤i畭u(Msm 慮搠d敢 慰灳p

h湯w渠n湳瑡nl慴楯渠
i獳略猨灬敡獥stify
畳f 潴桥rs:


A摤iti潮慬

T桥獥 skill猠捡c 扥 畳ud to 慬獯⁢畩l搠d潢il攠
慰灳⁡湤⁩ptegrat攠eit栠䙡捥c潯欮

Tool :
JSBin.com

Website:

http://jsbin.com/

JS Bin allows you to
edit and test
JavaScript and HTML
(reloading the URL
also maintains the
state of your code
-

new tabs doesn’t).
lrgi湡lly 畳u搠for
摥扵杧ing 䩓Bin

is 湯w 愠gr敡t t潯l for
獴慲ti湧 潵t w敢 摥v敬潰m敮t 慮搠
m潢il攠摥e敬潰m敮t

e潷 t漠畳政

B慳a捳c潮 䩓Bfk
桴hp:LLwww.y潵t畢攮捯eLw慴捨㽶=y扖獒䙧l潈r

e潷 t漠oake m潢il攠
慰灳pfor 慮dr潩搿
(pTbm ㄩ

f湳瑡nl a 扡r捯ce 獣慮湥r 慰p 潮 y潵r 慮dr潩搠灨潮攬e獵捨 慳
-

桴h灳:LL灬慹.g潯gl攮捯cLst潲oL慰灳⽤pt慩l猿s搽捯d.g潯gl攮exin
朮捬g敮t.慮dr潩d

e潷 t漠oake m潢il攠
慰灳pfor 慮dr潩搿
(pTbm ㈩

T桥n 獣慮 慮搠楮獴慬l t桥 f潬l潷i湧 慰瀠畳png y潵r 扡r捯ce
獣慮湥r 慰p 潮 t桩猠no 捯c攠
-

桴h灳:LL扵il搮灨潮eg慰.c潭o慰灳L㌱㔶㘵L扵il摳

䙯llow t桩猠vi摥漠opTbm


桴hp:LLwww.y潵t畢攮捯eLw慴捨㽶=v獭䩱Ttr弲漦li獴㵐䱘mT1
r4krsT潯oatlrf甲㍐3pb娳l畉啱

T桩猠is t桥 li湫⁴o t桥 Amf
-

桴hp:LL摯捳.灨潮eg慰.捯mL敮L㈮2.〯楮摥x.桴ml






This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.


Social apps


Tool : Facebook integration

Website:

https://developers.facebook.com/




Facebook Developers use the Facebook
Platform for apps to

make use of
Facebook social features. Social plugins
such as ‘Like’, login and registration,
灥r獯s慬i獡瑩s渠慮搠慮慬yti捳c

f湳瑡nl慴楯n


a敶敬潰敲e慣捯畮t猠requir敤.

lffi捩慬 r敳eur捥猺


桴h灳:LL摥v敬潰e
r献fa捥c潯欮捯mL

l畲 o敳e畲捥猺


桴hp:LLwww.y潵t畢攮捯eLw慴捨㽶㵅捙am㍑䠰潍
&li獴㵕=㉪㥪s0f救いp_ごxxbf敲g&i湤數㴶

呏TA䰺 ㌠3i摥潳

lt桥r r敳e畲捥猺


桴hp:LLfr敥formers.捯cL獮i灰整猯

mr潧r慭mingLT散桮i捡c aiffi捵cty
l敶el:


M敤i畭uto e慲搮

C慰慢ility

kLA


灬ugs i湴漠數i獴ing 慰p

h湯w渠n湳瑡nl慴楯渠楳獵敳⡰e敡獥s
湯tify 畳f ot桥rs:

pt畤敮ts m畳t 桡ve

摥癥v潰敲e慣捯畮t猠慳 敡rly
慳⁰潳獩扬攮

䙡捥c潯欠Amf i猠r慰i摬y 捨c湧ing.

A摤iti潮慬 i湦ormati潮

C慮 扥 i湴n杲慴敤 i湴漠w敢 慰灳⁡湤 m潢il攠慰灳e
t漠or敡te 愠m潲o 獯捩慬 ex灥ri敮捥cf潲 t桥 畳ur.









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.


Other
app development frameworks/
tools


Tool : App
Furnace

Website:

http://appfurnace.com/





Design your app with our

easy
-
to
-
use

page

layout

tool

and library of customisable components



Immediately

try

out

your

app

online or on a real
phone



Make your app

do

whatever

you

want

using our
JavaScript editor and extensive library of
copy
-
and
-
paste examples



Build your app once,

publish

for

iPhone

&

Android

Get started straight away for free, no installation or
credit card required.

You

pay

only

when

you're

ready

to

publish.


Installation:


N/A online register

Official resources:


Not much
-

http://appfurnace.com/training/#webi
nars


Second part to a webinar
-

http://www.anymeeting.com/WebCo
nference/RecordingDefault.aspx?c_
psrid=E955D989884F

Our Resources:



Other resources:


http://www.youtube.com/watch?v=ze
GLR
-
fprHA

Programming/Technical Difficulty
level:


Can range from basic drag and drop,
to HTML5. Good range of all kinds of
development.

Capability

Low


Mi湩m畭usi慢le

mr潤畣u to
桩g栠hrof敳獩潮慬 慰灳

h湯w渠n湳瑡nl慴楯渠楳獵敳⡰e敡獥s
湯tify 畳f ot桥rs:


A摤iti潮慬

e慳⁳数慲at攠捯摥 wi湤潷.

Allow猠for 摥扵杧ing wit桩渠n桥
䩡g慓捲i灴pwi湤ow.









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.



Tool : Trigger.IO

Website:

https://trigger.io/



Trigger.IO is a mobile development framework that
enables cross
-
platform phone applications to be
written in HTML5. You can build native mobile apps for
multiple platforms from a single codebase. Some
commercial app examples are
Fetchnotes,
Rewardjunkie, Playerpro.




Installation:


Relatively easy. 3 steps.

Official resources:


http://docs.trigger.io/en/v1.4/

Our Resources:



Other resources:



Programming/Technical
Difficulty level:


Medium to hard.

Capability

Medium to High


f湤畳ury 獴慮摡rd 慰灳

h湯w渠n湳瑡nl慴楯渠
i獳略猨灬敡獥stify 畳f
潴桥os:



U獥猠捬s畤 摥v敬潰m敮t, 捯c湥cti潮
m畳u 湯t 扥 i湴敲r異t敤


A摤iti潮慬 i湦ormati潮

D敶敬潰m敮t f潲 iP桯湥 慮搠
A湤r潩搠潮dy.









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.



Tool : Phonegap

Website:

http://phonegap.com/


PhoneGap

is

a

free

and

open

source

framework

for

creating

mobile

apps

using

standardized

web

APIs,

using

HTML,

CSS

and

Javascript
.

Some

commercial

app

examples

are

BBC

Olympics,

HealthTap,

TripCase.


Installation:


Tricky, also depends on which
platform

you aim for. Clear official
guides are available for all platforms.
But they require time and quite a few
other installations and updates.

Official resources:


http://docs.phonegap.com/en/2.6.
0/i
ndex.html

Our Resources:


http://www.youtube.com/watch?v=5
QeMvG_F60o&list=UU2j9jV0feQ0D
S_0TxxEferg&index=2

TOTAL : 2 setup videos

1 basic app video

Other resources:



Programming/Technical
Difficulty level:


Medium to hard.

Capability

Medium to High


f湤畳ury 獴慮摡rd
慰灳

h湯w渠n湳瑡nl慴楯渠
i獳略猨灬敡獥stify 畳f
潴桥os:



Q畩t攠呲楣ky



N敷 v敲獩e湳⁡n攠扥en朠
r敬敡獥s freq略湴汹, t桩猠摯敳e
m敡渠楴 i猠慬w慹猠異 t漠o慴攬
扵t 異摡t敳em畳t 扥 摯n攠
m慮畡lly, 扵t 敡捨 i湤ivi摵慬
畳ur. C慮 扥 v敲e tricky t漠
m慩湴慩渠潮 愠污rge 獣慬e.

A摤iti潮慬 i湦ormati潮

䱡rg攠潰敮 獯sr捥 慰i s畣u 慳⁵獩湧
捡浥ca, a捣敬敲em整er et挠ar攠慬l
慶慩l慢l攮

桴hp://摯捳.灨潮eg慰.捯m/敮/㈮2.〯0
湤數.桴hl









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.



Tool : Corona

Website:

http://www.coronalabs.com/products/corona
-
sdk/



Corona SDK is a mobile app development
framework where you can develop cross
-
platform apps for all major platforms and
devices, build to iOS, Android, Kindle Fire,
and Nook. Some commercials examples
are Tonal Recall, Taiwan Railway.

Installation:


Relati
vely easy

Official resources:


http://www.coronalabs.com/resources/

Our Resources:



Other resources:


http://learningcorona.com/

Programming/Technical
Difficulty
level:


Easy to hard.

Capability

Medium to High


f湤畳ury 獴慮摡rd 慰灳

h湯w渠n湳瑡nl慴楯渠楳獵敳⡰e敡獥s
湯tify 畳f ot桥rs:

k潮攠e整e

A摤iti潮慬 i湦ormati潮

a潥猠湯t 畳u eTM䰵. r獥猠䱵s

a 灯灵l慲 異 慮搠
捯浩c朠污ng畡g攠畳敤 in 潴桥r 獹獴em猠獵捨 a猠
torl搠df tarcraft 慤d 潮猠慮搠dt桥r 敮gi湥猠.

Brilli慮t for dam敳 a敶敬潰m敮t.

oi捨湬i湥 r敳e畲捥u.

Brilli慮t 摥vi捥⁥c畬慴楯測n湯 湥敤 t漠t敳t
敶敲et桩湧 潮 摥vi捥献










This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.



Tool : Appmobi

We
bsite:

http://www.appmobi.com/

http://dev.html5m.com/


AppMobi{
!}

has

a

diverse

and

more

complex

range

of

features

including

hosting,

1touch

payments,

in
-
app,

live

updates

and

gamefication.

Cloud

services

have

recently

been

added.


Installation:


Relatively easy

Official resources:


http://dev.html5m.com/

Our Resources:



Other resources:



Programming/Technical Difficulty level:


Medium to hard.

Capability

Medium to High


f湤畳ury 獴慮摡rd 慰灳

h湯w渠n湳瑡nl慴楯渠楳獵敳⡰e敡獥stify
畳f 潴桥rs:



R敬慴楶ely 敡sy.



U獥猠s慶愬 獯浥 t敡捨cr猠桡v攠
獡s搠d桡t t桥re 慲a i獳略猠wit栠畳h湧
䩡J愠楮 獣桯潬献

A摤iti潮慬 i湦ormati潮

G潯搠di摥漠g畩摥猠慮d well 摯捵浥湴敤.

Al獯⁩s捬畤敳⁡egam攠敮gi湥.









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.



Tool : Appcelerator
T
itanium

Website:

http://www.appcelerator.com/



Appcelerator
allows the creation of
native apps across the widest range of
devices and operating systems (e.g.,
iOS
, Android, BB, mobile web and more)
More complex functions can be added
with upgrades such as analytics, cloud
services

Installation:


Relatively easy

Official resources:


http://docs.appcelerator.com/titanium/latest/#!/g
uide/Quick_Start

Our Resources:



Other resources:



Programming/Technical Difficulty level:


Medium to hard.

Capability

Medium to High


f湤畳ury 獴慮摡rd 慰灳

h湯w渠n湳瑡nl慴楯渠楳獵敳⡰e敡獥stify 畳f
潴桥os:

r湫湯w渨湯n f畬ly t敳瑥e 批 畳u

A摤iti潮慬 i湦ormati潮

桴hp:LL敮ri捯cng敬i湩.捯cL㈰ㄲL5
-
pr潳
-
慮a
-
捯cs
-

-
慰灣pl敲et潲o
-
tit慮i畭u









This work is licensed under a
Creative Commons Attribution
-
NonCommercial
-
ShareAlike 3.0 Unported License
.

That means you can edit it for your own use, or share
it, but if you share it you are obliged to credit Apps

for Good.
You cannot use these materials for commercial purposes.



Database

tool

:
Parse.js

Official resources:
https://www.parse.com/tutorials

Additional in
formation: Brilliant easy
to use tool to add databases to your
web or mobile app.


The Parse platform provides a complete backend solution for your mobile application. Our goal is to totally eliminate the nee
d for
writing server code or maintaining
servers.