Entradas

Sesión 9 - Accesibilidad en la WEB

Imagen
La discapacidad en números En Costa Rica, alrededor de 452 849 presentan alguna discapacidad, esto es al rededor del 10,5% de la población del país. Además según la UNESCO al rededor del mundo la cifra aumenta considerablemente, habiendo 1000 millones personas en esta condición. Las personas con discapacidad y las tecnologías El surgimiento de Internet ha hecho que las páginas web sean parte de nuestra vida cotidiana, además, estas simplifican muchos trámites, ya que cualquier tarea se puede hacer desde nuestra casa siempre y cuando exista una página web que lo facilite. Para las personas con discapacidad, esto es una gran ventaja, sin embargo, ¿son todas las páginas web accesibles para este tipo de personas? Es importante tener en cuenta que muchas personas, en diferentes condiciones usarán nuestra página, esto hace que exista un compromiso con fomentar la igualdad de oportunidades.   El término accesibilidad de la Web, se refiere a que las personas con alguna espe
Publicar un comentario
Leer más

Sesión 8 - PHP y Laboratorio 3

Imagen
Principales características Lenguaje de programación del lado del servidor. Es el más extendido en la web actualmente. Potente y simple. Cuenta con gran soporte. Es de código abierto. Es multiplataforma. Programación estructurada (funciones). Cuenta con programación orientada a objetos. Se están incorporando elementos de programación funcional. Es decir es multiparadigma. Utilidades y servicios PHP al ser código abierto cuenta con multitud de herramientas y frameworks gratuitos, haciendo que sea un lenguaje poderoso y amplio. Esto ayuda a que existan gran cantidad de servicios que el lenguaje puede proveer a los desarrolladores como: Funciones de correo electrónico. Gestión de BD y archivos. Manejo de imágenes. Manejo de sesiones, cookies, etc. En el siguiente articulo se mencionan algunas utilidades extra:  http://www.ribosomatic.com/articulos/utilidades-en-php-que-todo-desarrollador-debe-conocer/ Ventajas y desventajas Ventajas Open
Publicar un comentario
Leer más

Laboratorio 2 : Aplicaciones WEB usando HTML, CSS, JS, NodeJS

Imagen
Especificación Como en el anterior laboratorio, en este caso también se solicitó una serie de características que la aplicación debía cumplir. Esta es presentada a continuación. Implementación A continuación, se explicará de forma detalla el procedimiento para conseguir el buen funcionamiento de la aplicación. Creación de vistas Primeramente tendremos que definir la parte gráfica de nuestra aplicación, en este caso bastará una interfaz sencilla, además queremos que nuestra aplicación sea dinámica en cuanto a la visualización de las monedas.  Debemos crear dos vistas o archivos html, en este caso, haremos uso de EJS, que son archivos que funcionan como HTML pero con capacidad de procesar texto plano Javascript (sin embargo, al observar los archivos EJS creados para este laboratorio bien pueden ser reemplazados solamente por archivos HTML, sin embargo, habría que hacer cambios en el servidor, así que, por ahora nos quedaremos con los EJS). La imagen
Publicar un comentario
Leer más

Sesión 7 - Node JS

Imagen
¿Qué es Node JS? Es un ambiente servidor de código abierto, el cual ejecuta Javascript y permite la escalabilidad de una aplicación de forma más sencilla y estable (no usa hilos).  ¿Por qué usar Node JS? Es código abierto y gratis. Es multiplataforma. Usa Javascript. Usa programación asincrónica. Elimina la espera y siempre continua con la siguiente petición. Ejemplo de uso: Node JS es relativamente sencillo de usar, una vez instalado en nuestra computadora que funcionará como servidor basta con definir un archivo principal, por ejemplo server.js: -------------------------------------------------------------------------------------------------------------------------- var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end('Hello World!'); }).listen(8080); ------------------------------------------------------------------------------------------
Publicar un comentario
Leer más

Sesión 6 - Javascript

Imagen
¿Qué es Javascript? Javascript es considerado el lenguaje de programación de HTML y por ende, de la web. Es un lenguaje dinámico, levemente tipado y multiparadigma. ¿Por qué usar Javascript? Permite controlar el comportamiento de las páginas web. Permite la creación de páginas web dinámicas. Puede usarse en aplicaciones móviles, desktop applications y web applications. Facilidad  de uso. Amplia comunidad de desarrolladores que lo usan. Permite el uso de Single-page applications (el navegador se encarga de representar la página). ¿Cómo usar Javascript? Una de las formas más sencillas y conocidas para usar Javascript en nuestra página web es usando el evento onclick , en HTML la sintaxis sería algo así:  <element onclick="myScript"> Este evento se usa en la mayoría de casos para darle funcionalidad a botones, aunque también puede funcionar con otros tipos de elementos. Ejemplo: -----------------------------------------------
Publicar un comentario
Leer más

Laboratorio 1 : Desarrollo práctico de una página WEB acerca de su vida personal

Imagen
Para este laboratorio se tomará en cuenta únicamente la parte visual de la página web, es decir no se realizará funcional. Para entender mejor lo solicitado se presenta el enunciado del Laboratorio 1: Para acceder al código HTML y CSS de la  página web creada como resultado del laboratorio use el siguiente link:  https://drive.google.com/drive/folders/1byjlM9hELTEGUPWGojJ3YUDIHoQddy8v?usp=sharing NOTA: En el los archivos subidos, el link al CSS contiene un path local, basta con cambiar el path a  "css/custom.min.css" Elementos usados HTML <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">:  se encarga de que la página realizada tenga la característica responsive, esto diciéndole al navegador como debe ajustarse.  <li><a class="active" href="home.html">Home</a></li>: usado para representar un item en una lista, en este caso, se usó como elemento del m
Publicar un comentario
Leer más

Sesión 5 - CSS

Imagen
¿Qué es CSS? Cascading Style Sheets u hojas de estilo son un conjunto de instrucciones que le dictan al navegador como debe dibujar los elementos en pantalla. El uso de hojas de estilo permite separar el contenido del documento de la presentación del mismo. Sintaxis Para información más detallada el siguiente link puede ser de utilidad:  https://www.w3schools.com/css/css_syntax.asp   Enlazar con HTML Existen diversas formas de usar un HTML con CSS, a continuación presentamos algunas de ellas: Usando un link :  <link rel="stylesheet" type="text/css" href="mystyles.css" media="screen" /> Empotrando en el HTML : <style type="text/css" media="screen"> /* Add style rules here */ </style> Entre líneas : <h2 style="color:red; background:black;">This is a red heading with a black background</h2> Referencias CSS Tutorial. (n.d.)
Publicar un comentario
Leer más