martes, 7 de febrero de 2017

Introducción tecnológica al desarrollo de aplicaciones



Cómo funciona una computadora?
  • La computadora es una máquina, que quizás parece más compleja que otras, pero en sí, depende de instrucciones para saber que hacer. Por ejemplo, cuando apretas el botón de encendido, te muestra el logo de la máquina, luego, carga Windows, luego de un rato, te aparece el puntero del mouse para poder empezar a usarlo, luego, te carga el escritorio y asi sucesivamente.
  • Parece que es inteligente, pero en si, casi siempre hace lo mismo, en el mismo orden. Esta cumpliendo órdenes.
  • La programación es simplemente eso, las órdenes que necesita una computadora para hacer algo, desde lo más simple a lo más complejo, pero órdenes al fin y al cabo.
Cómo le doy esas órdenes?
  • A lo largo de este curso te vamos a enseñar a dar esas órdenes, y te vas a cruzar con un montón de términos extraños para denominar a cada una de las formas de dar esas órdenes.
  • Vas a empezar a escuchar términos como HTML, CSS, Javascript, C#, MVC, Java, SQL, Ruby, Python, C, C++, WPF, Android, IOS, Windows Phone, Windows 8, ServiciosREST, JSON, XML, AJAX, AJAJ.
Dominando la Matrix
  • Empecemos por acá, estás leyendo este curso, en esta computadora. Eso es gracias a que alguien escribió un programa que llamaron Sistema Operativo, y que otros escribieron el programa que se llama Internet Explorer para navegar en internet y llegar hasta acá, es más, alguien incluso programó este sitio web para que encuentres este documento.
  • Usaste el teléfono hoy?...para un mensaje o para hablar… vos te pudiste comunicar porque en la compañía telefónica existen programas informáticos que chequean quien eres, si tienes saldo en tu cuenta para hacer el llamado, a través del número que marcaste detecta a quien llamas, ubica donde se encuentra a quien quieres llamar, envía una señal para que suene el teléfono al destinatario y establece la comunicación.
Cómo funcionan las cosas?
  • Dijimos que las máquinas no son inteligentes, solo saben hacer una tarea una y otra vez en forma muy eficiente.
  • Cada vez que veamos que una tarea se hace siempre igual, es candidata a hacer un programa para que esa tarea se haga sola.
  • Es por eso que tenemos que comprender que programar, simplemente es decirle a la computadora, como es la secuencia de pasos para lograr hacer una tarea.
Ejemplo con un juego
  • Tenemos un juego, con un personaje. Al apretar el botón del joystick, salta.
  • Si se aprieta el botón una y otra vez, el personaje salta de la misma forma que lo había hecho la vez anterior.
  • Pensemos solo en el salto, no importa todo lo que sucede en el resto del juego, solo el personaje saltando.
  • El personaje salta porque alguien escribió, con un lenguaje de programación cómo debe comportarse el personaje, estos serían los pasos
    • Dibujar el personaje en la pantalla
    • Quedarse esperando a que el usuario haga algo con el joystick
    • Recibir una señal del joystick, el usuario apretó un botón
    • Que botón apretó?, si apretó el botón Arriba, continuar
    • Leer la posición actual del personaje en la pantalla
    • Calcular la distancia del salto, 20pixeles, 30pixeles
    • Cargar la secuencia de imagenes con cada cuadro del personaje saltando
    • Imprimir en pantalla cada una de las secuencias, cambiando la posición en la pantalla
    • Volver al paso 2
  • Además, un juego no es solo un personaje que puede saltar, hay un montón de cosas que suceden al mismo momento, pero en si… son más líneas de código hechas por un programador
Primera regla del Programador
“Todo comportamiento que sea repetitivo y predecible, puede ser programable”
Un brazo robótico
  • Si tuviéramos que describir la secuencia de pasos para manejar un brazo robótico, como lo que sucedió con el ejemplo del juego, encontramos una similitud:
  • Ambos estan ejecutando una serie de pasos lógicos, ordenados y secuenciales.
  • Ante la misma acción, el mismo resultado
  • Esto es gracias a una codificación en un programa informático, en el lenguaje que sea, pero hay una pequeña gran diferencia
  • Mientras el brazo robótico interactúa con el mundo físico, moviendo partes de un lado a otro, el otro simplemente interactúa con un mundo virtual, imprimiendo imágenes en una pantalla.
  • Ambos procesos precisan de un programa informático que los controle, y es el programador el que escribe esa serie de pasos.
  • La única diferencia es la interacción con el mundo exterior.
  • En el caso de la robótica, además de ejecutar los pasos, precisa que el resultado de la secuencia de pasos, encienda mecanismos físicos para mover cada uno de los engranajes del brazo.
  • Mientras que el sistema informático para consultar el álbum, solo tuvo que interactuar con el mundo exterior, imprimiendo el resultado en una pantalla.
  • La clave para diseñar cualquier sistema, es tener presente de qué forma van a ser las interacciones con el mundo exterior.
  • En este curso nos vamos a ocupar de los procesos virtuales, aquellos que no tienen una interacción física más allá de leer valores desde una interfaz de usuario y procesar esa interacción para llegar a un resultado.
Aplicaciones conectadas o desconectadas
  • Es importante, al momento de hacer una aplicación, decidir si necesito que mi programa dependa de una conexión a internet o que funcione, incluso cuando no haya conexión.
  • El primer punto para diferenciar es si las aplicaciones son conectadas o desconectadas.
  • Las aplicaciones conectadas son aquellas que sí o si, para funcionar, necesitan una conexión a internet. Si no, no funcionan.
  • Un ejemplo pueden ser los juegos en red. Sin conexión, no funcionan.
Sitios web
  • Entonces… Un sitio web es una aplicación?
  • Si el sitio web te permite hacer algo, es una aplicación, y se caracteriza por ser una aplicación conectada, solo funciona si hay internet.
  • Cuando un sitio web te sirve para hacer algo en concreto, interactúa con el usuario, con la información hace algo y te da un resultado, entonces, es una aplicación.
  • La diferencia principal entre un sitio web y una aplicación web, es que en la aplicación web, el usuario tiene capacidad de interactuar y modificar el resultado conforme esa interacción.
  • Los sitios web que permiten hacer algo, son aplicaciones web conectadas
Aplicaciones desconectadas
  • La aplicación desconectada necesito instalarla o correrla desde algún medio presente físicamente para poder utilizarla, mientras que la otra puedo usarla directamente entrando a internet
  • Ej: Microsoft Word, Visual Studio, etc
Qué necesito para aprender a programar?
  • Para saber programar se necesita saber de dos a tres lenguajes de programación y dos o tres tecnologías adicionalesy considerar4 factoresprincipales
  • Cómo voy a interactuar con el usuario?
  • Debo decidir cómo quiero que el usuario se comunique con la aplicación
    • El usuario utiliza el smartphone, apreta botones, usa la cámara.
    • El usuario ingresa a un sitio de internet para utilizar mi aplicación
    • El usuario utiliza sensores físicos, teclados especiales, joysticks o pantallas táctiles
  • Preciso recordar información?
Debo decidir si la aplicación guarda mis datos, si mantiene estadísticas, puntajes, si guarda información que la puedo recuperar en cualquier momento
    • El usuario no guarda ningún tipo de información. Cada vez que la usa es como volver a empezar.
    • El usuario guarda información y puede recuperarla
  • Preciso una conexión permanente para funcionar?
Debo decidir si mi aplicación necesita comunicarse con otros usuarios para funcionar o bien si depende de que exista una conexión a internet para ejecutarse
    • El usuario interactúa con otros usuarios, viendo información de ellos o comunicándose
    • El usuario no instala nada para ejecutar la aplicación, simplemente accede a un sitio web
  • Si la aplicación requiere conectarse con otras aplicaciones
    • La aplicación utiliza mapas de internet o conectarse con otras aplicaciones para compartir información
    • La aplicación accede a servidores con stats de usuarios
    • La aplicación no requiere conectarse con nadie
Según lo que necesitemos hacer, será la tecnología que vayamos a usar.
Tecnologías
  • El usuario accede a través de una página web?
    • HTML + CSS + Javascript
    • Adobe Air + Java
  • El usuario accede a través de una aplicación en un telefono movil?
    • PhoneGap+ HTML + CSS + Javascript
    • El telefono es Windows Phone?
      • Windows Mobile WPF + Window Phone + C# .NET
    • El teléfono es Android?
      • Android Development Kit + Java
    • El telefono es IPhone?
      • IOS SDK + Objective C
  • El usuario accede a través de una tableta?
    • PhoneGap+ HTML + CSS + Javascript
    • La tableta tiene Windows 8?
      • Windows WPF + Window 8 + C# .NET
    • El tableta tiene Android?
      • Android Development Kit + Java
    • El tableta es IPad?
      • –IOS SDK + Objective C
  • El usuario hace uso del GPS, Camara, Acelerómetro?
    • IOS SDK, Android Development Kit
  • El usuario hace uso intensivo de componentes externos como un Joystick, un sensor de movimiento, uso gráficos en 3d, o de audio?
  • Es un juego?
    • C# .NET o C++ o Java
    • Necesito hacer gráficos complejos?
      • Unity, Adobe Air
    • No necesito graficos complejos
      • –LimeJS, CSS
  • No es un juego?
    • C++ o C# .NET o Java
    • Es para Windows?
      • WPF + C#.NET
    • Es para Mac?
      • Java, C++, etc
  • Preciso guardar y recuperar información?
    • SQL, SQL Server Express o My SQL
  • No estoy muy seguro aún que datos necesito guardar?
    • Base de Datos Documentales
  • Aplicación conectada o desconectada
    • Necesito conectarme con otros?
    • La aplicación requiere conexión permanente para ejecutarse?
      • Javascript, C#.NET, Java, WCF, ServidorWeb
    • La aplicación solo funciona a través de una página?
    • La aplicación necesita la red, pero se instala
      • Servicios Rest, JSON, WCF
  • La aplicación no necesita conectarse y funciona desde el escritorio?
    • C#.NET o Java
  • La aplicación necesita interactuar con otras aplicaciones?
    • Java, C#.NET, WCF, Servicios REST
  • La aplicación necesita manejar componentes electronicos o roboticos?
    • Arduino
Que usamos?
  • Que eligen los programadores?
  • –HTML, CSS, Javascript, Adobe Air, Java, C++, C#.NET, WPF, WCF, ServiciosRest, Windows Phone SDK, IOS SDK, Android SDK, Unity, SQL, PHP
No es necesario aprender todos los lenguajes de programación que existen al mismo tiempo. Basta con entender para que sirven y usar el que te convenga.
Espero haber ayudado en algo. Hasta la próxima oportunidad!









  

No hay comentarios:

Publicar un comentario