Tecnologia ESO

Recursos per l'ensenyament de la tecnologia a l'ESO.

Informàtica 4t

Recursos per informàtica de 4t ESO.

Coordinació TAC

Material de suport per la coordinació TAC de l'institut d'Altafulla.

Recursos TIC per professors

Espai que ofereix una selecció de recursos pel professorat.

Disseny d'APP

Participem en el programa mschools que apropa el disseny d'APP als adolescents.

26 abr 2017

ParisMapTour

En aquesta aplicació farem un tour per Paris, escollirem una destinació i l'aplicació en portarà amb google maps.
Per fer això utilitzarem el component Listpicker (per fer un llistat de llocs) i activitystarter


1.Obrir APPInventor
2. CREATE APPS. Recordeu el vostre usuari (correo gmail) i contrasenya
3. START NEW PROJECT. Anomeneu-lo ParisMaptour Recordeu que no accepta espais
4. En el dissenyador hem d'afegir:
 - una imatge
 - webWiewer(el trobareu a SOCIAL)
-una etiqueta (LABEL)
- listpicker
- ActivityStarters (el trobareu a CONNECTIVITY)

Fixeu-vos:



fixeu-vos en la programació



Efecte Swipe (Lliscar el dit) amb APP Inventor


L' efecte Swipe o "lliscar el dit"és un efecte bastant comú en nombroses aplicacions mòbils.
Si tenim una llista d'imatges que volem mostrar a la nostra APP, el més senzill  és col·locar-les totes amb noms correlatius, això és: 1, 2, 3 , ...etc. sense oblidar-nos de la seva extensió corresponent ja sigui ".png" o ",jpg".

Descarregar les imatges

1.Obrir APPInventor
2. CREATE APPS. Recordeu el vostre usuari (correo gmail) i contrasenya
3. START NEW PROJECT. Anomeneu-lo Flung Recordeu que no accepta espais
4. En el dissenyador hem d'afegir: - un canvas i un notificador

Les imatges les carregarem sobre un component de tipus Canvas(Llenç) i seran desplaçades conforme al moviment del dit de l'usuari.

Utilitzant aquest llenç controlarem l'esdeveniment flung (Llançat) així com l'adreça del dit de l'usuari. Es pot desplaçar lleugerament cap amunt o cap avall per això utilitzem la funció valor absolut i en funció d'ella incrementarem o disminuirem la posició actual de l'índex sobre la llista que mostra les imatges. Simplement com a consideració a l'anterior és que hem de tenir en compte que arribats a l'índex 0 o a l'índex que té el nombre d'imatges + 1 tindrem literalment que "donar la volta".




5. A l'apartat blocs
En primer lloc donarem valor a les variables








5 abr 2017

Accedir a la galeria de fotos amb APP Inventor

El component ImagePicker (la galeria d' imatges) en App Inventor és un selector d'imatges que permet escollir una imatge des de la galeria de fotos del mòbil.

ImagePicker és un botó que quan l'usuari el premi apareixeran la galeria de fotos i pot seleccionar una fotografia.

Quan un usuari fa una fotografia amb el mobil existeix la propietat ImagePath que no és mes que una cadena de text que representa la fotografia.


ESDEVENIMENTS
AfterPicking L' usuari selecciona un element en el selector d'imatges.
BeforePicking L'usuari ha pulsat sobre el selector d'imatges però encara no ha seleccionat cap element
GotFocus  Selector d' imatges es convirteix en l'element enfocat.
LostFocus Selector d' imatges ja no és l'element enfocat.

Anem a fer una app en la que seleccionem una fotografia de la nostra galeria de fotos

1. Obrir APPInventor
2. CREATE APPS. Recordeu el vostre usuari (correo gmail) i contrasenya
3. START NEW PROJECT. Anomeneu-lo imagepicker Recordeu que no accepta espais
4. En el dissenyador hem d'afegir:
 - una imatge.. (li donarem 300 pixels d'alçada i d'amplada)
 - imagePicker (la trobareu a media)






Trobar una ubicació amb APP Inventor

L'aplicació consisteix a trobar la ubicació on estem, veure-la amb google maps i compartir-la per whastapp, gmail, etc....

1. Obrir APPInventor
2. CREATE APPS. Recordeu el vostre usuari (correo gmail) i contrasenya
3. START NEW PROJECT. Anomeneu-lo  Locationsensortest Recordeu que no accepta espais
4. En el dissenyador hem d'afegir:
  - 4 etiquetes (labels): per la latitud, longitud, altitud i direcció
  - 2 botons (Button)
  - Sharing (el trobareu a SOCIAL)
  - ActivityStarters (el trobareu a CONNECTIVITY)
  - Location sensor  (el trobareu a SENSOR)

Fixeu-vos en la imatge


En bocks, aneu en compte amb els quadres de text, heu de posar el mateix




Per comprovar si l'aplicació funciona heu de tenir el GPS activat





3 abr 2017

Situar punts en un mapa amb app inventor

Per veure un mapa de Google en el nostre dispositiu mòbil, hem de fer una crida al Google Maps des de la nostra app.
Això ho farem incorporant en el dissenyador el component ActivityStarter i configurant l'inici de la nostra app de la següent forma:



En el component text hem d'afegir exactament el que veieu a la imatge

L'ActiviyStarter és un component d'App Inventor que permet engegar altres aplicacions des de la nostra app.
En aquest cas li estem dient a App Inventor que volem treballar amb l'aplicació Google Maps.

L'ActivityStarter té una altra propietat, el DataUri, amb la que indicarem a GoogleMaps com és el mapa que volem veure.

 Un cop ho tenim tot configurat, cal dir-li a l'ActivityStarter que engegui l'aplicació que volem veure:



24 feb 2017

YOMO Enquesta posterior