INTRODUCCIÓN A LA PROGRAMACIÓN DE APLICACIONES WEB

1. INTRODUCCIÓN A LA PROGRAMACIÓN DE APLICACIONES WEB

2. ¿QUÉ ES INTERNET? • Con más de 200 millones de usuarios en todo el mundo, Internet se ha convertido en el medio de comunicación más extendido en toda la historia de la humanidad. Esta bien llamada "Red de redes", permite establecer la cooperación y colaboración entre gran número de comunidades y grupos de interés por temas específicos, distribuidos por todo el planeta. A través de ella es posible encontrar toda clase de software para una gran variedad de computadoras y sistemas operativos, pueden consultarse los catálogos de las bibliotecas más importantes del mundo, acceder a bases de datos con los temas más diversos y transferir copias de los documentos encontrados, es posible visualizar y copiar archivos de imágenes con fotografías de todo tipo o reproducciones de cuadros, pueden hacerse cosas como conversar a tiempo real dos o más personas, separadas por miles de kilómetros de distancia.

3. Sin duda alguna la sociedad en general se ha visto influenciada de alguna u otra forma por el uso de Internet. Las diferentes instituciones y organizaciones de la sociedad como la religión, la educación, el comercio, las finanzas, etc., han tenido que cambiar sus esquemas tradicionales para adaptarse a la actual era de la información. Se ha vuelto cotidiano el uso de los servicios que brinda Internet. El pago de servicios, así como la realización de distintas operaciones bancarias se ha convertido en algo normal para muchos. No se puede dejar de nombrar el uso del e-mail, del chat y de las diversas redes sociales, que han convertido al correo tradicional en algo casi obsoleto en lo que a comunicación se refiere. • La educación no ha escapado a la influencia de Internet. • Entre muchas de las ventajas de utilizar la red de redes para estos fines están: la rapidez con que se puede encontrar la información; la gran cantidad de datos que se pueden conseguir acerca de un mismo tema de interés; el bajo costo que significa el no tener que comprar determinado libro; etc. • Sin embargo, muchos profesores y demás profesionales de la educación consideran que esta nueva modalidad de recolectar datos es perjudicial para el aprendizaje de los estudiantes.

4. HISTORIA, EVOLUCIÓN DE INTERNET • Internet y la Web han influido enormemente tanto en el mundo de la informática, como en la sociedad en general. Si nos centramos en la Web, en poco menos de 10 años ha transformado los sistemas informáticos: ha roto las barreras físicas (debido a la distancia), económicas y lógicas (debido al empleo de distintos sistemas operativos, protocolos, etc.) y ha abierto todo un abanico de nuevas posibilidades. Una de las áreas que más expansión está teniendo en la Web en los últimos años son las aplicaciones web.

5. El desarrollo de Internet, como casi todos los avances de la ciencia y la tecnología, no se debe a una persona o a un grupo pequeño de personas, sino que ha sido fruto de las ideas y del trabajo de miles de personas. Sin embargo, en un repaso de la historia de Internet de unas pocas páginas, solo se pueden nombrar a las personas importantes. • Como reconocimiento al cambio que Internet ha producido en todos los niveles de la sociedad, el 23 de mayo de 2002, Lawrence Roberts, Robert Kahn, VintonCerf y Tim Berners-Lee fueron distinguidos con el Premio Príncipe de Asturias de Investigación Científica y Técnica en representación de las “miles de personas y muchas instituciones” que han hecho posible este avance de nuestro tiempo. Según la resolución del jurado, “Se les otorga el premio por haber diseñado y realizado un sistema que está cambiando el mundo al ofrecer posibilidades antes impensables para el progreso científico y social”.

6. A Lawrence (Larry) Roberts se le suele llamar “el padre de Internet”, porque fue el director del equipo de ingenieros que crearon ARPANET, el precursor de la actual Internet. Aparte de ser director, también fue el diseñador principal de ARPANET. • En 1972, Robert Kahn fue contratado por Lawrence Roberts para trabajar en ARPA. Trabajó en el desarrollo de un modelo de arquitectura de red abierta, donde cualquier ordenador pudiera comunicarse con cualquier otro, independientemente del hardware o el software particular de cada uno de ellos. Este trabajo le llevó a desarrollar, junto con VintonCerf, el protocolo Transmission Control Protocol/Internet Protocol (TCP/IP).

7. Finalmente, Tim Berners-Lee es conocido como “el padre de la Web”. El fue quien creó HTML, el lenguaje empleado para crear los documentos de la Web; HyperText Transfer Protocol (HTTP), el protocolo que emplean los ordenadores para comunicarse en la Web, y Universal ResourceLocator (URL), como medio de localización de los distintos recursos que forman la Web en Internet. Además también desarrolló el primer servidor web y el primer navegador/editor web. • A lo largo de la historia, los medios de comunicación han evolucionado considerablemente. Se suele citar la capacidad de transmitir el conocimiento de una generación a otra, como una de las características que distingue a la especie humana de otras especies animales, ya que es la clave en el avance de la humanidad.

8. Distintos acontecimientos han marcado hitos en la comunicación. Si nos centramos en los más importantes que se han producido desde el siglo XIX, destacan por orden cronológico: • 1833: distribución masiva de periódicos • 1844: primer mensaje telegrafiado • 1858: primer intento de tender un cable de comunicaciones a través del Océano Atlántico. Deja de funcionar a los pocos días, debido a problemas con el aislamiento del cable. • 1866: se tiende con éxito un cable de comunicaciones a través del Océano Atlántico. • 1876: invención del teléfono por Alexander Graham Bell • 1901: primera señal de radio enviada a través del Océano Atlántico. • 1917: primera llamada de teléfono transcontinental • 1927: primera película hablada • 1939: debut de la televisión en la Feria Mundial celebrada en Nueva York • 1950: inicio de las retransmisiones de televisión en color • 1958: los laboratorios Bell inventan el módem • 1969: se crea ARPANET, el primer “Internet”. Es el primer medio de comunicación que engloba todos los medios existentes: permite comunicación escrita, sonora y de vídeo.

9. EL PRIMER “INTERNET” • Las bases del actual Internet se crearon en la década de los sesenta. De forma paralela, y sin que hubiera conocimiento entre ellos del trabajo de los otros, en tres centros de investigación se desarrollaron estudios sobre la comunicación de ordenadores, las redes distribuidas y la conmutación de paquetes: el Massachusetts Institute of Technology (MIT) entre 1961 y 1967, theRAND CORPORATION entre 1962 y 1965, y el NationalPhysicalLaboratory (NPL) entre 1964 y 1967.

10. 1968 (diciembre): la empresa BOLT BERANEK AND NEWMAN gana la licitación para construir el primer Interface MessageProcessor (IMP). Proponen emplear un miniordenador Honeywell DDP-516 con 12K de memoria, una velocidad de 1,1 MHz y un peso de unos 400 Kg.

11. La Importancia de HTML5

12. Porqué es importante HTML5? • Casi todos alguna vez hemos escuchado hablar de la Web 2.0. Otro tipo de internet que se adapta al cambio de los tiempos y a muchos nuevos perfiles que habitan en el mundo digital. • Por eso HTML5. La magia de esta unión de tecnologías agrupada en un solo término no es inventar nada nuevo, sino unir esfuerzos que por primera vez tienen a toda la industria empujando hacia una dirección y que identifican un cambio que ya sucedió en como debemos hacer la web hoy mismo. • “HTML5 es el presente de la web y si no estás asimilando lo que está pasando ya eres parte de la vieja generación de desarrolladores. Eso tendría que tenerte preocupado.”

13. Entender HTML5 es entender que hoy nos conectamos desde teléfonos móviles, tabletas, eBooks, netbooks, computadores y otra gama de dispositivos. Es entender que se acabaron los web masters y hoy hablamos de equipos multidisciplinarios de empresas de tecnología que cuentan con frontends, backends, sysadmins, mobiledevs, comunity managers y arquitectos de información en los proyectos que están reinventando mercados y generando tráfico e ingresos.

14. Podemos hablar de todas las empresas gigantes de la web, podemos enumerar a Microsoft, Google, Apple, Adobe, Facebook, Yahoo, Mozilla y miles de proyectos tecnológicos que independientemente de sus objetivos hoy respiran HTML5, lo apoyan y tienen propuestas que los hacen competir en código en el navegador más cercano a tu pantalla. • Es una de sus más importantes estrategias de posicionamiento y es una de sus más fuertes apuestas de reclutamiento.

15. Partimos de la base que este tipo de lenguaje es uno de los más evolucionados que existe en estos momentos por lo que puede aportar una serie de ventajas interesantes para los portales al trabajar con un sistema que se encuentra de actualidad. • Al tener en cuenta la importancia que adquiere este lenguaje, esta infografía lo único que pretende es hacerles llegar cuáles son las plataformas que soportan este tipo de lenguaje además de los dispositivos móviles que tienen adaptados sus sistemas para esta tecnología. • Analizaremos 3 aspectos: • Soporte • Competencia • Crecimiento

16. Soporte • El lenguaje HTML5 se encuentra disponible para la gran mayoría de navegadores tanto convencionales como web móvil, por lo que si se presentan estos servicios mediante este tipo de lenguaje se tendrán a favor que está apoyado por los navegadores más respetados del mercado.

19. COMPETENCIA • Si analizamos el lenguaje HTML5 frente a otras alternativas, vemos como este lenguaje es más barato y además se adapta mejor a las plataformas móviles.

20. Crecimiento • Sin duda este es un dato que da peso al uso de este tipo de lenguaje ya que entre otras afirmaciones, se observa que en un período breve de tiempo el 80% de las aplicaciones en plataformas móviles llevarán HTML5.

21. 5 razones por las cuales aprender html5 • No solo en lo que respecta a la compatibilidad con navegadores y todo lo demás, sino que en términos de eficiencia y reducción de costos, el HTML5 te brinda una serie de componentes que le hará la vida mucho más fácil a los desarrolladores pero también será altamente efectivo para los usuarios. ¿Por qué debes aprender HTML5 en forma obligatoria? A continuación te presento las razones principales: • El uso mismo de HTML5 no es tanto un aspecto que podamos tomar en consideración no solo por razones de moda y popularidad sino que las mismas funcionalidades de HTML5 forman parte de la actual era de la web, sin restarle importancia a lo actual.

22. Compatibilidad – Uno de los aspectos fundamentales de HTML5 es la compatibilidad. Esto tanto para los navegadores como también para todo lo que tiene que ver con las sintaxis y el desarrollo de aplicaciones. • Web semántica – Un aspecto de alta relevancia es que el futuro de la web se mueve a una web cada vez más semántica. Así como el W3C (WorldWide Web Consortium) promueve el uso de HTML5 es que desde hace más de una década se viene promoviendo que lo que viene luego de la web2.0 será la web semántica y HTML5 sustenta las bases para ese futuro de la web actual.

23. Más simple – Si bien es cierto que los resultados que puedes obtener en HTML5 son más profesionales y mejores, también es cierto que no todo es mucho más simple. El proceso de adaptación a los cambios en las etiquetas te va a tomar unas cuantas horas adaptarte. Sin embargo, es un asunto de tiempo pero la realidad es que todo es mucho más simple. • Competitividad – Si eres programador este será un tema serio para ti. Si sabes HTML5 –aunque sea simple hacer los ajustes y aprender—tienes preferencia para proyectos si sabes manejar el HTML5. Hay un conjunto de características que hacen a esta tecnología más eficiente pero sobre todo más completa. Con el solo hecho de todas las cosas que se agregan ahora a HTML5, basta y sobra como para que obtengas todas las ventajas que son necesarias para completar tu perfil como programador y seas un profesional más competitivo.

24. Los que nos dedicamos a hacer páginas web sabemos que un sitio web es como un puzzle de tecnologías que operan entre si. Para hacer una página, en principio, se necesita simplemente HTML, pero esta afirmación hoy tiene poco que ver con la realidad y las necesidades de los desarrolladores para crear una rica experiencia de usuario. • Para poder beneficiarse e integrar todas estas tecnologías, existen multitud de etiquetas que se han ido creando al paso, según se iban necesitando, y las cuales no han pasado por el filtro de los normalizadores de tecnologías como el W3C. • Por tanto, más de 10 años después que se publicase la última especificación del HTML, resulta primordial para el futuro de la web la creación de un nuevo estándar que recoja y solucione de alguna manera, las necesidades de los desarrolladores que se han ido creando a lo largo de todo este tiempo.

25. ¿En que se diferencia html5 de las versiones anteriores? • Esta es la pregunta más importante, puesto que su objetivo es mejorar, a través de la incorporación de nuevos elementos y atributos, el contenido HTML.

26. Las novedades que propone html5 en diseño web son, etiquetas canvas 2D y 3D, audio, vídeo con codecs destinados a la mejora de archivos multimedia; la mejora de conjuntos de datos, tales como Datagrid, Details, Menu y Command, en el que la gestión de estos archivos se verá mejorada para su filtración, orden y ocultamiento; • En html podemos destacar nuevas formas de movimientos de datos, sin precisar de Javascript; Nuevos visores destinados a fórmulas matemáticas y gráficos vectoriales (MathML, SVG…); Y por último, como principales novedades de html5, Drag & Drop, que sirve para arrastrar elementos dentro de los formularios.

27. El elemento HTML5 <canvas> puede ser utilizado para dibujar gráficos a través de secuencias de comandos en JavaScript. • Por ejemplo, puede ser utilizado para dibujar gráficos, hacer fotomontajes, crear animaciones o incluso hacer el procesamiento de video en tiempo real o de la presentación. • Aplicaciones de Mozilla consiguieron apoyo para <canvas> a partir de Firefox 1.5. • Internet Explorer lo soporta desde la versión 9 en adelante. • Google Chrome y Opera 9 también apoyan <canvas> .

28. Tras 4 versiones de lenguaje informático básico, conocido como lenguaje HTML, se incorporará HTML5, que mejorará de manera sustancial los trabajos a realizar dentro de blogs, páginas web, siendo de gran importancia su incorporación dentro del mundo del diseño gráfico, en el que la edición HTML, suele ser principal para la modificación, incorporación y eliminación de datos, y por consiguiente, de elementos dentro del diseño web.

29. Web Semántica Es una Web extendida y dotada de mayor significado, apoyada en lenguajes universales, que van a permitir que los usuarios puedan encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información mejor definida. Con esta Web, los usuarios podrán delegar tareas en el software que será capaz de procesar el contenido de la información, razonar con éste, combinarlo y realizar deducciones lógicas para resolver automáticamente problemas cotidianos.

31. La Web Semántica fue creada por Tim Berners-Lee, inventor de la www, URLs, HTTP y HTML. Existe un equipo en el WorldWide Web Consortium (W3C) los cuales se dedican a mejorar, extender y estandarizar el sistema y muchos lenguajes, publicaciones y herramientas han sido ya desarrollados.

32. ¿Cuál es la visión? • La visión de la Web Semántica es ampliar los principios de la Web desde los documentos a los datos. • La misma permitirá satisfacer mayor potencial a las Web, permitiendo que los datos sean compartidos con eficiencia por grandes comunidades, y sea procesada automáticamente por las herramientas y manualmente.

33. …GRACIAS