• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Taller Android SHDH Ciudad Obregon
 

Taller Android SHDH Ciudad Obregon

on

  • 496 views

Taller de Android impartido durante el Super Happy Dev House en Ciudad Obregon, libre y actual para la version 21 de Android Development To

Taller de Android impartido durante el Super Happy Dev House en Ciudad Obregon, libre y actual para la version 21 de Android Development To

Statistics

Views

Total Views
496
Views on SlideShare
496
Embed Views
0

Actions

Likes
0
Downloads
18
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Taller Android SHDH Ciudad Obregon Taller Android SHDH Ciudad Obregon Presentation Transcript

    • Developers Desarrollo en Android NEXT > @jmsalcido & @jeshuar &
    • Developers Contenido esperado…ojo: hay teoría que debemos ver:^) NEXT >
    • Developers ¿Que sabes de Android? *anímense a comentar* NEXT >
    • Developers Que es Android Android es el sistema operativo mas popular para plataformas móviles. Con Android puedes usar todas las aplicaciones de Google que conoces y utilizas y hay mas de 600,000 apps y juegos disponibles para mantenerte entretenido en la tienda: - Google Play NEXT >
    • Developers Por que es popular Millones de personas ya usan Androidpor que es el núcleo de tú dispositivo. NEXT >
    • Developers Conozcamos a Android Android es conocido por estos dos amigos: Robot de Android, nosotros El Logo de Android no debe lo llamamos Andy de cariño. usarse, ni su tipografia. Pero eso es solo la marca. NEXT >
    • Developers Las 3 D de Android Quiero desarrollar YA. Debemos Tranquilo. hacer lo siguiente: Hay  Diseñar muchos pasos antes de siquiera  Desarrollar comenzar a desarrollar una app.  Distribuir Un montononal de TEORIA, que veremos en los siguientes… 10 o 15 minutos. DDD NEXT >
    • Developers Primer D, Diseño.Como desarrolladores debemos conocerlas 3D de Android.Comenzamos con la D deD I S E Ñ O.- UI (User Interface)- UX (User eXperience) NEXT >
    • Developers Tipografía Tipografía Roboto. Es muy importante recordar la tipografía usada, ya que es utilizada en diferentes tamaños de pantalla y se creo con ese fin especifico. Se utiliza la tipografía: Roboto. NEXT >
    • Developers UI – User Interface Una app en Android tiene normalmente estos atributos: 1. Action Bar 2. View Control 3. Content Area 4. Split Action Bar Los botones virtuales son: - Back - Home - Apps abiertas NEXT >
    • Developers UX – User eXperienceLos principios de diseño fueron desarrollados por el equipo de Android UX en Googlepara mantener los intereses de los usuarios en mente. Es importante considerarlos yusarlos. Enchant Me Simplify My Life Make Me Amazing NEXT >
    • Developers Android PuroMuchos desarrolladores quieren distribuir varias apps en diferentesplataformas al mismo tiempo, apps “multiplataforma”. Mientras planeas tu appes importante recordar que cada plataforma tiene sus reglas y convenciones.No hay que imitar elementos de la UI de otras plataformas Uno de los errores mas comunes es utilizar los bloques de la UI de otras plataformas como iOS y Windows Phone 7 (8) NEXT >
    • Developers Android PuroNo modificar los iconos de la plataforma o re-utilizar. Hay iconos especiales para acciones como: - Compartir - Guardar - Buscar - Eliminar - Favoritos Estos son diferentes en cada plataforma, lo ideal es no modificarlos pues el usuario esta acostumbrado a ellos. NEXT >
    • Developers Android PuroNo uses tab bars debajo del contenido. iOS utiliza las barras de tabs debajo del contenido, esa es una de sus propiedades. En Android, se muestran en la Action Bar ó arriba del contenido. NEXT >
    • Developers Adios DiseñoRecordando el DISEÑO: Enchant Me Make Me Amazing Simplify My Life Android Puro NEXT >
    • Developers Segunda D, DesarrolloLa parte del código (yeei!!): DESARROLLO- Java- XML- Ambiente- Eclipse y ADT- Que es una app- Desarrollar apps! NEXT >
    • Developers DesarrolloHay algunas abreviaciones y conceptos que usaremos:- ADT : Android Developer Tools- AVD : Android Virtual Device- Actividad: Uno de los componentes de una aplicación. Llamaremos actividades a las “ventanas” de momento. NEXT >
    • Developers Ah!, las herramientas!!!Primero que nada, hay que descargar las herramientas: * no sean gachos con la banda ancha, pásenlo entre ustedes * Descargar ADT NEXT >
    • Developers Herramientas Las herramientas descargadas contienen lo siguiente: - Eclipse & ADT (IDE) - UI Builder (IDE) - Android SDK - Pruebas & Debug (IDE) NEXT >
    • Developers Java Se cree que Google decidió usar Java por las siguientes razones: - Lenguaje conocido - No hay punteros - Corre en una maquina virtual - Cantidad enorme de herramientas para java - La diferencia entre C y Java no es tanta, si fuera así, compilar en ASM es la soluciónNota: Android no corre java en tiempo de ejecución. Solamente el códigoes java. NEXT >
    • Developers XMLSe utiliza XML por que es un lenguaje sencillo de convertir ymanipular, este lenguaje puede ser convertido a un archivobinario tan pequeño que se puede montar en un dispositivomóvil sin ninguna preocupación.Muchas herramientas para la creación de UI utilizan XML paradefinir los elementos utilizados.Es un lenguaje muy legible.Parecido a HTML. NEXT >
    • Developers Ambiente Android y sus desarrolladores han evolucionado mucho gracias a Google. Google proporciona hoy en día un paquete llamado ADT, donde se proveen las herramientas necesarias: - SDK de Android - Eclipse (IDE) - Plugins necesarios (Eclipse) NEXT >
    • Developers Eclipse y ADT Vista común de Eclipse, el IDE que Google recomienda para el desarrollo de apps. NEXT >
    • Developers Eclipse y ADTAbrimos ADV Manager presionando el pequeño celularcito: NEXT >
    • Developers Eclipse y ADTAbrimos ADV Manager presionando el pequeño celularcito: Llenamos los datos de la siguiente manera. NEXT >
    • Developers Proyecto de Android Código Librerías Recursos Manifiesto NEXT >
    • Developers Que es una appUna app de Android esta escrita en Java, el SDK compila este código ysus recursos en un paquete llamado Android Package (APK).Una app tiene 4 tipos de componentes (unidades que conformar un sistema):- Actividades- Servicios- Content Providers- Broadcast Receivers NEXT >
    • Developers Creando nuestra primera app - Creamos un proyecto en ADT - Le damos Start/Inicio a nuestro AVD: Prueba - Creamos un nuevo proyecto de Android. NEXT >
    • Developers Creando nuestra primera app Llenaremos los datos como lo vemos en la imagen. Es importante recordar el campo Minimum Required SDK es la versión mas baja que será soportada por nuestra app. NEXT >
    • Developers Creando nuestra primera app Seguimos al asistente… NEXT > NEXT >
    • Developers Creando nuestra primera app Seguimos al asistente… NEXT > NEXT >
    • Developers Creando nuestra primera app Seguimos al asistente… NEXT > NEXT >
    • Developers Creando nuestra primera app Tendremos esta ventana en ADT. Este es el editor de UI. NEXT >
    • Developers Creando nuestra primera appPara ejecutar nuestra appsolo clickeamos en: NEXT >
    • Developers Examinando el código… package personal.nombre.prueba; import android.os.Bundle; import android.app.Activity; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } } NEXT >
    • Developers Modificando nuestra primer app.Vamos a utilizar solo 2elementos disponiblespara crearaplicaciones, un botón yuna entrada de textosimple.Y usaremos 2 ventanaspara lograr esto. NEXT >
    • Developers Construyendo la UILas interfaces graficas de Android están construidas usando unajerarquía de vistas.- View: Una sola unidad de vista.- ViewGroup: Grupo de vistas que puede contener mas grupos. NEXT >
    • Developers Agregando un LinearLayoutUn LinearLayout es un viewgroup que deja poner vistas en orientaciónhorizontal ó vertical.Borraremos el contenido del archivo res/layout/activity_main.xml yescribiremos el contenido del siguiente snippet de codigo.<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" ></LinearLayout> NEXT >
    • Developers Agregando un TextField Un TextField es un campo que puede ser modificado por el usuario. Dentro del Layout agregado anteriormente agregamos el siguiente código:<EditText android:id="@+id/edit_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:hint="@string/edit_message" /> Los atributos de cada Objeto XML son importantes. NEXT >
    • Developers Strings como recursosModificaremos el archivo res/values/strings.xml que es el archivo quecontiene los strings que estarán guardados como recursos. <string name="edit_message">Enter a message</string> <string name="button_send">Send</string>Guardar los strings como recurso facilitara la internacionalización denuestra app. NEXT >
    • Developers Agregando un botónAgregaremos un botón después del TextField anterior.<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/button_send" />Todo esto lo podemos crear con el editor de Eclipse, pero es mejor escribirlopara aprender. NEXT >
    • Developers ¿cómo vamos? La vista del editor grafico, nos debe mostrar la siguiente interfaz. NEXT >
    • Developers Se ve como que feíto…Para hacer que la caja de textotome mas espacio, es necesarioaplicarle PESO a nuestra vista.Agregamos lo siguiente alEditText: android:layout_weight="1"Y se vera como el snippet de:https://gist.github.com/jmsalcido/5016020 NEXT >
    • Developers Haciendo funcionar el botón SendPara hacer funcionar el botón Send necesitamos hacer lo siguiente:- Agregarle la función onClick al boton en el objeto XML android:onClick="sendMessage"- Agregarle la rutina/método al archivo que nos genero Eclipse en la carpeta src/ public void sendMessage(View view) { // Responder al evento } NEXT >
    • Developers Haciendo funcionar el botón SendNecesitaremos hacer uso de los Intents y conocer lo que es una Actividad. Que es un Intent Que es una actividad NEXT >
    • Developers Haciendo funcionar el botón SendPrimero crearemos la actividad nueva, siguiendo el asistente. Le damosa: NEXT >
    • Developers Haciendo funcionar el botón Send Necesitamos hacer que nuestra aplicación obtenga el texto del campo y lo mande por un Intent, agregaremos el siguiente código al método sendMessage de MainActivity:public final static String EXTRA_MESSAGE = "com.example.myfirstapp.MESSAGE";public void sendMessage(View view) { Intent intent = new Intent(this, DisplayMessageActivity.class); EditText editText = (EditText) findViewById(R.id.edit_message); String message = editText.getText().toString(); intent.putExtra(EXTRA_MESSAGE, message); startActivity(intent); } NEXT >
    • Developers Haciendo funcionar el botón SendEn la segunda actividad: DisplayMessageActivity super.onCreate(savedInstanceState); // Obtener el intent y el mensaje Intent intent = getIntent(); String message = intent.getStringExtra(MainActivity.EXTRA_MESSAGE); // Crear TextView TextView textView = new TextView(this); textView.setTextSize(40); textView.setText(message); // Darle la vista a la activity setContentView(textView); NEXT >
    • Developers Terminada la primer app NEXT >
    • Developers <jesus> NEXT >
    • Developers NO estamos locosNo, no estamos locos, toda la información la pueden encontrar en:http://developer.android.com/En ingles, obviamente. NEXT >
    • Developers CODEAR!!! Quien se anime a codear una app hoy, en hora buena vamos a darle y la distribuimos, ¿qué les parece? NEXT >
    • Developers <Titulo>
    • Developers titel NEXT >