Paso4 Grupo 6

National Open and Distance University UNAD CEAD José Acevedo y
Gómez School of basic sciences technologies and engineering ECBTI
Visual Basic Avanzado - Code 405021_6
Paso 4 - Diseño componente multimedia en ambiente web
Presented to
Jaime Rubiano Llorente
Tutor
Presented by
Marco Tulio Palomo Avila - 79405397
Christian David Malaver Moreno–
Deivi Jovanny Torres Vélez – 1032359643
Bogotá November 27, 2019

Tabla de contenido
Introduction .................................................................................................................................... 3
Objectives ........................................................................................................................................ 4
General Objectives ....................................................................................................................... 4
Specific objectives ........................................................................................................................ 4
Contenido ...................................................................................................................................... 5
Aporte realizado por Marco Tulio Palomo Avila. Al tema número ............................. 5
Aporte realizado por Christian David Malaver Moreno. Al tema número................ 9
Aporte realizado por Freddy Ferney Garnica Martínez. Al tema número.........Error!
Bookmark not defined.
Aporte realizado por Deivi Jovanny Torres Vélez. Al tema número ....................... 13
Aporte realizado por Héctor William Alfonso. Al tema número ................................ 13
Conclusions ................................................................................................................................... 18
Referencias bibliográficas ........................................................................................................ 19
Introduction
With the development of this activity, the student identifies the

components and concepts of programming in Visual Basic .Net and applies
said programming knowledge to design applications that achieve
integration, programming, multimedia and web page design, to solve the
proposed exercise
Objectives
General Objectives
Apply the knowledge of programming in .Net environment for the design

of applications that integrate, programming, multimedia and web page
design, making use of the Basic visual programming language.
Specific objectives
• Use the Visual Basic .Net tools to create Multimedia Design, in a web
environment.
• Design a web page that manages didactic content with multimedia

support.
• Identify the programming components and concepts in Visual Basic

.Net for multimedia management.
Contenido
Actividad para desarrollar:

Diseñar una página web para la Universidad Nacional Abierta y a
Distancia Unad, que maneje contenido didáctico con apoyo multimedia.
(Ya la interfaz está diseñada en el paso 2)
El usuario al ingresar pueda ver los temas de estudio:
1. Active Server Pages (ASP).

2. Machine Learning
3. Scratch
4. SQL Server
5. Azure.
Cada tema debe ser visualizado como un curso de formación.
El grupo se organiza y hace el diseño y construcción de la solución.
Aporte realizado por Marco Tulio Palomo Avila. Al tema número 1

Código página inicial.
%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Inicio.aspx.vb"
Inherits="WebUNAD.Inicio" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="CSS/Estilo1.css" rel="stylesheet"type="text/css" />
<style type="text/css">
.auto-style1 {
width: 200px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table align ="center" class="Tabla">
<tr>
<td colspan="2" class="auto-style1"> UNIVERSIDAD NACIONAL ABIERTA Y ADISTANCIA
Grupo_405021_6
WebUNAD
</td>
</tr>
<td class="Menu">Menu <br />
<a href ="Tema1. Active Server Pages .aspx" title ="Active ">
Active Server Pages (ASP) <br />
</a>
Machine Learning<br />
Scratch<br />
SQL Server<br />
Azure<br />
</td>
</table>
</div>
</form>
</body>
</html>
Código Tema1.Active Server Pages.
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Tema1. Active Server

Pages .aspx.vb" Inherits="WebUNAD.Tema1" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
Active Server Pages

</div>
<iframe width="560" height="315"
src="https://www.youtube.com/embed/plSyca9B_pg" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<br />
</form>
<p>
<a href ="../evaluación1.aspx" title ="evaluación1">
Evaluación1</a>
</p>
<br />
<br />
</form>
</body>
</html>
Código de estilo1.css
body {
}
.table {
width: 800px;
}
Encabezado {
height: 50px;
text-align: center;
background-color: #0094ff;
color: #ffffff;
font-size: larger;
}
.Menu {
height: 300px;
width: 200px;
text-align: center;
background-color: #77bef1;
color: #ffffff;
font-size: medium;
}
Aporte realizado por Christian David Malaver Moreno. Al tema
número 3
Código de pagina inicial

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Inicio.aspx.vb"
<!DOCTYPE html>
<title></title>
.auto-style1 {
width: 200px;
}
</style>
</head>
<body>
<div>
<tr>
Grupo_405021_6
WebUNAD
</td>
</tr>
</a>
<a href ="Tema3. Scratch.aspx" title ="Scratch">
Scratch<br />
</a>
SQL Server<br />
Azure<br />
</td>
</table>
</div>
</form>
</body>
</html>
Código del tema 3

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Tema3. Scratch.aspx.vb"
Inherits="WebUNAD.Tema33__Scratch" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
Scratch
</div>
<iframe src="https://www.youtube.com/embed/lMFkODAmV30" frameborder="0"
allowfullscreen style="height: 338px; width: 858px"></iframe>
<br />
<p>
<a href ="../EvaluacionTema3.aspx/" title="EvaluacionTema3">
Evaluacion3 </a>
<br>
<img src="C:\Users\chris\OneDrive\Imágenes/scracth.jpg" style="margin-top: 0px"/>
<h2 class="derecho">¿Qué es Scratch?
Scratch es tanto una aplicación que podemos descargar a nuestro ordenador

(está disponible para varios sistemas operativos: Windows, Ubuntu, Sugar, Mac)
como una aplicación web que podemos ejecutar desde nuestro navegador.
En ambos casos tenemos por un lado una serie de objetos o “sprites”
(en la nomenclatura que utiliza de Scratch) y por otro lado una serie de acciones y
comportamientos que podemos combinar
para conseguir que los objetos reaccionen a actúen de una determinada manera.
Una de las cosas más interesantes de Scratch es que esas acciones o comportamientos
tienen forma de puzzle
y nuestra misión como programadores será cocinar esas piezas para conseguir un
determinada acción o comportamiento.
Así que en esencia programa se convierte en algo parecido a resolver un puzzle, lo
que elimina una de las principales
barreras que tienen los neófitos en el mundo de la programación que es el aspecto
árido y complejo de los entornos de programación.
Convirtiendo el proceso de programar en algo parecido a un juego.</h2>
</p>
<br />
<br />
</form>
</form>
</body>
</html>
Código evaluación tema 3

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="EvaluacionTema3.aspx.vb"
Inherits="WebUNAD.EvaluacionTema3" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
Pregunta 1. ¿Que es Scratch?</div>
<asp:RadioButton ID="RadioButton1" runat="server" />un lenguaje de
programacion
<asp:RadioButton ID="RadioButton2" runat="server" />una pagina web
<asp:RadioButton ID="RadioButton3" runat="server" />una plataforma de video
juegos
<p>
Pregunta 2. ¿Que se puede programar?</p>
<asp:RadioButton ID="RadioButton4" runat="server" />paginas web
<asp:RadioButton ID="RadioButton5" runat="server" />para crear videojuegos
<asp:RadioButton ID="RadioButton6" runat="server" />videos
<p>
Pregunta 3. ¿ Es una plataforma para videojuegos?</p>
<p>
<asp:RadioButton ID="RadioButton7" runat="server" />verdadero
<asp:RadioButton ID="RadioButton8" runat="server" />falso
</p>
<p>
Pregunta 4. ¿Se puede manipular imagines,fotos, sonido y
musica?</p>
<p>
<asp:RadioButton ID="RadioButton9" runat="server" />verdadero
<asp:RadioButton ID="RadioButton10" runat="server" />falso
</p>
<p>
Pregunta 5. ¿Cuales son los beneficios de Scratch?</p>
<p>
<asp:RadioButton ID="RadioButton11" runat="server" />mas rapido la
programacion
<asp:RadioButton ID="RadioButton12" runat="server" />tiene licencia
gratuita
<asp:RadioButton ID="RadioButton13" runat="server" />es mas facil su
tipo de lenguaje
</p>
<p>
</p>
</form>
</body>
</html>
Aporte realizado por Deivi Jovanny Torres Vélez. Al tema número
5
Codigo inicial
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Inicio.aspx.vb"

<!DOCTYPE html>
<title></title>
.auto-style1 {
width: 200px;
}
</style>
</head>
<body>
<div>
<tr>
Grupo_405021_6
WebUNAD
</td>
</tr>

</a>
<a href ="Tema2. Machine learning.aspx" title ="">
</a>
<a href ="Tema3. Scratch.aspx" title ="Scratch">
Scratch<br />
</a>
SQL Server<br />
<a href ="Tema5. Azure.aspx" title ="Azure">
Azure<br />
</a>
</td>
</table>
</div>
</form>
</body>
</html>
Codigo tema 5.
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Tema5. Azure.aspx.vb"

Inherits="WebUNAD.Tema55__Azure" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
<div class="middle">
<h2 class="centrado">VIDEOS</h2>
<br>
<h3 class="centrado">-------------------------------------------
-----------------------------------
<h3 class="centrado">¿Que es Windows Azure?</h3>
<br>
src="https://www.youtube.com/embed/eOA3cqpVSg8" frameborder="0"
<br>
<br>
<br>
<br>
<h3 class="centrado">-------------------------------------------
-----------------------------------
<h3 class="centrado">Creación de una base de datos en SQL
Azure</h3>
<br>
src="https://www.youtube.com/embed/NfETGeQ-GHY" frameborder="0"
alallow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
<br>
<br>
<br>
<br>
<h3 class="centrado">-------------------------------------------
-----------------------------------
<h3 class="centrado">Crendo una máquina virtual en Microsoft
Azure</h3>
<br>
src="https://www.youtube.com/embed/VLiaibbZMQk" frameborder="0"
<br>
<br>
<br>
<h2 class="centrado">Desarrollado por Deivi Jovanny Torres Cod.
1032359643</h2>
<br>
<br>
<br>
</div>
<div class="right">
<h2>Bibliografia</h2>
<h5>¿Que es Windows Azure?, recuperado de:</h5>
<h5>https://www.youtube.com/embed/eOA3cqpVSg8</h5>
<br>
<h5>Creación de una base de datos en SQL Azure, recuperado
de:</h5>
<h5>https://www.youtube.com/watch?v=NfETGeQ-GHY</h5>
<br>
<h5>Crendo una máquina virtual en Microsoft Azure, recuperado
de:</h5>
<h5>https://www.youtube.com/embed/VLiaibbZMQk</h5>
<br>
<div style="clear: both;"> </div>
</div>
<div id="bottom"> </div>
<h2 class="centrado">AZURE</h2>
<br>
Probablemente ya has oído hablar de Microsoft Azure, o al menos, del concepto cloud.
La informática en la nube presenta una gran oportunidad para las pymes. En concreto,
con los servidores de Azure, podrás disponer de las infraestructuras que necesites
de manera flexible: servidores físicos, redes, máquinas virtuales, plataformas de
desarrollo, almacenamiento… Sí, en Azure puedes construir prácticamente cualquier
cosa, ¡informáticamente hablando!
<br>
<br>
<h4> ¿Qué es Azure? </h4>
<br>
Azure es una nube pública de pago por uso que te permite compilar, implementar
y administrar rápidamente aplicaciones en una red global de datacenters (centros de
datos)
de Microsoft.
<br>
<br>
Pero atención, “nube pública” no quiere decir que cualquiera pueda acceder a la
información
de tu negocio, sino que cualquiera con conexión a Internet puede hacer uso de esta
nube y
que sólo en caso de disponer de las credenciales oportunas, podrá acceder a tu
portal de Azure,
donde se generan y administran todos los servicios.
<br /><br />
<h2 class="centrado">Desarrollado por Deivi Jovanny Torres Cod.
1032359643</h2>
<br>
<br />
<div>
</div>
</form>
</body>
</html>
Conclusions
With the development of this activity the collaborative group managed to

consolidate the page (localhost) that allowed them to use various
elements of text, audio, video, animations, etc. Creating an interactive
environment. As well as the tools, you also have the opportunity to choose
how you want to show the information, either through an animation,
simulations, and presentations among others.
Referencias bibliográficas
Taft, D. K. (2012). Microsoft Visual Studio 2012, .NET 4.5 Released to the
Web. Eweek, 4. Recuperado
de http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscoh
ost.com/login.aspx?direct=true&db=buh&AN=91662148&lang=es&sit
e=eds-live&scope=site
Kaur, K., & Bembey, P. (2002). Visual Basic.NET Professional Projects.
Indianapolis, IN: Course PTR.Recuperado
ost.com/login.aspx?direct=true&db=edsebk&AN=75918&lang=es&site
=eds-live&scope=site
Stephens, R. (2010). Visual Basic 2010: Programmer's Reference. Indianapolis,
IN: Wrox. Recuperado
ost.com/login.aspx?direct=true&db=nlebk&AN=310355&lang=es&site
=eds-live&scope=site&ebv=EB&ppid=pp_685
Ceballos, S. J. (2010). Visual Basic .NET: lenguaje y aplicaciones (3a. ed.).
Madrid, ES: RA-MA Editorial. Retrieved from http://www.ebrary.com.
Capítulo 12 y 13. Recuperado de https://ebookcentral-proquest-
com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=32
28821&ppg=409
Ceballos, S. F. J. (2012). Enciclopedia de Microsoft Visual Basic: interfaces
gráficas y aplicaciones para Internet con Windows Forms y ASP.NET
(3a. ed.). Madrid, ES: RA-MA Editorial. Retrieved from
http://www.ebrary.com. Parte 3 y 4. Recuperado
de https://ebookcentral-proquest-
com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=32
28989&ppg=849

Paso4 Grupo 6

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Paso4 Grupo 6

Cargado por

Copyright:

Formatos disponibles

National Open and Distance University UNAD CEAD José Acevedo y

Gómez School of basic sciences technologies and engineering ECBTI

Visual Basic Avanzado - Code 405021_6

Paso 4 - Diseño componente multimedia en ambiente web

Bogotá November 27, 2019

With the development of this activity, the student identifies the

Apply the knowledge of programming in .Net environment for the design

• Design a web page that manages didactic content with multimedia

• Identify the programming components and concepts in Visual Basic

Actividad para desarrollar:

1. Active Server Pages (ASP).

Cada tema debe ser visualizado como un curso de formación.

El grupo se organiza y hace el diseño y construcción de la solución.

Aporte realizado por Marco Tulio Palomo Avila. Al tema número 1

Active Server Pages (ASP) <br />

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Tema1. Active Server

Active Server Pages

Código de pagina inicial

Código del tema 3

<h2 class="derecho">¿Qué es Scratch?

Scratch es tanto una aplicación que podemos descargar a nuestro ordenador

Código evaluación tema 3

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Inicio.aspx.vb"

Active Server Pages (ASP) <br />

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Tema5. Azure.aspx.vb"

With the development of this activity the collaborative group managed to

También podría gustarte