SlideShare una empresa de Scribd logo
Aplicaciones Android
Programación Móvil
Profesor: Josafat Poctzin Dircio
Objetivo
Mostrar la forma de crear aplicaciones Android
con múltiples Activities y uso de Web Services,
para que una aplicación Android sea capaz de
conectarse a una Base de Datos remota, y
almacenar los registros capturados desde un
dispositivo móvil.
Android
Es un sistema operativo basado en el núcleo de Linux,
inicialmente diseñado para dispositivos móviles y
actualmente funcional en televisores, relojes inteligentes
y automóviles.
Para desarrollar aplicaciones para Android, podemos usar
IDEs como Android Studio, Xamarin, Eclipse, y NetBeans
entre otros.
Creación de una aplicación
Crearemos un avance del proyecto de la Actividad 3 de
U3, siguiendo estos pasos:
Creación de una aplicación
Estructura del
proyecto.
Elegimos una Activity vacía.
Código fuente
Archivo del layout.
Código generado de MainActivity.
Interfaz gráfica
Vista de diseño de MainActivity.
Interfaz gráfica
Copiamos la imagen que vamos a usar en nuestro
proyecto, en la siguiente carpeta.
Movemos el cuadro de texto y cambiamos algunas
propiedades.
Interfaz gráfica
Arrastramos una ImageView debajo del primer
elemento.
Insertamos un Text de tipo Number cambiando la
propiedad ID por txtNumero, textColor por Negro y
textSize por 18 sp.
Interfaz gráfica
También cambiaremos la propiedad hint
Resultado
Interfaz gráfica
Insertamos un Button cambiando la propiedad ID por
btnBinario, textColor por Negro y textSize por 18 sp
Agregamos otros más llamados
btnOctal, btnHexadecimal,
btnAcerca y btnSalir, colocando el
mismo color a textColor y 18sp a
textSize. Lo que veremos será esta
interfaz.
Agregando una Activity
Creamos una segunda Activity
Agregando una Activity
Sin contar el título Decimal a
Binario, los id son txtN, txtProceso
y btnRegresar
Insertamos los elementos mostrados
Código de MainActivity
Clases importadas.
Código de MainActivity
Código de MainActivity
Código de botón btnSalir. Lo único que realiza es
detener la ejecución de la aplicación.
Código parcial de ActivityBinario
Ejecución en el emulador
Aplicación con conexión a BD
remota
Se mostrarán diversos elementos para crear una
aplicación que permita el registro de empleados en
una base de datos remota.
¿Qué es un Web Service?
Es un módulo creado en algún lenguaje de programación que nos
permitirá establecer un enlace con una base de datos almacenada en
un servidor.
// Webservice conexion.php
<?
$link = mysqli_connect("localhost", "poctzinc", "");
mysqli_select_db($link, "poctzinc_Prestaciones");
/* verificar la conexión */
if (mysqli_connect_errno()) {
printf("Conexión fallida: %sn", mysqli_connect_error());
exit();
}
?>
Webservice inserta_empleado.php
Para almacenar un registro de empleado en la BD usaremos el
siguiente código.
<?
include "conexion.php";
$numempleado=$_POST['numempleado'];
$nombre=$_POST['nombre'];
$apaterno=$_POST['apaterno'];
$amaterno=$_POST['amaterno'];
$academia=$_POST['academia'];
$plantel=$_POST['plantel'];
$nivel=$_POST['nivel'];
$turno=$_POST['turno'];
$email=$_POST['email'];
$contrasena=$_POST['contrasena'];
$confirmacion=$_POST['confirmacion'];
$clave=$_POST['clave'];
Continuación inserta_empleado.php
$sql="INSERT INTO Empleados (nempleado, nombre_emp,
apaterno_emp, amaterno_emp, academia_emp, plantel_emp,
nivel_emp, turno_emp, email_emp, contrasena_emp) ".
"VALUES('$numempleado', '$nombre', '$apaterno', '$amaterno',
'$academia', '$plantel', '$nivel', '$turno','$email','$contrasena');";
$result=mysqli_query($link, $sql);
mysqli_close($link);
?>
En este código se deben integrar las verificaciones de datos antes
de almacenarlos en la BD, por ejemplo, verificar que no haya datos
vacíos, que la contraseña coincida con la confirmación, entre otros.
Carpeta donde se deben alojar
Ambos Webservices deben colocarse en una carpeta en tu
servidor web.
Creación de la BD
La BD en este ejemplo se llama poctzinc_Prestaciones y
la tabla de datos Empleados
Creación del proyecto
Se crea el proyecto llamado RegistroEmpleado, y en la
Activity principal se colocan los siguientes elementos.
Agregando la clase volley
volley contiene métodos para realizar peticiones HTTP a un
web service y poder acceder a la base de datos. Aquí se
muestra el archivo donde debes agregar la línea de código
resaltada.
Permiso de acceso a internet
Agrega la línea resaltada.
Ahora debemos agregar el permiso de acceso a internet,
dentro del archivo AndroidManifest.xml
Código de MainActivity
El código Java de la actividad principal lo puedes descargar
del siguiente enlace.
https://www.poctzin.com.mx/prestaciones/MainActivity.zip
Este se explicará directamente en el IDE Android Studio.
Ejecución de proyecto
Esta es la salida de la
Activity principal, que
muestra los elementos
para captura de datos.
Referencias
Pasar de una activity a otra
https://academiaandroid.com/video-proyecto-con-android-
studio-ejemplo-con-dos-activities-y-un-intent/
Uso de Bundle e Intent para pasar variables entre activitys
https://codigofacilito.com/videos/programacion_android_obj
eto_bundle_pasar_datos_entre_activity
Contenido de la unidad 3 de la asignatura Programación
Móvil.
¡GRACIAS!

Más contenido relacionado

Similar a Aplicaciones_Android_JPD.pptx

Microservicios net arquitectura para aplicaciones net contenerizadas - net ...
Microservicios net   arquitectura para aplicaciones net contenerizadas - net ...Microservicios net   arquitectura para aplicaciones net contenerizadas - net ...
Microservicios net arquitectura para aplicaciones net contenerizadas - net ...
Germán Küber
 
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0 CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
Ambar Larrazabal
 
Android
AndroidAndroid
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7
Juan Fede
 
Taller Práctico de Android
Taller Práctico de AndroidTaller Práctico de Android
Taller Práctico de Android
Javier Muñoz
 
Conexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraConexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María Parra
Mariaphlb
 
APis REST: Parse
APis REST: ParseAPis REST: Parse
APis REST: Parse
JM Robles
 
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLabFIB
 
Base de datos Juan Gomez 27046004 #44
Base de datos Juan Gomez 27046004 #44 Base de datos Juan Gomez 27046004 #44
Base de datos Juan Gomez 27046004 #44
JuanGomez928
 
Curso Desarrollo Android
Curso Desarrollo AndroidCurso Desarrollo Android
Curso Desarrollo Android
SlashMobility.com
 
Dprn3 u3 a1_hesc
Dprn3 u3 a1_hescDprn3 u3 a1_hesc
Dprn3 u3 a1_hesc
Heliut Sánchez
 
Documentacion del proyecto
Documentacion del proyectoDocumentacion del proyecto
Documentacion del proyecto
Fernando Sorto
 
DotNetDom: El futuro de Xamarin
DotNetDom: El futuro de XamarinDotNetDom: El futuro de Xamarin
DotNetDom: El futuro de Xamarin
Javier Suárez Ruiz
 
Android bootcamp 101 v2.0
Android bootcamp 101 v2.0Android bootcamp 101 v2.0
Android bootcamp 101 v2.0
Juan Manuel Baiutti
 
App inventor
App inventorApp inventor
App inventor
Mariaelena Moscoso
 
Java con base de datos
Java con base de datosJava con base de datos
Java con base de datos
GREINDER MARCHENA & LIZ VASQUEZ
 
Backend middleware frontend (2)
Backend middleware frontend (2)Backend middleware frontend (2)
Backend middleware frontend (2)
VirgCSan
 
Configuración y uso Google Drive en Android
Configuración y uso Google Drive en AndroidConfiguración y uso Google Drive en Android
Configuración y uso Google Drive en Android
José López Pérez
 
Reportes En J Developer Parte 1 Y 2
Reportes En J Developer   Parte 1 Y 2Reportes En J Developer   Parte 1 Y 2
Reportes En J Developer Parte 1 Y 2Steven Gomez
 

Similar a Aplicaciones_Android_JPD.pptx (20)

Microservicios net arquitectura para aplicaciones net contenerizadas - net ...
Microservicios net   arquitectura para aplicaciones net contenerizadas - net ...Microservicios net   arquitectura para aplicaciones net contenerizadas - net ...
Microservicios net arquitectura para aplicaciones net contenerizadas - net ...
 
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0 CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
CONEXION A BASE DE DATOS - VISUAL BASIC 6.0
 
Android
AndroidAndroid
Android
 
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7
 
Taller Práctico de Android
Taller Práctico de AndroidTaller Práctico de Android
Taller Práctico de Android
 
Conexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraConexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María Parra
 
APis REST: Parse
APis REST: ParseAPis REST: Parse
APis REST: Parse
 
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
 
Base de datos Juan Gomez 27046004 #44
Base de datos Juan Gomez 27046004 #44 Base de datos Juan Gomez 27046004 #44
Base de datos Juan Gomez 27046004 #44
 
Curso Desarrollo Android
Curso Desarrollo AndroidCurso Desarrollo Android
Curso Desarrollo Android
 
Dprn3 u3 a1_hesc
Dprn3 u3 a1_hescDprn3 u3 a1_hesc
Dprn3 u3 a1_hesc
 
Documentacion del proyecto
Documentacion del proyectoDocumentacion del proyecto
Documentacion del proyecto
 
DotNetDom: El futuro de Xamarin
DotNetDom: El futuro de XamarinDotNetDom: El futuro de Xamarin
DotNetDom: El futuro de Xamarin
 
Cliente/Servidor
Cliente/ServidorCliente/Servidor
Cliente/Servidor
 
Android bootcamp 101 v2.0
Android bootcamp 101 v2.0Android bootcamp 101 v2.0
Android bootcamp 101 v2.0
 
App inventor
App inventorApp inventor
App inventor
 
Java con base de datos
Java con base de datosJava con base de datos
Java con base de datos
 
Backend middleware frontend (2)
Backend middleware frontend (2)Backend middleware frontend (2)
Backend middleware frontend (2)
 
Configuración y uso Google Drive en Android
Configuración y uso Google Drive en AndroidConfiguración y uso Google Drive en Android
Configuración y uso Google Drive en Android
 
Reportes En J Developer Parte 1 Y 2
Reportes En J Developer   Parte 1 Y 2Reportes En J Developer   Parte 1 Y 2
Reportes En J Developer Parte 1 Y 2
 

Aplicaciones_Android_JPD.pptx

  • 2. Objetivo Mostrar la forma de crear aplicaciones Android con múltiples Activities y uso de Web Services, para que una aplicación Android sea capaz de conectarse a una Base de Datos remota, y almacenar los registros capturados desde un dispositivo móvil.
  • 3. Android Es un sistema operativo basado en el núcleo de Linux, inicialmente diseñado para dispositivos móviles y actualmente funcional en televisores, relojes inteligentes y automóviles. Para desarrollar aplicaciones para Android, podemos usar IDEs como Android Studio, Xamarin, Eclipse, y NetBeans entre otros.
  • 4. Creación de una aplicación Crearemos un avance del proyecto de la Actividad 3 de U3, siguiendo estos pasos:
  • 5. Creación de una aplicación Estructura del proyecto. Elegimos una Activity vacía.
  • 6. Código fuente Archivo del layout. Código generado de MainActivity.
  • 7. Interfaz gráfica Vista de diseño de MainActivity.
  • 8. Interfaz gráfica Copiamos la imagen que vamos a usar en nuestro proyecto, en la siguiente carpeta. Movemos el cuadro de texto y cambiamos algunas propiedades.
  • 9. Interfaz gráfica Arrastramos una ImageView debajo del primer elemento. Insertamos un Text de tipo Number cambiando la propiedad ID por txtNumero, textColor por Negro y textSize por 18 sp.
  • 10. Interfaz gráfica También cambiaremos la propiedad hint Resultado
  • 11. Interfaz gráfica Insertamos un Button cambiando la propiedad ID por btnBinario, textColor por Negro y textSize por 18 sp Agregamos otros más llamados btnOctal, btnHexadecimal, btnAcerca y btnSalir, colocando el mismo color a textColor y 18sp a textSize. Lo que veremos será esta interfaz.
  • 12. Agregando una Activity Creamos una segunda Activity
  • 13. Agregando una Activity Sin contar el título Decimal a Binario, los id son txtN, txtProceso y btnRegresar Insertamos los elementos mostrados
  • 16. Código de MainActivity Código de botón btnSalir. Lo único que realiza es detener la ejecución de la aplicación.
  • 17. Código parcial de ActivityBinario
  • 18. Ejecución en el emulador
  • 19. Aplicación con conexión a BD remota Se mostrarán diversos elementos para crear una aplicación que permita el registro de empleados en una base de datos remota.
  • 20. ¿Qué es un Web Service? Es un módulo creado en algún lenguaje de programación que nos permitirá establecer un enlace con una base de datos almacenada en un servidor. // Webservice conexion.php <? $link = mysqli_connect("localhost", "poctzinc", ""); mysqli_select_db($link, "poctzinc_Prestaciones"); /* verificar la conexión */ if (mysqli_connect_errno()) { printf("Conexión fallida: %sn", mysqli_connect_error()); exit(); } ?>
  • 21. Webservice inserta_empleado.php Para almacenar un registro de empleado en la BD usaremos el siguiente código. <? include "conexion.php"; $numempleado=$_POST['numempleado']; $nombre=$_POST['nombre']; $apaterno=$_POST['apaterno']; $amaterno=$_POST['amaterno']; $academia=$_POST['academia']; $plantel=$_POST['plantel']; $nivel=$_POST['nivel']; $turno=$_POST['turno']; $email=$_POST['email']; $contrasena=$_POST['contrasena']; $confirmacion=$_POST['confirmacion']; $clave=$_POST['clave'];
  • 22. Continuación inserta_empleado.php $sql="INSERT INTO Empleados (nempleado, nombre_emp, apaterno_emp, amaterno_emp, academia_emp, plantel_emp, nivel_emp, turno_emp, email_emp, contrasena_emp) ". "VALUES('$numempleado', '$nombre', '$apaterno', '$amaterno', '$academia', '$plantel', '$nivel', '$turno','$email','$contrasena');"; $result=mysqli_query($link, $sql); mysqli_close($link); ?> En este código se deben integrar las verificaciones de datos antes de almacenarlos en la BD, por ejemplo, verificar que no haya datos vacíos, que la contraseña coincida con la confirmación, entre otros.
  • 23. Carpeta donde se deben alojar Ambos Webservices deben colocarse en una carpeta en tu servidor web.
  • 24. Creación de la BD La BD en este ejemplo se llama poctzinc_Prestaciones y la tabla de datos Empleados
  • 25. Creación del proyecto Se crea el proyecto llamado RegistroEmpleado, y en la Activity principal se colocan los siguientes elementos.
  • 26. Agregando la clase volley volley contiene métodos para realizar peticiones HTTP a un web service y poder acceder a la base de datos. Aquí se muestra el archivo donde debes agregar la línea de código resaltada.
  • 27. Permiso de acceso a internet Agrega la línea resaltada. Ahora debemos agregar el permiso de acceso a internet, dentro del archivo AndroidManifest.xml
  • 28. Código de MainActivity El código Java de la actividad principal lo puedes descargar del siguiente enlace. https://www.poctzin.com.mx/prestaciones/MainActivity.zip Este se explicará directamente en el IDE Android Studio.
  • 29. Ejecución de proyecto Esta es la salida de la Activity principal, que muestra los elementos para captura de datos.
  • 30. Referencias Pasar de una activity a otra https://academiaandroid.com/video-proyecto-con-android- studio-ejemplo-con-dos-activities-y-un-intent/ Uso de Bundle e Intent para pasar variables entre activitys https://codigofacilito.com/videos/programacion_android_obj eto_bundle_pasar_datos_entre_activity Contenido de la unidad 3 de la asignatura Programación Móvil.