Your SlideShare is downloading. ×
Mi primera Aplicación Android ¡¡¡Bienvenidos!!! Setiembre 2011 Gabriel Kouyoumdjian Gabriel Olivera
GTUGs: Google Tecnology User Groups Android, AppEngine, APIs de productos, developer tools, proyectos open source  267   #...
¿Por qué un Bootcamp de Android?
Cantidad estimada de Dispositivos con Android activados por d ía
Evolución de la Aplicaciones móviles disponibles en las principales tiendas
 
 
Lámparas, I’m Watch, TV
Vamos al Bootcamp!
<ul><li>Bootcamp Pendrive </li></ul><ul><li>Por favor, copia la carpeta  BOOTCAMP  a tu laptop. </li></ul><ul><li>Contenid...
Instalación del Plugin ADT En Eclipse: Help -> Install New Software.... -> Add Name:  Android Plugin Archivo:   ADT-12.0.0...
Configurar Ubicación de la SDK En Eclipse: Preferences -> Android SDK Location:  BOOTCAMP/android-sdk.../ Click en &quot;A...
Crear un nuevo Emulador Window -> AVD Manager -> Virtual Devices->New Name:  MyAVD Target:  Android 2.1 Resolution/Built-I...
Proyecto Hello World File -> New -> Android Project Project Name:    Hello World Build Target:  Android 2.1 Properties:   ...
src/com/example/HelloActivity.java - onCreate() - Bundle savedInstanceState - setContentView(R.layout.main);
El ciclo de vida de una Aplicación Android
res/layout/main.xml Definir el layout de la Actividad (Activity)
res/layout/main.xml LinearLayout
res/layout/main.xml android:orientation=&quot;vertical&quot; android:layout_width / android:layout_height &quot;fill_paren...
res/values/strings.xml Cadenas de caracteres que serán utilizadas por la aplicación
Prueba Project -> Run (Ctrl + Shift + F11)
Ejemplo de una Actividad
Hello World no está mal pero… ¿no es un poco básico?
Upgrade: Una lista
Crear res/layout/list_item.xml [1] <? xml   version = &quot;1.0&quot;   encoding = &quot;utf-8&quot; ?> < TextView   xmlns...
Modificar res/layout/main.xml [2] <? xml   version = &quot;1.0&quot;   encoding = &quot;utf-8&quot; ?> < LinearLayout   xm...
HelloActivity.java [3] public class  HelloActivity  extends  Activity  implements  OnItemClickListener  {    static final ...
Prueba Project -> Run (Ctrl + Shift + F11)
Editar Texto y botón para Agregar
Modificar main.xml [4] <? xml   version = &quot;1.0&quot;   encoding = &quot;utf-8&quot; ?> < LinearLayout   xmlns:android...
Prueba Project -> Run (Ctrl + Shift + F11)
Tiempo de implementar...
HelloActivity.java [5] package  com.example.helloworld;  import  ... public   class  HelloActivity  extends  Activity     ...
... HelloActivity.java [5] public   void  onItemClick(AdapterView<?> parent,       View view,  int  pos,  long  id) {     ...
Prueba Project -> Run (Ctrl + Shift + F11)
Experimento Cerrar la Aplicación (presionando &quot;Home&quot;) Iniciar nuevamente a partir del menú de aplicaciones. ¿Cuá...
Resultado El contenido continúa en la lista. ¿Por qué sucede esto?
Experimento Porque  Android hace lo que llamamos &quot;Activity Lifecycle Management&quot; ...y puede mantener activas o c...
Experimento 2 Cerrar la aplicación (presionando &quot;Home&quot;) Forzar el cierre de la aplicación a través del menú Menu...
Resultado El Contenido de la lista desapareció
Persistencia Fácil ->  SharedPreferences Completo ->  SQLite
Fácil ->  SharedPreferences Completo ->  Base de datos SQLite
SharedPreferences SharedPreferences sp = getPreferences(MODE_PRIVATE); Leer: String x = sp.getString(&quot;key&quot;, &quo...
HelloActivity.java [6] void  saveData() {      SharedPreferences.Editor spe =          getPreferences( MODE_PRIVATE ).edit...
HelloActivity.java [6] public   void  onCreate(Bundle savedInstanceState) {      super .onCreate(savedInstanceState);     ...
HelloActivity.java [6] public   void  onClick(View view) {      EditText et = (EditText)      findViewById(R.id. mytextvie...
Prueba Project -> Run (Ctrl + Shift + F11)
El &quot;Toast&quot; que aparece al hacer click en la lista tampoco está muy bueno... ¿Cómo se pode implementar una búsque...
... HelloActivity.java [7] public   void  onItemClick(AdapterView<?> parent,       View view,  int  pos,  long  id) {     ...
Referencias: Elaborado (con adaptaciones) a partir de los tutoriales: http://developer.android.com/resources/tutorials/hel...
¡Gracias! ¡¡¡Hasta la próxima!!! Gabriel Kouyoumdjian (gabriel.kb@gtugs.org) Gabriel Olivera (gabriel.olivera@gtugs.org)
Upcoming SlideShare
Loading in...5
×

Android Bootcamp - GTUG Uruguay

1,653

Published on

Android Bootcamp, Setiembre 2011. GTUG Uruguay.

Published in: Technology, Art & Photos
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,653
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Install (Unzip) SDK Configure Ecipse with SDK location Download Android platforms
  • Install (Unzip) SDK Configure Ecipse with SDK location Download Android platforms
  • onCreate()   Called when the activity is first created. This is where you should do all of your normal static set up: create views, bind data to lists, etc. This method also provides you with a Bundle containing the activity&apos;s previously frozen state, if there was one. Always followed by onStart(). setContentView():  Set the activity content to an explicit view. This view is placed directly into the activity&apos;s view hierarchy. It can itself be a complex view hierarchy. link to http://developer.android.com/images/activity_lifecycle.png?
  • fill_parent :  means that the view wants to be as big as its parent (minus padding) wrap_content : means that the view wants to be just big enough to enclose its content (plus padding) String Resources: In Java: R.string. string_name In XML:@string/ string_name
  • dp:  Density-independent Pixels - an abstract unit that is based on the physical density of the screen. These units are relative to a 160 dpi screen, so one dp is one pixel on a 160 dpi screen. The ratio of dp-to-pixel will change with the screen density, but not necessarily in direct proportion. Note: The compiler accepts both &amp;quot;dip&amp;quot; and &amp;quot;dp&amp;quot;, though &amp;quot;dp&amp;quot; is more consistent with &amp;quot;sp&amp;quot;. sp:  Scale-independent Pixels - this is like the dp unit, but it is also scaled by the user&apos;s font size preference. It is recommend you use this unit when specifying font sizes, so they will be adjusted for both the screen density and user&apos;s preference.
  • @+id/  means that we are creating this id in the namespace of our application 
  • R.id.mylistview  references entity declared on Resource file Toast:  A toast is a view containing a quick little message for the user. The toast class helps you create and show those. ArrayAdapter:  A concrete BaseAdapter that is backed by an array of arbitrary objects. By default this class expects that the provided resource id references a single TextView. If you want to use a more complex layout, use the constructors that also takes a field id. That field id should reference a TextView in the larger layout resource.
  • Note that the width of EditText is defined in sp
  • ?
  • getPreferences() :  Retrieve a  SharedPreferences  object for accessing preferences that are private to this activity. MODE_PRIVATE : File creation mode: the default mode, where the created file can only be accessed by the calling application (or all applications sharing the same user ID).  MODE_WORLD_READABLE:  File creation mode: allow all other applications to have read access to the created file  MODE_WORLD_WRITABLE:  File creation mode: allow all other applications to have write access to the created file.
  • Second argument in  sp.getString(&amp;quot;countries&amp;quot;, &amp;quot;Brazil;Argentina;Mexico&amp;quot;);  is the default value
  • Intent:  An intent is an abstract description of an operation to be performed. An Intent provides a facility for performing late runtime binding between the code in different applications. Its most significant use is in the launching of activities, where it can be thought of as the glue between activities. It is basically a passive data structure holding an abstract description of an action to be performed. The primary pieces of information in an intent are: action -- The general action to be performed, such as  ACTION_VIEW ,  ACTION_EDIT ,  ACTION_MAIN , etc. data -- The data to operate on, such as a person record in the contacts database, expressed as a  Uri .
  • Transcript of "Android Bootcamp - GTUG Uruguay"

    1. 1. Mi primera Aplicación Android ¡¡¡Bienvenidos!!! Setiembre 2011 Gabriel Kouyoumdjian Gabriel Olivera
    2. 2. GTUGs: Google Tecnology User Groups Android, AppEngine, APIs de productos, developer tools, proyectos open source  267 #capítulos (activos + incubando) 545 #eventos en los últimos seis meses En Uruguay: uy-gtug.org
    3. 3. ¿Por qué un Bootcamp de Android?
    4. 4. Cantidad estimada de Dispositivos con Android activados por d ía
    5. 5. Evolución de la Aplicaciones móviles disponibles en las principales tiendas
    6. 8. Lámparas, I’m Watch, TV
    7. 9. Vamos al Bootcamp!
    8. 10. <ul><li>Bootcamp Pendrive </li></ul><ul><li>Por favor, copia la carpeta BOOTCAMP a tu laptop. </li></ul><ul><li>Contenido: </li></ul><ul><ul><li>android-sdk: developer kit </li></ul></ul><ul><ul><li>eclipse: IDE desarrollo </li></ul></ul><ul><ul><li>txt: código del tutorial </li></ul></ul><ul><ul><li>ADT: plugin para eclipse </li></ul></ul>
    9. 11. Instalación del Plugin ADT En Eclipse: Help -> Install New Software.... -> Add Name: Android Plugin Archivo: ADT-12.0.0.zip (en la carpeta BOOTCAMP) [x] Developer Tools [ ] DESMARCAR &quot;Check all update sites...&quot; Next, next, next....., restart.
    10. 12. Configurar Ubicación de la SDK En Eclipse: Preferences -> Android SDK Location: BOOTCAMP/android-sdk.../ Click en &quot;Apply&quot; Click en &quot;OK&quot;
    11. 13. Crear un nuevo Emulador Window -> AVD Manager -> Virtual Devices->New Name: MyAVD Target: Android 2.1 Resolution/Built-In: HVGA Create AVD Close
    12. 14. Proyecto Hello World File -> New -> Android Project Project Name:   Hello World Build Target: Android 2.1 Properties:   Application Name:  Hello World   Package Name:  com.example.helloworld   Create Activity:  HelloActivity
    13. 15. src/com/example/HelloActivity.java - onCreate() - Bundle savedInstanceState - setContentView(R.layout.main);
    14. 16. El ciclo de vida de una Aplicación Android
    15. 17. res/layout/main.xml Definir el layout de la Actividad (Activity)
    16. 18. res/layout/main.xml LinearLayout
    17. 19. res/layout/main.xml android:orientation=&quot;vertical&quot; android:layout_width / android:layout_height &quot;fill_parent&quot; &quot;wrap_content&quot; &quot;@string/hello&quot;
    18. 20. res/values/strings.xml Cadenas de caracteres que serán utilizadas por la aplicación
    19. 21. Prueba Project -> Run (Ctrl + Shift + F11)
    20. 22. Ejemplo de una Actividad
    21. 23. Hello World no está mal pero… ¿no es un poco básico?
    22. 24. Upgrade: Una lista
    23. 25. Crear res/layout/list_item.xml [1] <? xml version = &quot;1.0&quot; encoding = &quot;utf-8&quot; ?> < TextView xmlns:android = &quot;http://schemas.android.com/apk/res/android&quot; android:layout_width = &quot;fill_parent&quot; android:layout_height = &quot;fill_parent&quot; android:padding = &quot;10dp&quot; android:textSize = &quot;16sp&quot; > </ TextView > Definir el layout de cada elemento de la lista
    24. 26. Modificar res/layout/main.xml [2] <? xml version = &quot;1.0&quot; encoding = &quot;utf-8&quot; ?> < LinearLayout xmlns:android = &quot;http://schemas.android.com/apk/res/android&quot; android:orientation = &quot;vertical&quot; android:layout_width = &quot;fill_parent&quot; android:layout_height = &quot;fill_parent&quot; > < ListView android:id = &quot;@+id/mylistview&quot;   android:layout_width = &quot;fill_parent&quot; android:layout_height = &quot;fill_parent&quot; /> </ LinearLayout >
    25. 27. HelloActivity.java [3] public class HelloActivity extends Activity implements OnItemClickListener {   static final String[] COUNTRIES = { &quot;Uruguay&quot; ,               &quot;Argentina&quot; , &quot;Brasil&quot; };   @Override   public void onCreate(Bundle savedInstanceState) {      super .onCreate(savedInstanceState);      setContentView(R.layout. main );      ListView lv = (ListView) findViewById(R.id. mylistview );      lv.setAdapter( new ArrayAdapter<String>( this ,           R.layout. list_item ,          COUNTRIES ));      lv.setOnItemClickListener( this );   }      public void onItemClick(AdapterView<?> parent, View view,             int pos, long id) {       Toast.makeText(getApplicationContext(),           ((TextView) view).getText(),          Toast. LENGTH_SHORT ).show(); }
    26. 28. Prueba Project -> Run (Ctrl + Shift + F11)
    27. 29. Editar Texto y botón para Agregar
    28. 30. Modificar main.xml [4] <? xml version = &quot;1.0&quot; encoding = &quot;utf-8&quot; ?> < LinearLayout xmlns:android = &quot;http://schemas.android.com/apk/res/android&quot; android:orientation = &quot;vertical&quot; android:layout_width = &quot;fill_parent&quot; android:layout_height = &quot;fill_parent&quot; >      < LinearLayout          android:layout_width = &quot;fill_parent&quot;          android:layout_height = &quot;wrap_content&quot;          android:orientation = &quot;horizontal&quot; >          < EditText               android:id = &quot;@+id/mytextview&quot;              android:layout_width = &quot;200sp&quot;              android:layout_height = &quot;wrap_content&quot;              android:text = &quot;&quot; />          < Button                android:id = &quot;@+id/mybutton&quot;              android:layout_width = &quot;wrap_content&quot;              android:layout_height = &quot;wrap_content&quot;              android:text = &quot;Agregar&quot; />      </ LinearLayout >      < ListView          android:id = &quot;@+id/mylistview&quot;          android:layout_width = &quot;fill_parent&quot;          android:layout_height = &quot;fill_parent&quot; /> </ LinearLayout >
    29. 31. Prueba Project -> Run (Ctrl + Shift + F11)
    30. 32. Tiempo de implementar...
    31. 33. HelloActivity.java [5] package com.example.helloworld;  import ... public class HelloActivity extends Activity      implements OnItemClickListener, OnClickListener {      private List<String> countries =           new ArrayList<String>();      private ArrayAdapter<String> adapter ;      @Override      public void onCreate(Bundle savedInstanceState) {          super .onCreate(savedInstanceState);          setContentView(R.layout. main );          countries .add( &quot;Uruguay&quot; );          countries .add( “Argentina&quot; ); countries .add( “Brasil&quot; ); countries .add( “Chile&quot; ); countries .add( “Mexico&quot; ); ListView lv = (ListView)               findViewById(R.id. mylistview );          adapter = new ArrayAdapter<String>(              this , R.layout. list_item , countries );          lv.setAdapter( adapter );          lv.setOnItemClickListener( this );          Button btn = (Button) findViewById(R.id. mybutton );          btn.setOnClickListener( this ); } ...
    32. 34. ... HelloActivity.java [5] public void onItemClick(AdapterView<?> parent,      View view, int pos, long id) {      Toast. makeText (getApplicationContext(),                      ((TextView)view).getText(),      Toast. LENGTH_SHORT ).show(); } public void onClick(View view) {      EditText et = (EditText) findViewById(R.id. mytextview );      countries .add(et.getText().toString());      adapter .notifyDataSetChanged(); }
    33. 35. Prueba Project -> Run (Ctrl + Shift + F11)
    34. 36. Experimento Cerrar la Aplicación (presionando &quot;Home&quot;) Iniciar nuevamente a partir del menú de aplicaciones. ¿Cuál es el resultado?
    35. 37. Resultado El contenido continúa en la lista. ¿Por qué sucede esto?
    36. 38. Experimento Porque  Android hace lo que llamamos &quot;Activity Lifecycle Management&quot; ...y puede mantener activas o cerrar las Activities de acuerdo a las necesidades
    37. 39. Experimento 2 Cerrar la aplicación (presionando &quot;Home&quot;) Forzar el cierre de la aplicación a través del menú Menu -> Manage Apps -> Hello World -> Force Stop Iniciar nuevamente a partir del menú de aplicaciones. ¿Cuál es el resultado esta vez?
    38. 40. Resultado El Contenido de la lista desapareció
    39. 41. Persistencia Fácil -> SharedPreferences Completo -> SQLite
    40. 42. Fácil -> SharedPreferences Completo -> Base de datos SQLite
    41. 43. SharedPreferences SharedPreferences sp = getPreferences(MODE_PRIVATE); Leer: String x = sp.getString(&quot;key&quot;, &quot;defaultvalue&quot;); Escribir: SharedPreferences.Editor spe = sp.edit(); spe.putString(&quot;key&quot;, &quot;value&quot;); spe.commit();
    42. 44. HelloActivity.java [6] void saveData() {      SharedPreferences.Editor spe =          getPreferences( MODE_PRIVATE ).edit();      StringBuilder sb = new StringBuilder();      for ( int  i = 0; i < countries .size(); i++)          sb.append( ((i == 0) ? &quot;&quot; : &quot;;&quot; )              + countries .get(i));      spe.putString( &quot;countries&quot; , sb.toString());      spe.commit(); } void loadData() {      SharedPreferences sp =                   getPreferences( MODE_PRIVATE );      String countryList =      sp.getString( &quot;countries&quot; ,          &quot;Uruguay;Argentina;Brasil;Chile;Mexico&quot; );      for (String country : countryList.split( &quot;;&quot; ))          countries .add(country); }
    43. 45. HelloActivity.java [6] public void onCreate(Bundle savedInstanceState) {      super .onCreate(savedInstanceState);      setContentView(R.layout. main );      loadData();      ListView lv = (ListView)      findViewById(R.id. mylistview );      adapter = new ArrayAdapter<String>( this ,      R.layout. list_item , countries );      lv.setAdapter( adapter );      lv.setOnItemClickListener( this );      Button btn = (Button) findViewById(R.id. mybutton );      btn.setOnClickListener( this ); }
    44. 46. HelloActivity.java [6] public void onClick(View view) {      EditText et = (EditText)      findViewById(R.id. mytextview );      countries .add(et.getText().toString());      adapter .notifyDataSetChanged();      saveData(); }
    45. 47. Prueba Project -> Run (Ctrl + Shift + F11)
    46. 48. El &quot;Toast&quot; que aparece al hacer click en la lista tampoco está muy bueno... ¿Cómo se pode implementar una búsqueda en la Web en vez del Toast?
    47. 49. ... HelloActivity.java [7] public void onItemClick(AdapterView<?> parent,       View view, int pos, long id) {      Uri uri = Uri.parse(&quot; http :// www.google.com/search?hl=en&q= &quot; + Uri.encode(countries.get(pos), null) + &quot;&btnI= &quot; + Uri.encode(&quot;I'm Feeling Lucky&quot;));      Intent intent = new Intent(      Intent. ACTION_VIEW , uri);      startActivity(intent); }
    48. 50. Referencias: Elaborado (con adaptaciones) a partir de los tutoriales: http://developer.android.com/resources/tutorials/hello-world.html http://developer.android.com/resources/tutorials/views/index.html
    49. 51. ¡Gracias! ¡¡¡Hasta la próxima!!! Gabriel Kouyoumdjian (gabriel.kb@gtugs.org) Gabriel Olivera (gabriel.olivera@gtugs.org)

    ×