LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)
Sesión No. 3 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Nombre: Tipos de datos básicos Objetivo: Reconocer las estructuras básicas. Contextualización Qué es un tipo de dato? Un tipo de dato es una propiedad o atributo que determina las características y dominios, funciona en operaciones a las cuales se pueden aplicar, es decir, los tipos de datos varían en junto con el lenguaje de programación que se utiliza, al igual que sus estructuras lógicas debido a los compiladores de información que determina cada software. Los tipos de datos pueden ser; Números enteros Números reales Valores lógicos Texto Nulo Etc. Es importante conocer todos los tipos de datos para saber en qué lugar se pueden aplicar de mejor forma y obtener resultados óptimos.
Introducción al Tema LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 2 Para qué son los tipos de datos básicos? Los tipos de datos básicos se clasifican según la forma en que se utilicen y pueden cambiar conforme el lenguaje en que se apliquen, sin embargo existe una gran similitud entre todos éstos ya que la mayoría se basan en C++. Algunos lenguajes no se basan en C++, pues su estructura de programación es más sencilla y no requiere de una lógica tan grande en los scripts, por ejemplo HTML, tiene una sencilla aplicación que sólo describe la formación del documento con etiquetas las cuales solo contienen el nombre de lo que se está realizando. Para qué funciona la estructura global de un documento? La estructura global de un documento funciona como una guía sobre lo que contendrá este mismo, incluyendo las medidas del mismo documento. Cuando la estructura de un documento se utiliza en varios se le llama maestro, ya que es la base que se utiliza como plantilla de llenado y mantener el formato que se requiere además de los caracteres y atributos requeridos.
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 3 Explicación Tipos de datos básicos Actualmente los tipos de datos son aplicados en diferentes medios y plataformas, es decir, debido a la naturaleza de los datos se crean aplicaciones que son utilizadas en la web, calculadora, sistemas operativos, aplicaciones móviles, etc. Lo que permite tener una gran variedad en el desarrollo y gran potencia de uso en las mismas ya que con los scripts, se pueden mejorar o potenciar los sistemas sin tener que agregar más piezas de hardware. Por ejemplo, la empresa Nvidia en los sistemas gráficos que utiliza, aplican núcleos de procesamiento los cuales no se aprovechaban concretamente, por lo que en el cambio y evolución de tecnologías se desarrolla un sistema llamado CUDA el cual es una pieza de código que aprovecha los núcleos del sistema gráfico y los potencia mejorando el rendimiento de las vistas 3d y aumentando la velocidad de sistema. Qué quiere decir esto? Lo que se quiere dar a notar, es que la programación dependiendo de los tipos de datos puede mejorar o no un sistema, cuando se comprenden los datos es fácil entender el desarrollo de cualquier script. Los datos actualmente se utilizan para aplicaciones web, gracias a la evolución de los dispositivos móviles, pues la demanda aumenta cada día, estos datos pueden formar mapas, datos de geo localización, información de consultas médicas en tiempo real, etc. Algunos de los tipos de datos más utilizados son; número enteros, números reales, valores lógicos, strings, nulo, double, byte, etc.
Estructura global de un documento LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 4 La estructura de un documento nos permitirá conocer el inicio y el final del mismo, sin dejar a un lado los contenidos, los tamaños de la hoja y el margen con el que contará y se divide en zonas principales que son: Cabeza Titulo Cuerpo Dentro de los apartados el contenido el distinto y puede manejar un número mayor de etiquetas y clasificaciones que se complementas con lenguajes de programación como java, CSS3 y otros más. Todo lo que se encuentra dentro de este documento se puede localizar mediante exploradores de internet siempre y cuando se cumpla con los requerimientos de localización de documentos. Las características de los documentos se pueden modificar dependiendo del lenguaje de programación con el que se trabaje, es decir, no es la misma estructura de un documento XML, HTML o PHP las diferencias se notarán en la sintaxis de cada uno y las instrucciones y manejos de códigos con los que se cuenten. Al hablar de un documento en general, sin intervenir en HTML o cualquier lenguaje de programación, podemos notar que la estructura es la misma, cuenta con un título o encabezado, el contenido o cuerpo y dentro del contenido se puede aplicar información adicional como imágenes, citas, tablas, etc. Es importante conocer los lenguajes de programación que se pueden acoplar a otros y la codificación que requiere como UTF8 o ASSCI, para saber los riesgos de incompatibilidad posibles dentro de cada elemento.
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 5 Elementos básicos: texto, vínculos, listas, tablas, objetos, imágenes y aplicaciones Los elementos básicos con los que cuenta un documento HTML, son el medio por el cual el usuario tiene interacción con la información, los elementos que son más utilizados son; Vínculos Imágenes Objetos Aplicaciones Actualmente con evolución de la programación de elementos se pueden apreciar inclusive animaciones, videos, nuevos elementos como la realidad aumentada y uso de más widgets.
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 6 Todos estos elementos son incluidos en el documento mediante etiquetas en el código fuente, puede crearse todo de manera manual o con el apoyo de software de diseño que facilita la creación y modificación de los elementos. Algunas de las etiquetas que se utilizan para definir los elementos son; <div align= center >texto centrado</div> <U>texto subrayado</u> <a href="http://www.htmlquick.com/es/reference/tags/a.html"> <object type="application/x-shockwaveflash"data=http://direccionweb.comstyle ="width: 425px; height:350px;" > <img src="imagen.gif"> Las anteriores etiquetas son sólo una muestra de la gran variedad de opciones disponibles con las cuales definir una mejor apariencia y equilibrio visual en el diseño de un Website.
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 7 Conclusión Los documentos HTML cuentan con una gran variedad de elementos que realizan la importante tarea de la interacción con el usuario, es importante que al momento de crear elementos digitales se cuente con la información necesaria para los mismos. Por qué es importante conocer los atributos de los elementos a incrustar en una website? Conocer los atributos de los elementos es importante para saber si el peso de los mismos es excedente y retrasará la visualización del documento. Actualmente gracias a la potencia de los servidores y los servicios de Internet de banda ancha, se facilita el manejo, envío y recepción de información con elementos multimedia, también es gracias a la codificación base que contienen los elementos pues se crean especialmente para una lectura rápida y descarga optima sin modificar los atributos de sí misma o de los elementos que la rodean. Cuando los tipos de datos no son compatibles con el medio en el que se están visualizando, se presentan marcas o errores en los cuales los compiladores no comprender las características y cambian los textos por símbolos, en el medio de la programación al fallar los caracteres el compilador marca los errores encontrados, pues no solo pueden ser de datos, sino de sintaxis, espacios en blanco en lugares donde no deben ir o simplemente porque las instrucciones no se reconocen por la versión del sistema de programación o la falta de conocimiento al relacionar los elementos.
Para aprender más LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 8 Hudson C. y Leadbetter T., (2012). HTML5 Developer s Cookbook. U.S. Pearson Education. Williams L. (2012). Learning HTML5 Game Programming. U.S. Pearson Education Amundsen M. (2012). Hypermedia APIs with HTML5 and Node. U.S. O REILLY Brending. Estructura general de un documento HTML. http://brd.unid.edu.mx/estructura-general-de-un-documento-html/ Universidad de las Palmas de gran Canaria (2012). Estructura de un documento HTML. http://brd.unid.edu.mx/estructura-de-un-documentohtml/
Actividad de Aprendizaje LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 9 Objetivo: Entender el funcionamiento de los documentos de marcas. Así como aprender el uso de HTML5 y sus etiquetas básicas. Instrucciones: Con la finalidad de reforzar los conocimientos adquiridos a lo largo de esta sesión, ahora tendrás que realizar una actividad. Realiza el mini sitio, que planeaste en la sesión anterior, en html5. Trata de usar las etiquetas más comunes. Para darle diseño y vista al documento usa hojas de estilos. Recuerda que el tamaño mínimo del sitio es de 5 documentos. Los documentos deben de estar ligados entre sí a través de ligas de hipertexto. En un documento Word, describe cada uno de los elementos del sitio. Ejemplificando su función. Así mismo explica el uso de cada etiqueta en tu mini sitio. Recuerda guardar todos los archivos de tu actividad en un archivo ZIP. 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 Introducción 10 puntos Contenido 10 puntos Mini Sitio 60 Puntos
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 10 Bibliografía Brending. Estructura general de un documento HTML. Consultado el 8 de mayo de 2013, en: http://www.brendingdesigners.com.ar/html_01.html S.a. (s.f.) Estructuras y programación. Elementos básicos: texto, vínculos, listas, tablas objetos, imágenes y aplicaciones Consultado el 8 de mayo de 2013, en: http://www.estructurayprogramacion.com/materias/programacionweb/elementos-basicos/ S.a. (2010). Tipos de datos básicos. Consultado el 8 de mayo de 2013, en: http://csrg.inf.utfsm.cl/~rbonvall/progra-ust-2010-1/tipos.html Universidad de las Palmas de gran Canaria (2012). Estructura de un documento HTML. Consultado el 8 de mayo de 2013, en: http://gias720.dis.ulpgc.es/gias/cursos/tutorial_html/estruct.htm