1. Programación de
dispositivos móviles
Aplicación Twitter Móvil
mediante App Inventor
Ing. Sistemas Computacionales
Alumno: Omar Margarito Torres Montoya
Docente: Luciano Contreras Quintero
Instituto tecnológico de MatehualaProyecto U5

2. App inventor
El App inventor no es un programa que te tengas que bajar al
ordenador. Funciona en cloud computing, el programa funciona
mediante la conexión a Internet, tu trabajas con el programa
conectado directamente al servidor de App inventor. Es como una
página web y en ella realizas las operaciones.
Para que funcione necesitas tener
instalado JAVA. También necesitas
asociar tu correo a Google, esto se
realiza inmediatamente sin dificultad.
¿De dónde bajo el App inventor?

3. Screen1
es la pantalla de nuestro móvil.
En Palette están los elementos o componentes
que podemos poner en la pantalla de nuestro
móvil. Botones, casilleros, imágenes, etiquetas
Vamos a arrastrar a la pantalla Screen1:
Una etiqueta (Label1)
Un casillero (TexBox1)
Otra etiqueta (Label2)
Otro casillero (TexBox2)
Un botón (Button1)
Otra etiqueta (Label3)

4. Si conectamos el móvil mediante USB al ordenador y pulsamos
Download to Connect Phone pasaríamos el programa al móvil.

5. Y si lo hacemos en el emulador:
Saldrá una pantalla como la de abajo,
pero sin el código. Pulsamos en New
emulator (espera un minuto que cargue
totalmente) y luego en Connect to
Device... emulator - 5554,
Pasa el programa que estamos haciendo
al emulador (espera que cargue
totalmente).
Si no sale el programa en la pantalla, pulsa el
botón de abajo donde pone MENÚ.

6. Aquí podemos ver el diseño de la aplicación la cual
cuenta con una foto de presentación y el nombre de la
red social a la que se conecta, en seguida se colocan
los campos para el ingreso de datos del usuario y su
respectiva contraseña, si se accede aparecerá una
notificación confirmando la conexión del usuario con
el servidor de Twitter
a diferencia de aplicaciones tradicionales para redes
sociales esta no re direcciona a la página del servidor
directamente como se suele implementar, esta
aplicación incorpora otros dos campos en si misma los
cuales se encuentran des habilitados por defecto y
posterior mente pasan a habilitados tras ingresar.
El segundo campo es donde puedes escribir un twit y con el botón que tiene en un costado mandarlo al
servidor de Twitter, es decir, desde la misma aplicación se envía lo que se desea al servidor, sin necesidad
de cambiar de página, si se ingresa a la misma cuenta desde otro equipo, el Twit enviado deberá estar allí,
como máximo se podrá cargar de nuevo la página para que aparezca pero es como mandarlo desde
cualquier otro equipo.
El tercer campo no hace mas que solicitar al servidor los paquetes de los últimos comentarios publicados
en la página y posteriormente los muestra en el campo de texto, cada vez que se dese acceder a los
comentarios se deberá accionar el botón “otras preguntas realizadas” y entonces efectuara la solicitud.
Aplicación realizada

7. Aquí tenemos los bloques que hacen funcionar la aplicación , los bloques
son métodos y sintaxis de código que se muestran como piezas
montables alas que solo hay que desglosar según la lógica que se dese
implementarles, cosas mínimas como cadenas, parámetros, atributos,
suelen definirse manualmente por el usuario que crea la aplicación

8. El fragmento verde representa
una acción de mouse (clic), el
fragmento morado es un
elemento no visible de la
aplicación que se implementa
asignándole las funciones
deseadas, los dos fragmentos
rectangulares de azul
representan a los campos de
escritura del usuario y de la
contraseña.
En conjunto el orden de funcionamiento
seria el siguiente:
Al mandar un evento de mouse se
activan los elementos necesarios para
el Twitter ( un método para login), el
cual va a funcionar con los datos
ingresados en los campos de usuario y
contraseña.
Este bloque controla el
login

9. Este bloque se utiliza para verificar la
validación del usuario que desea acceder
al servidor y a su vez activara otros
componentes adicionales en la aplicación,
como son los dos cuadros que manejan el
envió de twits y el visualizador de envíos
ya realizados.
El recuadro exterior ( de color verde) es el método especializado
para la revisión, comprueba si el nombre de usuario y la contraseña
existen y de ser así el usuario accede, una vez autorizado se manda
una notificación (cuadro morado) con una cadena diciendo
“conexión exitosa” (cuadro color crema), después el campo de texto
para envió de twits (cuadro azul) es habilitado (cuadro rojo ) para
su correspondiente uso.

10. este bloque controla los
envíos de Twits hacia el
servidor de datos.
Igual que en el anterior el cuadro externo es un evento de mouse, después con
un if else ( cuadro color crema) se manejan una serie de condiciones a seguir, si
la cadena de entrada de twits de color morado es menor a 105 caracteres (
definido por un operador < ) entonces la cadena es enviada al servidor y colocada
como dato actualizado.
En seguida se despliega una cadena informando que el envió fue exitoso.
De ser contraria la condición se mandara un mensaje diciendo que solo se
aceptan 105 caracteres en el mensaje.