Download lenguajes de programación web (php1, html52)

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