LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) - UNID

LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML5 ) 2

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Sesión No. 1 Nombre: Arquitectura Objetivo: Conocer cómo funciona y se planifica una aplicación web

Contextualización ¿Qué es la arquitectura? La arquitectura en esta rama del conocimiento, es la forma en la cual se estructuran e identifican los elementos más importantes de un sistema y sus relaciones; es decir, qué elementos son parte de qué sistema y cómo funcionan. Esto es importante pues no solo delimitan el medio interno de un sistema o medio en el que se aplica, sino la forma en que los usuarios externos lo utilizarán.

Es importante conocer las metodologías por las cuales se aplicará al medio y así determinar la funcionalidad y las ventajas que podrá o no presentar, conocer las metodologías es importante, por lo que se analizará en esta sesión, con el objeto de saber los medios para un desarrollo correcto de una aplicación Web. No dejando a un lado los complementos o aplicaciones adicionales las cuales se presentan por añadidura.

1

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Introducción al Tema La arquitectura de un sistema o medio es muy importante, ya que determina las funciones, ventajas y desventajas del mismo; si no se conoce y aplica correctamente puede presentar errores fatales en el medio de la aplicación en el que se encuentren, por ejemplo; en un sistema operativo. Si la arquitectura de arranque o ejecución de comando está mal diseñada, solamente creará pérdidas de información, retraso en la ejecución de comandos sencillos o el consumo excesivo de memoria del sistema con la que debe trabajar todo.

¿Qué ventaja presenta una buena arquitectura?

La ventaja principal es la sustentabilidad del medio en el que se aplica, pues puede gestionar y ejecutar varios paquetes de información al mismo tiempo, almacenar y enviar grandes cantidades de bits a distintos lugares. Por ejemplo, los “BI” que aplican gran cantidad de procesos al mismo tiempo, pero debido a su arquitectura y estructura funcional, ésta se ejecuta sin errores graves y funciona correctamente.

2

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Explicación Arquitectura La arquitectura en programación es un medio que no se ve limitado, es decir no solo se aplica en un lenguaje de programación y no solo se utiliza para las aplicaciones de un sitio web o de un sistema operativo, sino que se emplea en programas de ejecución particulares como sistema o medios caseros o de educación en el medio. Es importante recordar que los medios de la arquitectura se basan en lenguajes y patrones, por lo que se permite tener elementos de soporte útiles en un encapsulado de información.

Los patrones permiten identificar y completar los casos de uso básico que son requeridos por el usuario final, sin embargo los lenguajes patrones no siempre son efectivos, es decir, presentan fallos de seguridad por falta de información.

Evolución de las aplicaciones web ¿Cuánto han evolucionado las aplicaciones web? Las aplicaciones web desde su aparición han evolucionado hasta el punto de presentar las posibilidades de encontrar a alguien con su número telefónico, las comunicaciones entre las personas ha cambiado, pues las “apps” han mejorado, no solo en apariencia o presentación, sino también en las bases de programación en las que se estructuran; por ejemplo, algunos de los lenguajes que se utilizan son: PHP HTML5 Python Ruby .NET JavaScript Java

3

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Todo gracias a la evolución de los medios electrónicos y la compatibilidad que presentan actualmente con los medios móviles y los locales.

Arquitectura de las aplicaciones web La arquitectura de las aplicaciones web se trata de envío y recepción entre el cliente y el servidor, lo que crea un lazo de comunicación entre el usuario y el prestamista de los servicios a los que se desean acceder, los tipos de arquitectura se presentan en distintos niveles que son considerados para la correcta función de las mismas, estos funcionan de la siguiente manera:

Consiste en la capa de presentación que incluye no solo el navegador, sino también el servidor web. Éste está dirigido al programa código Proporciona la información necesaria para la ejecución

A continuación te presentamos un esquema típico de la arquitectura de una aplicación Web.

4

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) En el esquema anterior se presenta los elementos mínimos que podrás encontrar en una aplicación de este tipo, no importando cual será la función final de este desarrollo.

Tecnologías para el desarrollo de aplicaciones web ¿Por qué se da el desarrollo de las aplicaciones web?

El desarrollo de las tecnologías se da para cumplir con la demanda, ya no solo de los usuarios, sino también de los medios de comunicación y difusión que se van desarrollando día a día. Las aplicaciones también son conocidas como “widgets” los cuales contienen diferente información, ya sea desde un contador de visitas a una página web, hasta presentar un servicio de chat o redes sociales, es importante mantener siempre actualizado todo lo que se tiene y presentar una compatibilidad con versiones de sistemas operativos anteriores y algunos lenguajes de programación para mantener la información al día y disponible para la mayoría de los usuarios. Conocer las tecnologías para el desarrollo de aplicaciones web es fácil y común, pues actualmente se presenta software para su desarrollo, estos pueden ser de uso libre o pago de licencia, por ejemplo:

Adobe Dreamweaver Eclipse NetBeans Visual Studio PyDev Kommodo IDE

5

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Planificación de aplicaciones web ¿Para qué funciona la planificación de aplicaciones web? La planificación de aplicaciones web sirve para ahorrar tiempo y no desviarse de la idea original, la planificación puede representarse mediante mapas o medios gráficos en los cuales se apreciarán las conexiones que se realizarán, no solo cliente servidor, sino también diagramar las funciones y conexiones internas del sistema que se utilizará en el medio. Se determina la interfaz final, es decir la ubicación de los botones y barras que se apreciarán en la ejecución del programa. La planificación sirve también para determinar los sistemas o lenguajes de programación con los que será compatible y en los medios en los que se ejecutará incluyendo el nivel de consumo de energía y memoria al momento de aplicarse con el usuario final. Los diagramas de la planificación de una aplicación pueden ser más de una página, pues dependiendo de la extensión de la aplicación se dará la cantidad de elementos o scripts con los que se ejecutará y realizará las tareas por las que se creó la instrucción. Existen varias metodologías de desarrollo que nos ayudan a la planificación de nuestra aplicación. Muchas de ellas se centran en diagramas y herramientas visuales que facilitan la transmisión de ideas, la presentación de conceptos abstractos y la abstracción de elementos de la aplicación.

6

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Conclusión Las aplicaciones web son una parte importante del desarrollo de la tecnología, pues gracias a estas se conocen nuevas tendencias para el mercado o para la creación de nuevas plataformas en sistemas operativos. Para que todo funcione es necesario planificar la creación de la misma y tener en cuenta la tecnología que se puede utilizar para el desarrollo y aplicación, sin dejar a un lado las ventajas y desventajas, si no se conoce todo lo necesario es probable que el proyecto fracase antes de ser desarrollado. Conocer los distintos lenguajes de programación es importante pues de esta forma se determinan las posibles compatibilidades que tendrán los desarrollos de scripts adicionales que se puedan requerir para el mismo medio de ejecución, es decir, conocer el lenguaje de programación es una ventaja pues se podrán crear adaptaciones y derivar líneas de código para facilitar el uso en las plataformas nuevas y no tan nuevas como en las computadoras o los teléfonos inteligentes.

7

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Para aprender más •

Microsoft. Arquitectura de programación de aplicaciones de servicio. (2013). http://brd.unid.edu.mx/microsoft-arquitectura-de-programacion-deaplicaciones-de-servicio/

•

Instituto tecnológico de Veracruz. Arquitectura de las aplicaciones Web. http://brd.unid.edu.mx/arquitectura-de-las-aplicaciones-web/

•

Barzanalla R., (2012). Historia del desarrollo de aplicaciones Web. http://brd.unid.edu.mx/historia-del-desarrollo-de-aplicaciones-web/

•

Vignaga A., Perovich D.

(2012). Arquitecturas y tecnologías para el

desarrollo de aplicaciones web.

http://brd.unid.edu.mx/arquitecturas-y-

tecnologias-para-el-desarrollo-de-aplicaciones-web/ •

Developer Network. (2014). Designing Web Applications. 2015, de Microsoft Sitio web: https://msdn.microsoft.com/enus/library/ee658099.aspx

8

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Actividad de Aprendizaje Objetivo: Ser capaz de explicar cómo se elabora y planifica una aplicación web. Instrucciones: Con la finalidad de reforzar los conocimientos adquiridos a lo largo de esta sesión, ahora tendrás que realizar una actividad en la cual a través de un cuadro sinóptico expliques la arquitectura y la planificación de aplicaciones web.

Adicionalmente se pide realices un esquema de la arquitectura de una aplicación Web. Ésta puede ser un Blog, una red social, una aplicación de noticias, etc. El esquema debe contener todos los elementos de una arquitectura correcta.

Puedes realizarlos en cualquier programa, al final tendrás que guardarlo como imagen en formato JPG para subirlo a la plataforma de la asignatura.

En esta actividad se tomará en cuenta lo siguiente:

Tus datos generales

3 puntos

Referencias bibliográficas

7 puntos

Ortografía y redacción

10 puntos

Título

2 puntos

Resumen

30 puntos

Representación gráfica

48 puntos

9

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

Bibliografía Microsoft. Arquitectura de programación de aplicaciones de servicio. (2013). Consultado el 6 de mayo de 2013, en: http://msdn.microsoft.com/es-es/library/yzk7ksy2(v=vs.80).aspx

Instituto tecnológico de Veracruz. Arquitectura de las aplicaciones Web. Consultado el 6 de mayo de 2013, en: http://www.prograweb.com.mx/pweb/0201arquiAplicaweb.html

Barzanalla R., (2012). Historia del desarrollo de aplicaciones Web. Consultado el 6 de mayo de 2013, en: http://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Historiadesarrollo-aplicaciones-web.html

Vignaga A., Perovich D. (2012). Arquitecturas y tecnologías para el desarrollo de aplicaciones web. Consultado el 6 de mayo de 2013, en: http://www.fing.edu.uy/inco/grupos/coal/uploads/Investigaci%F3n/vp01.pdf

Developer Network. (2014). Designing Web Applications. 2015, de Microsoft Sitio web: https://msdn.microsoft.com/en-us/library/ee658099.aspx

10