Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI

Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas

Curso: Diseños de Sitios Web Código: 301122

Unidad 1: Fase de Diseño - Crear el Guión y la maquetación

para un OVI en formato WEB con HTML5 y CSS3.

Presentado a:
Tutor

Entregado por:

Evelin Cuadrado Fuenmayor

Código: 1124003704

Grupo: 301122_21

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA - UNAD

ESCUELA DE CIENCIAS BÁSICAS TECNOLOGÍA E INGENIERÍA
ABRIL 2019
RIOHACHA
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

ACTIVIDAD FASE DE PLANEACION Y ANALISIS

CURSO DISEÑOS DE SITIOS WEB - COD. 301122

FORMATO GUION SITIO WEB DEL OVI

Lógica de programación

Diseñado Por: EVELIN CUADRADO

1. Objetivos del OVI (describa mediante el registro de 1 objetivo general y tres

específicos para que se construye este OVI)

Objetivo general:

Crear soluciones informáticas y facilitar el trabajo de las personas para resolver problemas
sencillos y complejos por medio del pensamiento estructurado.

Objetivo específico 1:

Que el estudiante de soluciones a problemas de la vida cotidiana utilizando algoritmos con

una secuencia lógica de instrucciones ordenadas.

Objetivo específico 2:

El objetivo de este OVI es brindar una correcta descripción acerca de los métodos de
ordenación y su importancia en la programación

Objetivo específico 3:

Que el estudiante realice programas dirigidos a las diferentes ramas como la medicina,
arquitectura, educación, medio y ambiente etc. que satisfagan las necesidades del ser
humano.

2. Contenido informativo del OVI por secciones (Replique el siguiente cuadro

de acuerdo al número de secciones que vaya a crear en el OVI)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

Nombre de la sección que se creara en el OVI: INICIO

2.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene

esta sección)

 Objetivo: Presentar la estructura, las generalidades y las unidades temáticas

con que cuenta el curso de Lógica de programación.
 ¿Por qué se debe organizar?

2.2 Recursos de consulta que usara en la sección: (coloque el nombre del

material que usara para crear los contenidos de la sección y el enlace de
descarga de los mismos sean estos Texto, Imágenes, Audios o Vídeos)

Logo UNAD. UNAD (2017). Imagen PNG. Logo Universidad Nacional

Abierta y a Distancia. Recuperado de:
https://sur.unad.edu.co/templates/unadgeneral/images/logoUNAD.png

Lógica de programación. Curso lógica de programación primera parte.

https://www.youtube.com/watch?v=_wFCUzioa00

Conceptos básicos de lógica de programación. Castaño (2017). 10

Tendencias de Diseño Web para 2017 y 2018. Recuperado de:
https://software1278.webnode.es/blog/conceptos-basicos-de-logica-de-programacion-/

Imagen organización OVI

https://www.google.com/url?sa=i&source=images&cd=&cad=rja&uact=8&ved=2a
hUKEwj1z7bkqf3hAhUxw1kKHbnmAUMQjRx6BAgBEAU&url=https%3A%2F%2Fjcv
alenciaar.github.io%2Fovi_metodos%2F&psig=AOvVaw3BncBbxtKO8lAcfK-
zJP63&ust=1556902967491322
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

2.3 Redacte un borrador del contenido de lectura en formato de texto

que tendrá la sección: (Sea este la presentación de la sección, el contenido o
ambos; redacte un borrador del texto que publicara como contenido en la
sección coloque un subtítulo para identificar si corresponde a la presentación
de la sección o el contenido de lectura de la sección)

 Objetivo: El objetivo de este OVI es brindar una correcta descripción acerca

de los métodos de ordenación y su importancia en la programación
orientada a objetos

 ¿Por qué se debe organizar?

Cuando almacenamos los datos en una estructura ya sea en un vector,

tabla, matriz o cualquier otra; por lo general el ingreso de la información no
tiene ningún orden.

Al momento de buscar algún dato tendríamos que recorrer a veces toda la

estructura para encontrarlo, por esto es necesario tener la información
ordenada.

Existen métodos sencillos donde comparamos cada elemento con los demás,
así si nuestra estructura tiene 50 elementos haremos 2500 comparaciones
(50 x 50)

Se dice que un método es más eficiente que otro midiendo las

comparaciones e intercambios que realiza para ordenar la estructura.

Entre los métodos de ordenación hay tres que sobresalen por su eficiencia y
simpleza al momento de ordenar y estructurar: Método de Burbuja, Método
de Inserción y Método de Selección.

3. Contenido informativo del OVI por secciones (Replique el siguiente cuadro

de acuerdo al número de secciones que vaya a crear en el OVI)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

Nombre de la sección que se creara en el OVI: METODO BURBUJA

3.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene

esta sección)

Dar a conocer el método de burbuja con ejemplo para que el estudiante o

usuario se familiarice con el tema

3.2 Recursos de consulta que usara en la sección: (coloque el nombre del

material que usara para crear los contenidos de la sección y el enlace de
descarga de los mismos sean estos Texto, Imágenes, Audios o Vídeos)

 Método burbuja
https://www.youtube.com/watch?v=solSkyAYIhg
https://es.wikipedia.org/wiki/Ordenamiento_de_burbuja

 Ejemplo
https://www.youtube.com/watch?v=uiiss0hP8xM

 Imagen
http://2.bp.blogspot.com/-
wOIdNXUJVlM/Ueb2wyLcWLI/AAAAAAAABWk/rl9R4NafF7A/s1600/pseudocodigo+b
urbuja+2.png

3.3 Redacte un borrador del contenido de lectura en formato de texto

que tendrá la sección: (Sea este la presentación de la sección, el contenido o
ambos; redacte un borrador del texto que publicara como contenido en la
sección coloque un subtítulo para identificar si corresponde a la presentación
de la sección o el contenido de lectura de la sección)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

 Método Burbuja

Este método es el más sencillo aunque no es el más eficiente.

Este método consiste en acomodar el vector moviendo el mayor hasta la

última casilla comenzando desde la primera posición del vector hasta
haber acomodado el número más grande en la última posición, una vez
acomodado el más grande, prosigue a encontrar y acomodar el siguiente
más grande comparando de nuevo los numeros desde el inicio del vector,
y así sigue hasta ordenar todo los elementos el arreglo.

Este algoritmo es muy deficiente ya que al ir comparando las casillas

para buscar el siguiente más grande, éste vuelve a comparar las ya
ordenadas. A pesar de ser el algoritmo de ordenamiento más deficiente
que hay, éste es el más usado en todos los lenguajes de programación.

 ALGORITMO

Imagen ejemplo

4. Contenido informativo del OVI por secciones (Replique el siguiente cuadro

de acuerdo al número de secciones que vaya a crear en el OVI)

Nombre de la sección que se creara en el OVI: METODO BURBUJA

4.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene

esta sección)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

Dar a conocer el método de selección con ejemplo para que el estudiante o

usuario se familiarice con el tema

4.2 Recursos de consulta que usara en la sección: (coloque el nombre del

material que usara para crear los contenidos de la sección y el enlace de
descarga de los mismos sean estos Texto, Imágenes, Audios o Vídeos)

 Método selección
https://www.youtube.com/watch?v=mkp2ceNftUA

 Ejemplo
https://www.youtube.com/watch?v=l0YwcUJB3vo

 Imagen
https://www.google.com/search?q=ejemplo+metodo+seleccion&rlz=1C1RLNS_
esCO791CO791&tbm=isch&source=lnms&sa=X&ved=0ahUKEwjZ6K2OzP3hAhW
Ov1kKHaf4CA4Q_AUICigB&biw=1600&bih=740&dpr=1#imgrc=dTRNabJQ1FhfV
M:

4.3 Redacte un borrador del contenido de lectura en formato de texto

que tendrá la sección: (Sea este la presentación de la sección, el contenido o
ambos; redacte un borrador del texto que publicara como contenido en la
sección coloque un subtítulo para identificar si corresponde a la presentación
de la sección o el contenido de lectura de la sección)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

 METODO SELECCIÓN
El ordenamiento por selección es un algoritmo de ordenamiento que
requiere N^2 operaciones para ordenar una lista de N elementos.

Su funcionamiento es el siguiente: Buscar el mínimo elemento entre una

posición i y el final de la lista Intercambiar el mínimo con el elemento de
la posición i

En éste método, en el i-ésimo paso seleccionamos el elemento con la

llave de menor valor, entre a[i],…, a[n] y lo intercambiamos con a[i].

Como resultado, después de i pasadas, el i-ésimo elemento menor

ocupará a[1],…, a[i] en el lugar ordenado.ALGORITMO

 Imagen
 Ejemplo

5. Contenido informativo del OVI por secciones (Replique el siguiente cuadro

de acuerdo al número de secciones que vaya a crear en el OVI)

Nombre de la sección que se creara en el OVI: METODO INSERCION

5.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene

esta sección)

Dar a conocer el método de inserción con ejemplo para que el estudiante

o usuario se familiarice con el tema
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

5.2 Recursos de consulta que usara en la sección: (coloque el nombre

del material que usara para crear los contenidos de la sección y el enlace de
descarga de los mismos sean estos Texto, Imágenes, Audios o Vídeos)

 Método de inserción
https://es.wikipedia.org/wiki/Ordenamiento_por_inserci%C3%B3n
 Imagen
https://image.slidesharecdn.com/metodosdeordenamiento-111006181229-
phpapp01/95/metodos-de-ordenamiento-11-728.jpg?cb=1317926484

5.3 Redacte un borrador del contenido de lectura en formato de

texto que tendrá la sección: (Sea este la presentación de la sección, el
contenido o ambos; redacte un borrador del texto que publicara como
contenido en la sección coloque un subtítulo para identificar si corresponde
a la presentación de la sección o el contenido de lectura de la sección)

 METODO INSERCION.

El algoritmo de ordenamiento por inserción es un algoritmo de fácil

aplicación que permite el ordenamiento de una lista.

Su funcionamiento consiste en el recorrido por la lista seleccionando

en cada iteración un valor como clave y compararlo con el resto
insertándolo en el lugar correspondiente.

Este método es usado por los jugadores de cartas. Los elementos

están divididos conceptualmente en una secuencia destino y una
secuencia fuente.

En cada paso, comenzando con i=2 e incrementando i en uno, el

elemento i-ésimo de la secuencia fuente se toma y se transfiere a la
secuencia destino insertándolo en el lugar adecuado. En otras
palabras, en el i-ésimo paso insertamos el i-ésimo elemento a[i] en su
lugar correcto entre a[1], a[2],…., a[i-1], que fueron colocados en
orden previamente.
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

 Imagen
 ejemplo