Informatica y Convergencia tecnológica 2017A

lunes, 22 de mayo de 2017

lunes, 15 de mayo de 2017

Señores estudiantes, el 17 de mayo queda habilitado el Quiz por 24 horas, para su desarrollo tener en cuenta:

Link de ingreso:

Realizar Quiz

*Ubique en el combo su Nombre

*La contraseña es su No. documento de identificación

*Tienen 1 solo intento y 15 minutos para desarrollarlo, mínimo 9 aciertos

*Son 15 preguntas

Buena suerte......

jueves, 11 de mayo de 2017

Forrmularios

Formularios Los formularios nos permiten dentro de una página Web solicitar información al visitante y procesarla. En un formulario podremos solicitar diferentes datos cada uno de los cuales quedará asociado a una variable. Una vez se hayan introducido los valores en los campos, el contenido de estos será enviado a la dirección donde tengamos el programa que pueda procesar las variables. A este programa externo se le suele llamar CGI (Common Gateway Interface). La creación de este tipo de programas sería tema de otro manual diferente, por lo que aquí veremos como se pueden enviar las variables a nuestra dirección de correo electrónico.
La declaración del formulario se pone entre las instrucciones <FORM></FORM>. En el interior de la declaración se indican los elementos de entrada. La instrucción <FORM> tiene los parámetros action y method.

action = "programa"
Indica el programa que va a "tratar" a las variables que se envíen con el formulario. En nuestro caso enviaremos las variables por correo electrónico, con lo que el "programa" será "mailto: direccion_de_correo".

method = POST / GET
Indica el método según el que se transferirán las variables. POST produce la modificación del documento de destino (como en el caso de enviar por correo las variables). GET no produce cambios en el documento destino (como en el caso de una consulta a una base de datos, p.ej. una página de búsqueda en Internet).

Sentencias de Entrada

Para la introducción de las variables se utiliza la instrucción <INPUT>. Esta instrucción tiene el parámetro type que indica el tipo de variable a introducir y name que indica el nombre que se le dará al campo. Cada tipo de variable tiene sus propios parámetros.

type= text name = campo
Indica que el campo a introducir será un texto. Sus parámetros son :

maxlenght = numero
Numero máximo de caracteres a introducir en el campo.
size = numero
Tamaño en caracteres que se mostrará en pantalla.
value = "texto"
Valor inicial del campo. Normalmente sera " ", o sea, vacio.

type = password name = campo
Indica que el campo será una palabra clave. Mostrará asteriscos (*) en lugar de las letras escritas. Sus parámetros opcionales son los mismos que para text.

type = checkbox / radio name = campo
El campo se elegirá marcando una casilla. Se permite marcar varias casillas. Los valores de las casillas serán indicados por :

value = "valor"
checked
La casilla aparecerá marcada por defecto.

type = radio name = campo
El campo se elegirá marcando una casilla. Solo permite marcar una sola de las casillas. Los valores de las casillas serán indicados por :

value = "valor"

type = image src = "fichero de imagen"
Este funcionará exactamente que el botón de aceptar.
type = hidden name = campo
El usuario no puede modificar su valor, ya que el campo no es visible se manda siempre con el valor indicado por el parámetro :

value = "valor"

type = submit
Representa un botón. Al pulsar este botón la información de todos los campos se envía al programa indicado en <FORM>. Tiene el parámetro value = "texto" que indica el texto que aparecerá en el botón.

type = reset
Representa un botón. Al pulsar este botón se borra el contenido de todos los campos. El parámetro value = "texto" indica el texto que aparecerá en el botón.

Selecciones

Este tipo de campos despliegan una lista de opciones, entre las que debemos escoger una o varias. Se utiliza para ello la instrucción <SELECT> </SELECT> . Sus parámetros son :

name = campo
Nombre del campo

size = num
Número de opciones visibles. Si se indica 1 se presenta como un menú desplegable, se indica mas de uno se presenta como una lista con barra de desplazamiento.

multiple
Permite seleccionar mas de un valor para el campo.
Las diferentes opciones de la lista se indican con la instrucción <OPTION>. Esta instrucción puede incluir el párametro selected para indicar cual es la opcion por defecto. En caso de que no se especifique, se tomara por defecto la primera opción de la lista.

Areas de texto

Representa un campo de texto de múltiples líneas. Normalmente se utiliza para que se incluyan en el comentarios. La instrucción usada es <TEXTAREA> </TEXTAREA>, y sus parámetros :

name = campo
Nombre del campo.

cols = num.
Numero de columnas de texto visibles.

rows = num.
Numero de filas de texto visibles.

Ejemplo:

Veamos a continuación un ejemplo de formulario utilizando todas las formas de introducción de datos.

<FORM action = "mailto:lokeitor@hotmail.com" method = post >
Tu Nombre:<INPUT type = text name = nombre size = 30 >
Tu Clave: <INPUT type = password name = clave size = 8 >
<P>
Archivos a Enviar:
<INPUT type = checkbox name = archivo value = "Manual" > Manual de Html
<INPUT type = checkbox name = archivo value = "Gif_Cons" > Gif Construction SET
<INPUT type = checkbox name = archivo value = "Help" > Archivo de Ayuda
<P>
Tu Edad :
<INPUT type = radio name = edad value = "-20" > Menos de 20 años
<INPUT type = radio name = edad value = "20-40" > Entre 20 y 40 años
<INPUT type = radio name = edad value = "+40" > Mas de 40 años
<P>
<INPUT type = hidden name = lugar value = "Manual De HTML UDA" >
Como encontraste mi página :
<SELECT name = donde >
<OPTION>De casualidad
<OPTION>Por el buscador Google
<OPTION>Por el buscador Lycos
<OPTION>Me la comentaron
</SELECT>
<P>
Tus Comentarios:
<BR>
<TEXTAREA name = comentario rows = 5 cols = 40 wrap = virtual ></TEXTAREA>
<P>
<INPUT type = submit value = "Enviar" >
<INPUT type = reset value = "Borrar" >
</FORM>

Ahora veamos el efecto producido en la página Web:

Si rellenas este FORM y pulsas sobre el botón Enviar, (estando conectado a Internet), se generará un mensaje de correo a mi dirección de correo lokeitor@hotmail.com. Si pulsas el botón Borrar se borraran los datos que hayas introducido en el Formulario.
Si en vez de enviar estas variables por correo electrónico, fuesen enviadas a un programa (CGI), este programa podría tratarlas y dar como respuesta una nueva página Web.

Se puede utilizar un Formulario como "lanzador" de links, es decir, por medio de una lista desplegable permitir al usuario escoger un Link y acceder a el. Para ello se utiliza el párametro "OnClick". Ejemplo :

<FORM>
<SELECT name = "list" >
<OPTION value="http://www.geocities.com/xavi_loco">Mi Página Web
<OPTION value="http://www.microsoft.com">Microsoft
<OPTION value="http://www.ibm.com">Ibm
<OPTION SELECTED value="http://www.dell.com">Dell
<OPTION value="http://www.hp.com">Hewlett Packard
<OPTION value="http://www.w3c.org">w3c
</SELECT>
<INPUT TYPE=BUTTON value="Ir a..."
onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">
</FORM>

Este seria el efecto producido :

domingo, 30 de abril de 2017

Taller No.2 Fórmulas y Funciones

APLICACIÓN DE FORMULAS Y FUNCIONES:

TALLER No. 2

APLICACIÓN DE FORMULAS Y FUNCIONES:

a. En el peaje el Placer se maneja los siguientes tipos de vehículos con su respectiva tarifa de acuerdo a la siguiente tabla:

Vehículos: Tarifas:
Tipo 1 motocicletas y piaggios 5000
Tipo 2 Taxis y particulares 10000
Tipo 3 Buses camiones y tractomulas 15000

Se pide elaborar una hoja de calculo con el siguiente formato:

Llenar 20 registros; el tipo de vehículo puede ser cualquiera de la tabla anterior, cuando se digite el tipo de vehículo automáticamente debe aparecer la Tarifa. Ademas se desea saber:

* El total pagado en el peaje
* Cuantos vehículos pasaron del tipo 1
* Cuantos vehículos pasaron del tipo 2

* Cuantos vehículos pasaron del tipo 3

* Cuanto pagaron los vehículos del tipo 1

* Cuanto pagaron los vehículos del tipo 2

* Cuanto pagaron los vehículos del tipo 3
* El máxima tarifa pagada
* La mínima tarifa pagada
* El promedio de la tarifa
* Elaborar la gráfica estadística en columnas para determinar los ingresos por cada Tipo de vehículo.

Favor enviar individualmente al correo cun_ipiales@hotmail.com hasta el viernes 5 de mayo 11:59 p.m. escribiendo en el asunto: II empresas sábado/noche 2017A Taller No. 2

Ejemplo de una página Web

Para mirar la pagina cargue el archivo indexlajas.html en el Navegador (Internet Explorer): Analice las etiquetas: enlaces, inserción de imagenes,tablas, frames etc. Apoyece en el Manual de Html que se adjunta.

Manual de Html

miércoles, 19 de abril de 2017

Introducción a la Informatica y Convergencia tecnológica

INTRODUCCIÓN A LA CONVERGENCIA TECNOLÓGICA

Síntesis

Sin que estemos conscientes de lo que significa convergencia tecnológica, hoy nuestra vida está rodeada de diversos procesos que involucran tecnología que nos facilitan la vida, nos comunicamos y compartimos información en línea y en tiempo real ahorrando tiempos de desplazamientos y otros recursos, pagamos una cuenta o tenemos acceso a nuestro correo electrónico mediante la utilización de diversos dispositivos móviles, observamos como campos como la medicina entre otras, día a día nos dejan asombrados por los recursos tecnológicos que utiliza y muchas cosas más.

Objetivo

Lograr que el estudiante conozca como la multiplicidad de formas de convergencia tecnológica puede facilitarle los diversos procesos que realiza no solo en su vida personal sino laboral.

Competencias

Proporcionar experiencias de aprendizaje acordes con los avances tecnológicos y necesidades de su trabajo.
Conocer que es Convergencia Tecnológica y como aplicarlo al campo de formación específico.
Síntesis

Problemas a solucionar

¿Qué es convergencia tecnológica?
¿Cómo aprovechar los beneficios de las propuestas de convergencia tecnológica, desde
la perspectiva profesional de su carrera?
¿Qué aplicaciones y/o servicios de convergencia tecnológica conoce?
¿Qué decretos actuales ha establecido el ministerio de comunicaciones relacionadas
con Convergencia Tecnológica?
¿De qué manera se manifiesta la convergencia tecnológica en el área servicios,
equipos, redes y mercados?

http://telecampus.cun.edu.co:8086/moodle/file.php/290/DECRETO_SOBRE_CONVERGENCIA.pdf

DECRETO SOBRE CONVERGENCIA

CUN

VIDEO: Sociedad de la Información link:

http://www.youtube.com/watch?v=w22CN-FbNEE&feature=player_detailpage

Enlaces recomendados para el tema:

http://www.tendencias21.net/Una-nueva-convergencia-tecnologica-cambiara-a-la-sociedad-en-2020_a1171.html
http://ares.cnice.mec.es/informes/09/documentos/23.htm http://empresas.telefonica.es/documentacion/presencia_externa/IsabelIDCBarcelona_septiembre.pdf

Actividad No.1

a. Con base en el Decreto que ha establecido el ministerio de tecnologías de la Información y comunicaciones, relacionado con Convergencia Tecnológica elabore un mapa conceptual preferiblemente en la aplicación cmaptools y luego inclúyalo en la presentación del punto b (para que solo suba un archivo a la plataforma).

b. Teniendo en cuenta los enlaces recomendados y otros consultados por usted (evite copiar y pegar de Internet), genere una presentación innovadora y creativa en PowerPoint cuyo tema sea “Como evidencia usted la Convergencia tecnológica en la Actualidad, el desarrollo tecnológico actual y como estos conceptos afectan su carrera profesional”

Favor enviar al correo de su tutor: cun_ipiales@hotmail.com hasta el jueves 26 de abril del presente, escribiendo en asunto taller 1 convergencia empresas dia y/o noche respectivamente.

Convergencia Tecnológica – Desarrollo Tecnológico Actual