ACTIVIDAD DE APRENDIZAJE No 1

LENGUAJES PARA INTERNET

Presentado Por:
Michael Stiven Marin Estupiñan
CC: 1031141141
Guillermo Antonio Parra Castro
CC: 1032452104

Agosto del 2020

Unipanamericana
Técnica Profesional En Análisis y Diseño De Bases De Datos

1
 ACTIVIDAD DE APRENDIZAJE No 1
LENGUAJES PARA INTERNET

Presentado Por:
Michael Stiven Marin Estupiñan
CC: 1031141141
Guillermo Antonio Parra Castro
CC: 1032452104

Agosto del 2020

Unipanamericana
Técnica Profesional En Análisis y Diseño De Bases De Datos

2
Contenido

Introducción ................................................................................................................. 4
Objetivos ....................................................................................................................... 5
Primera Parte Mapa Mental.......................................................................................... 6
Segunda Parte Cuadro Comparativo. ............................................................................ 7
Tercera Parte Matriz De Análisis ................................................................................. 10
Caso Práctico............................................................................................................... 13
DESARROLLO WEB .................................................................................................. 13
INVERSIÓN PROPUESTA: ........................................................................................ 13
BOSQUEJO ................................................................................................................ 15
Home........................................................................................................................... 15
Productos .................................................................................................................... 17
Carrito de compras ...................................................................................................... 17
Conclusiones ............................................................................................................... 18
Bibliografía ................................................................................................................. 19

3
Introducción

El diseño, desarrollo e implementación de páginas web en las organizaciones son un

recurso comunicativo muy importante, debido a las necesidades de acceso a la información
sobre productos y servicios ofrecidos en el mercado local y global. Esto influye en que las
empresas cuenten con el manejo de la información en la Web, mejorando, sin lugar a dudas
la planificación, la ejecución, el control y la mejora de los procesos empresariales.

En este sentido, los ingenieros, técnicos y tecnólogos en sistemas deben contar con
conocimientos generales para el desarrollo de páginas Web, de esta manera ser capaces de
asesorar a las organizaciones para utilizar la tecnología de la mejor manera posible, a fin de
incorporar el manejo dela información de las empresas por medio de la Internet y de esta
manera facilitar a trabajadores, administradores y clientes en general todos los procesos que
involucren diferentes procesos en las organizaciones.

De esta manera la presente actividad denominada: “Generalidades para los lenguajes de

Internet”, busca en el estudiante dar un soporte con los conceptos generales que se deben
conocer acerca de la historia y generalidades de lenguajes para Internet, a fin de facultarlo
con la capacidad de asesorar de acuerdo a las nuevas tecnologías que van surgiendo
constantemente y la facilidad de acceso a las mismas.

Abordar la importancia de los conceptos básicos de páginas web y los lenguajes de

programación y su importancia para el desarrollo de páginas web en las empresas.

4
Objetivos

Objetivo General
En el siguiente trabajo se darán a conocer los diferentes tipos y lenguajes de programación
y referentes conceptuales los cuales se tendrán en cuenta durante el transcurso del módulo
para reforzar nuestros conocimientos frente al curso de lenguajes para internet.

Objetivos Específicos

1. Aprender el manejo de Mapas Mentales, cuadros comparativos y mapas

conceptuales adecuadamente para dar a conocer los referentes conceptuales y
teóricos de un tema y que la información sea lo más clara y directa.
2. Captar los fundamentos de World Wide Web de acuerdo a los avances tecnológicos
del mercado.
3. Analizar y aprender a sacar conclusiones de las diversas formas de programación en
lenguajes para internet.
4. Trabajar en base a casos prácticos en los cuales se emplee y se implemente los
conceptos y referentes conceptuales de los lenguajes para internet en base a matrices
de análisis.

5
Primera Parte Mapa Mental

6
Segunda Parte Cuadro Comparativo.

Tipos De Definición Características Ventajas Desventajas

Lenguajes
Es el  Lenguaje  Texto  Estático
lenguaje estático. estructurado.  Interpretación
con el que  Basado en  Archivos diferente
se define el etiquetas. pequeños. dependiendo
contenido  Interpretado  Fácil del navegador.
HTML de las  Extensiones aprendizaje.  Exceso de
páginas de archivo  Compatible etiquetas.
web. .html o htm. en todos los
exploradores
.
Es un  Interpretado.  Fácil de  Necesita de
lenguaje de  Usado aprender. servidor Web.
código principalmen  Lenguaje  Todo el trabajo
abierto muy te para sitios rápido. se realiza en el
popular dinámicos.  Soporta servidor.
especialmen  Del lado del objetos.  La legibilidad
te adecuado servidor.  Capacidad del código
PHP para el  Necesita de de conexión puede verse
desarrollo servidor con la afectada.
web y que Web. mayoría de  Hay que
puede ser  Destaca su las BD. asegurar la
incrustado conectividad  Expande su implementació
en HTML. con MYSQL. potencial a n
través de
módulos.
Es el  Es una  Orientado a  Mayor
lenguaje de tecnología objetos. consumo de
scripting del orientada al  Separa el recursos.
lado del desarrollo de diseño del  Código
servidor aplicaciones código. propietario de
creado por Web.  Fácil Microsoft.
ASP Microsoft.  Es compilado mantenimien  No es fácil de
ASP (Activ no to. leer e
e Server interpretado.  Mayor interpretar.
Pagés)  Se ejecuta en seguridad.  Muchos
el lado del Hostings no lo
servidor. soportan.

JavaServer  Orientado a  Código bien  Complejidad

Pagés es desarrollar estructurado. en el
JSP una páginas Web  Multiplatafor aprendizaje.
tecnología en Java. ma.  Se requiere un

7
 que ayuda a  Lenguaje  Se escribe en servidor con
los multiplatafor Java. soporte para
desarrollado ma.  Integridad JSP
res de  Se ejecuta con los
software a del lado del módulos de
crear servidor. Java.
páginas web
dinámicas
basadas en
HTML y
XML, entre
otros tipos
de
documentos
.
Perl es un  Toma  Es eficiente,  Demora en el
lenguaje de elementos del complejo y tiempo de
programaci lenguaje C y fácil de usar. ejecución de
ón diseñado Shell.  Está los programas.
por Larry  Es disponible  Es compilado
Wall en interpretado. para gran cada vez que
1987. Perl  Lenguaje de cantidad de se ejecuta.
toma propósito sistemas  Mayor
PERL característic general. operativos. consumo de
as del  Soporta recursos.
lenguaje C programació
n
estructurada
POO y
programació
n funcional.
JavaScript  Maneja  Lenguaje de  Código visible
es un objetos Scripting por cualquier
lenguaje de dentro de seguro y usuario.
programaci nuestra fiable.  El código debe
ón página Web.  Los Scripts descargase
JAVASCRIP
interpretado  Es dinámico tienen completamente
T
, dialecto y responde a capacidades  Problemas en
del estándar eventos en limitadas. navegadores
ECMAScrip tiempo real.  Se ejecuta en antiguos.
t. Se define  No es Java el lado del
como cliente.
orientado a
objetos
AJAX,  Se realiza en  Uso de  Requiere
acrónimo de la parte tecnologías mucho código
AJAX Asynchrono cliente. existentes. de
us  Actualiza  Soportada compatibilidad

8
 JavaScript porciones de por la  Consume
And XML, la página en mayoría de recursos del
es una vez de la los lado del
técnica de página navegadores cliente.
desarrollo completa. modernos.  Excluye a
web para  Comunicació  Presenta quienes no
crear n interactivida usan un
aplicaciones GET/POST. d (Usuario navegador no
interactivas no debe soportado.
o RIA esperar a que
lleguen los
datos al
servidor)
VBScript es  Está  Posee una  Soporte pobre
un lenguaje soportado curva de para la
interpretado para sistemas aprendizaje programación
por el operativos rápida. orientada a
Windows embebidos  Permite usar objetos.
Script Host como con facilidad  Incapacidad
de Microsoft plataformas para crear
Microsoft. Windows con sistemas aplicaciones
Su sintaxis Embedded. Windows. Multihilo sin
refleja su  Conlleva a  Posibilita tener que
origen como utilizar soporte para recurrir a la
variación scripting conexión de API de
del lenguaje activo para Scripts Windows
de una gran
programaci variedad de
VBScript ón Visual entornos,
Basic incluyendo
scripting de
cliente Web
en el
buscador
Microsoft
Internet
Explorer. ...
 Fue diseñado
para aprender
de una
manera fácil
y sencilla.

9
Tercera Parte Matriz De Análisis

Formatos Digitales De Sonido

Tipo Siglas Utilidades Funcionalidad
1. Para que varios Con mensajes del
instrumentos sistema indica a
musicales se los dispositivos
puedan comunicar electrónicos
Musical Instrument Digital entre sí. como deben
Interface. 2. Permite comportarse y
MIDI Interface Digital Para modificar la que deben hacer.
Instrumentos Musicales velocidad de Que tipos de
reproducción. parámetros se
3. Formato deben tener.
elegido para la
realización de
Karaokes.
1. Es el espacio Es un formato de
dentro de un CD audio digital con
entre 12 y 17 o sin compresión
Waveform audio file canciones. de datos
WAV
format 2. Conversión de
varios formatos.
3. No distorsiona
el sonido
1. Se utiliza en la Edición de
mayoría de los múltiples
programas de archivos de
Audio Interchange File edición de sonido. audio.
AIFF
Format 2. Se utiliza Edición de pistas
generalmente en múltiples
los ordenadores
Apple.
1. Formato de Tipo de formato
audio utilizado en de fichero muy
las antiguas simple y muy
VOC VI-OU-SI tarjetas de audio poco flexible.
Sound Blaster. Se almacenan en
bloques de datos
de sonido.
1. Formato de Permite gran
MOD MOD audio utilizado en facilidad para
los sistemas crear música para

10
 GNU/Unix video juegos.
MP3 1. Formato de Se utiliza mucho
audio digital con en ordenadores o
MPEG-1 Audio Layer un algoritmo de en dispositivos de
III o MPEG-2 Audio Layer pérdida que audio portátiles.
III, permite que el
archivo sea de
menos tamaño.
VQF (extensión de un fichero 1. Utiliza Competencia del
TwinVQ) cuantificación MP3
vectorial.
2. Distorsión se
minimiza

Formatos Digitales De Video

Tipo Siglas Utilidades Funcionalidad
1. Sirve para Para reproducir un
reproducir archivo como AVI
Video con es necesario lo
Audio siguiente:

 Un reproductor
de video capaz
de interpretar
Audio Video el formato
AVI AVI.
Interleave
 El códec de
video para
interpretar el
flujo de video.
 El códec de
audio para
interpretar el
flujo de audio.

1. Se utiliza MOV es un
principalmente formato de archivo
en ordenadores específico para
QuickTime MAC. Quick Time
MOV
File Format 2. Es compatible Player, lo que
con varios tipos significa que
de sistemas funciona
operativos. perfectamente en

11
 Mac.

MPEG 1. MPEG por Contenedor de

capas 1,2 y 3. audio, video y
Moving 2. Facilita la reproducción clara
Picture descarga gracias
Experts Group a su bajo tamaño
de
almacenamiento.
DVD Disco Versátil 1. Permiten DVD-ROM
Digital grabar y luego DVD-R
borrar. DVD-RW
2. Reproducción DVD-RAM
de audio y video
más limpio y de
mejor calidad

Utilidades De Comprensión
Tipos Archivos Utilidades
Transportes de archivos
con mayor rapidez y
eficacia.
Facilidad para el envió
.ZIP (.zip o .zipx)
de archivos por medio
de correos electrónicos
Formato usado en el
entorno de Windows.
.RAR Tasa de comprensión
alta.
Se requiere software de
.rar, .rev, .r00
terceros
No provisto por
Windows.

12
Caso Práctico

Señores:
Perfeccionando Limpiando
Bogotá.

Cordial saludo.

Dada la relevancia que tiene para su empresa contar con soluciones tecnológicas a la
medida de sus necesidades, es un placer someter a su consideración la siguiente propuesta
para el desarrollo de la página web

DESARROLLO WEB

Este producto se desarrollará en PHP o JAVA SCRIPT con MYSQL como motor de base
de datos, los cuales se encargarán de gestionar toda la información.

INVERSIÓN PROPUESTA:

DESCRIPCIÓN
o Lenguaje PHP

 Ventajas:
 Open Source
 Soporta diferentes bases de datos
 Ofrece varios dominios a un bajo costo
 Perceptible, fácil mantenimiento, actualizaciones comparado con
otros códigos
 Multiplataforma
 Servidor gratuito
 Soportado por la mayoría de los navegadores
 Se puede combinas con HTLM
 Rápido
 Desventajas:
 Para testear y realizar pruebas se necesita de un servidor web que
soporte PHP
 Puede colapsar por un número de visitas excesivas

o Lenguaje JAVA SCRIPT

 Ventajas:

13
  Lenguaje más usado
 Open source
 Multiplataforma
 Soportado por dispositivos Android
 Servidor gratuito
 Soporta diferentes bases de datos

 Desventajas:
 Debe combinarse con otros lenguajes
 Existen buscadores que no son compatibles
 Existen riesgos de seguridad

o Formato de archivos multimedia.

 Video
 MP4
 AVI
 MOV
 MPEG

 Audio
 MP3
 MIDI
 WAV

Imagen
 JPEG
 PNG
 GIF
o Dominio
 El dominio es la dirección con la que se puede ubicar la página web en
internet.
 Se sugiere usar como dominio www.perfeccionandolimpiando.com, ya
que la extensión .com se encuentra dentro de la categoría TLD (Top Level
Domains), dominios de nivel superior.
 O en su defecto se sugiere usar el dominio
www.perfeccionandolimpiando.com.co, este se encuentra dentro de la
categoría ccTLD (Country Code Top Level Domains), dominios de nivel
superior con código de país. Dominio que es usado cuando se quiere
dedicar a una región específica, en este caso Colombia.

14
 BOSQUEJO

Home

15
16
Productos

Carrito de compras

17
Conclusiones

 Se aprendió a manejar distintas formas de entregar y dar a conocer información de

investigación referente aún tema determinado.

 Aclara el origen del Internet conociendo su historia inicial con ARPANET y como
se convirtió de una red local a una red global.

 Dar a conocer de una manera más analítica los diferentes tipos de lenguajes de
programación Web que existen. Funcionalidades, ventajas, desventajas y
características claves que nos sirvan para su desarrollo.

 Diferenciar los diferentes tipos de formato de audio, video y compresión de

archivos. Además de generalizar conceptualmente sus utilidades y beneficios que se
pueden tener al utilizar cualquiera de estos formatos.

 Se realiza caso práctico en el cual se toman las referencias dadas en la actividad.

Presentando una propuesta clara a nuestro cliente en base a sus necesidades.

 Se manejaron varios referentes conceptuales y puntuales en los cuales se

argumentan la manera en la cual se presenta el proyecto con la trazabilidad de los
productos que se utilizan y el manejo que se les da en la empresa para poder generar
el catalogo.

18
Bibliografía

 https://www.google.com/search?q=que+es+rar+y+zip&hl=es&source=lnms&tbm=isch&sa
=X&ved=2ahUKEwiQs82e7ajrAhWx1FkKHTUvALgQ_AUoAXoECBcQAw&biw=1280&bih=68
9#imgrc=P5KsoIpl1-fPsM&imgdii=iH1hvWoVxqBEdM

 https://www.3ciencias.com/wp-content/uploads/2018/09/Art_2.pdf

 https://revistas.um.es/ril/article/view/5501/5361

 https://www.google.com/search?bih=689&biw=1280&hl=es&ei=j-
09X_fKBrCJ5wLylZmIBg&q=utilidades+de+comprension+.zip&oq=utilidades+de+comprensi
on+.zip&gs_lcp=CgZwc3ktYWIQAzoECAAQRzoCCAA6BQguELEDOggILhCxAxCDAToCCC46B
AgAEEM6CAgAELEDEIMBOgoILhCxAxCDARBDOgcIABCxAxBDOgUIABCxAzoMCAAQsQMQQ
xBGEPkBOgQIABAKOgYIABAWEB46CAgAEBYQChAeOgUIIRCgAToICCEQFhAdEB5QiTFY4qkB
YOasAWgDcAN4AYAB0QOIAd8okgEKMS4zMi4yLjAuMZgBAKABAaoBB2d3cy13aXrAAQE&s
client=psy-ab&ved=0ahUKEwi3zvOQ66jrAhWwxFkKHfJKBmEQ4dUDCAw&uact=5

 https://www.google.com/search?bih=689&biw=1280&hl=es&ei=4eo9X_2oBPCD5wKHsKC
QBw&q=Formato+MPEG&oq=Formato+MPEG&gs_lcp=CgZwc3ktYWIQAzICCAAyAggAMgII
ADICCAAyAggAMgIIADICCAAyAggAMgIIADICCAA6BAgAEEdQ7hxY7hxgmSJoAHADeACAAbs
BiAG7AZIBAzAuMZgBAKABAqABAaoBB2d3cy13aXrAAQE&sclient=psy-
ab&ved=0ahUKEwi9nePJ6KjrAhXwwVkKHQcYCHIQ4dUDCAw&uact=5

 https://www.google.com/search?bih=689&biw=1280&hl=es&ei=n-
I9X_6_GMqq5gKzmaLABw&q=midi&oq=midi&gs_lcp=CgZwc3ktYWIQAzIHCAAQsQMQQzIE
CAAQQzIFCAAQsQMyBAgAEEMyBAgAEEMyBAgAEEMyCAguELEDEIMBMgIIADICCAAyAggA
OgQIABBHOgcILhCxAxBDOggIABCxAxCDAToFCC4QsQNQ55cCWO2yAmCiuAJoAXACeACAA
agBiAHTBJIBAzAuNJgBAKABAaoBB2d3cy13aXqwAQDAAQE&sclient=psy-
ab&ved=0ahUKEwi-i_PZ4KjrAhVKlVkKHbOMCHgQ4dUDCAw&uact=5

19