Modelo de Trabajo
Modelo de Trabajo
Tecnico en Informática
Autor(A):
Tutor:
Guayaquil-Ecuador
2020
1
2
Caso sugerido para el Proyecto Demostrativo para grado
Informática
Institución Educativa:
Apellidos y nombres de los estudiantes:
Unidad Educativa Particular Sofos
Elaboración de una página web para el fortalecimiento de un estudio en base a una carrera
informática.
Objetivo General
Todos sabemos por lo que estamos pasando ahora por el tema del covid-19 y algunas personas necesitan
adquirir conocimientos sin querer salir de casa o aún lugar en específico y por eso son la existencia de las
páginas web.
Objetivos específicos
Desarrollar al Interfaz de nuestra página web mediante código de diseño web donde
realizaremos también una barra de navegación la cual podrá visitar distintas páginas en una sola.
Poner estilos css, como también utilizar Bootstrap para que la página tenga cosas dinámicas
Elaborar un bloc donde las personas puedan dar sus comentarios acerca de nuestra página web
En este proyecto tengo las tareas de desarrollar una página web donde las personas tenga la facilidad
3
de conocer más sobre su carrera acerca de la Informática orientada al diseño web utilizando
PREGUNTA OPCIÓN MÚLTIPLE:
1.- En las circunstancias que estamos viviendo, frente al problema del COVIT-19, ¿Cuáles serán las
4.- La aplicación de temas e información puede ser sacada de nuestro conocimiento o de internet
1.- Html
2.-Body
3.-Title
4.-Head
Datos del responsable del acompañamiento al proyecto por parte de la institución educativa:
Teléfono: 0986883183
E-mail: [email protected]
Antecedente y justificación
En mi proyecto de grado lo que vamos a hacer es una página web que va a estar
orientada a los estudiantes de primero y segundo de Bachillerato, que han guiado por el
camino de la rama de la informática que necesitan ayuda en aprender y reforzar más temas
pasados que son HTML, Java Script y el Css lenguajes de diseño web sencillo para poder
página web donde se trata de un conjunto de etiquetas que nos servirán para proyectar y
La información que tendrá nuestra página web será contenidos asociados de la rama
Ya que hay que tener en cuenta que nuestra página web es una página que quiere dar
información mediante texto ,debemos tener en cuenta la manera formal donde debemos
nuestro proyecto también son importantes ya que al momento de crear una página debe
tener una estructura igualdad y simétrica con las imágenes , para que se ha más amigable
para el usuario final donde tenga todo un orden para un mejor entendimiento ya que
cuando todo está ordenado y especificado llega la información a nuestro cerebro de una
5
Reconocimiento de temas que debe
Marco conceptual
Como ya hemos analizado cual va a hacer nuestro proyecto he tomado temas muy
importantes que hay que reforzar y no tener ningún problema más adelante.
Estilos Css: Saber cada código de diseño para que nuestra página web este bien
tamaño etc. Sé debe tener un gran conocimiento sobre los estilos css ya que
estos son lo que llevan toda la interfaz gráfica de una página web donde
navegación es de suma importancia desde ahí estarán los subtítulos de los temas
que tendrán mi página web que llevaran las páginas principales y si no tiene una
donde nosotros con ayuda de esto podremos emplear códigos como iconos,
gusto, pero de una manera más sencillas y sabiendo lo que estamos realizando.
Habrá que reforzar estos temas en un común por que de aquí parte que nuestro proyecto
degrado salga bien y es donde las personas podrán ver nuestras páginas de un navegador
6
web para poder reforzar estos temas necesitaremos reforzar mediante bibliografías web o
7
Semana # 1 Semana# 2 Semana#3 Semana#4
Realización del Realización de la primera Realización de la segunda Realización de la tercera Realización de la cuarta
Proyecto parte parte
parte parte
8
Planificación del Trabajo
9
Parte 2: Desarrollo de la problemática
¿Qué requisitos solicita el SRI para el registro de una razón? Ver anexo
- Dfsjdfj
- Dsfsdf
- Sdfsd
- Jdckbkdjf
- Fsdgsdfg
- Sdfgsdfg
10
¿Qué es una microempresa?
¿Qué es un activo?
- Declarar impuestos
¿Bajo que artículo de la ley está amparado la devolución de IVA hacia cierto grupo
de personas?
A. Constitución Art ….
B. Ley Orgánica …
C. Registro triburtario…
11
Respuesta: C
Un documento Html se compone de 4 partes las cuales tienen un orden en si para todas las
páginas web para que se tenga un control en nuestra página web, donde Html es el inicio y
fin de una página ,head es el encabezado, title es el título y body todo el cuerpo o
A. Navbar
B. Background
C. Bgcolor
Respuesta: A
Navbar: Representa una sección de nuestra página web la cual proporcionar los enlaces de
navegación. dentro de nuestra página web actual y poder movernos mediante enlaces en la
misma página web a otra esto nos ayuda mucho ya que funciona como como un
organizador de temas donde podremos ver diferentes cosas a la vez para que las personas
sientan un poco más de interés en el tema y no tengan problemas con buscar los temas.
12
Tercera Parte Reflexión
El diseño web , es una rama de la informática que con cada año se hace más popular ,
porque elegí hacer una página web con el fin de que puedo mediante mis conocimientos
personas que quieren aprender , donde esto es muy bueno para la comunidad ya que
realizando sus sitios web para poder dejar información o hacer publicidades en esta misma
y aquí entro yo alguien con conocimientos sobre el diseño web y elaboración de páginas y
ayudar a clientes o usuarios finales para que las persona que quieren saber más sobre algo
lo pueden hacer mediante un navegador web que puede ser usado en un ordenador o un
importancia que tiene las páginas web hoy en día tendrán un gran impacto en esta nueva
generación donde no solo empresas grandes tendrán sus páginas web si no microempresa ,
colegios , hospitales .
En mi proyecto de grado que estoy realizando un sitio web me está ayudando mucho en mi
me está formando a aprender y desenvolverme más en todas las ramas que está se estudian,
esta rama está ayudándome a desempeñarme un poco mejor en cada proyecto realizando
cosas creativas como imágenes , iconos en movimiento , videos tutoriales que hacen
sentir como si estuviera ya en un ámbito profesional o laboral así hacer más creativos con
y comunicación mediante el desarrollo de páginas web es muy útil para todas las personas
13
ya que puedes aplicar cualquier detalle a estos mismo , puedes proponer muchas cosas
innovadoras como creativas que pueden ayudar a distintos tipos de personas como por
sobre un tema en concreto donde te le puedes brindar toda esta información al espectador
14
Cuarta Parte
desarrollo web Html, java script, con estilos css y utilizando algunas herramientas mas de
Bootstrap.
Se realizaron 10 encuestas en la tercera semana a personas del sector de mucho lote (de la
Pregunta 2
Análisis para conocer si la empresa está en capacidad de una comprar nuevos activos
15
Pregunta 1
Según los datos obtenidos se obtuvo que el 70 % no está de acuerdo con …..
Barra de Navegación
Mi sitio web se presentará con un menú o barra de navegación para que se mucho más
dinámica a la vista y hora de buscar los temas que deseas aprender ya que son varias
páginas de códigos Html en una, los códigos que se propusieron para la realización de esta
16
Explicare los siguientes códigos para ver el comprendimiento de mi análisis en la página
web.
conocer y saber como esta distribuida nuestra barra de navegación y puede aprender o
Por favor visualizar y observar el grafico #1 de la parte de Anexos para tener un mayor
li= Este código representa a un ítem en una lista, ya sea ordenada (elemento ol) o no
ordenada (elemento ul)
A href=Que nos permite este es a href, que se utiliza para indicar la URL a la que apunta el
Esto sería una de las cuatro pestañas que tendrán las cuales servirán para que puedan
comunicarme conmigo si algo que necesite nuestro usuario final o un error ocurrido dentro
Por favor visualizar y observar el grafico #3 de la parte de Anexos para poder ver el
En el siguiente código nos ayuda a realizar una sección donde se podrá seleccionar más
Por favor visualizar y observar el grafico # 4 de la parte de Anexos para saber y cuál es el
17
Para que sirve los data: Son atributos personalizados los cuales pueden ser creados por un
desarrollador web para aplicarle una funcionalidad o interacción con Javascript o un estilo
mediante CSS.
Pasamos a la introducción de nuestra página web donde daremos conceptos cortos con
imágenes las cuales se la puedan mover con un clic donde las |personas pueden interactuar
un poco más con nuestra página web para la realización de esta misma analizaremos lo
role = "listbox”: Este código nos permite que la personas que este revisando la parte de la
En este código se detalla todo el proceso de la información y las imágenes las cuales sus
Img: Img representa una imagen en el documento y src es el atributo que indica dónde se
Ubicaremos un breve concepto la cual acompañará con la imagen esto se lo puede hacer el
código <div> o <p> pero en mi caso utilice div ya que define una división. Esta etiqueta
Por favor visualizar y observar el grafico # 6 de la parte de Anexos para poder ver el
Después de haber realizado nuestra interfaz con los comandos enseñados anteriormente
llegamos a la parte donde ubicaremos todo lo esencial que debe saber una persona que
anteriores y con ayuda de video en grados anteriores como por ejemplo se analizaran
18
H1: es el elemento HTML utilizado, de manera habitual, para identificar la cabecera más
Font: Este indica el tamaño, color, o fuente del texto que contiene. Sus etiquetas son:
Class: Es una lista de las clases del elemento separada por espacios
Hr: Para separar un texto de otro o podemos utilizar una línea horizontal de un tamaño o un
Pasamos a las demás pestañas de mi proyecto web la cual es las curiosidades donde las
personas podrán ver y analizar cosas que uno puede aprender si quiere saber más de lo
normal donde se dan preguntas que personas no conocen y que son importantes conocer.
Por favor visualizar y observar el grafico # 9 de la parte de Anexos para poder ver el
En la otra sección hablaremos un poco mas sobre mi porque elegí esta carrera mi biografía
y algo mucho más importante en una sección donde los usuarios que quieran visitar mi
página web puedan opinar y poder solucionar algunos inconvenientes que tenga o dudas
19
Anexos 1
Gráfico 1
Gráfico 2
20
Elaborado por Cristhian Santacruz //Fuente Cristhian Santacruz
Gráfico 3
Gráfico 4
21
Elaborado por Cristhian Santacruz //Fuente Cristhian Santacruz
Gráfico#5
Gráfico#6
22
Elaborado por Cristhian Santacruz //Fuente Cristhian Santacruz
Gráfico#7
Gráfico#8
23
Elaborado por Cristhian Santacruz //Fuente Cristhian Santacruz
Gráfico#9
Gráfico#10
24
Elaborado por Cristhian Santacruz//Fuente Cristhian Santacruz
Gráfico#11
Gráfico#11
25
Elaborado por Cristhian Santacruz//Fuente Cristhian Santacruz
Anexos 2
Una de las tareas planteadas en mi proyecto de grado que se basa en una página web es la
docente, donde se nos explicó el caso que teníamos en duda y con ayudas de videos pude
consejos que nuestros docentes nos han dado en a las retroalimentaciones de estos mismo:
Lo cual que el titulo antes era: Diseño de una página web para una base informática.
entendimiento.
barra de navegación y un bloc estos fue gracias a las retroalimentaciones que mis docentes
26
me han dado ya que la verdad mi página web iba hacer un poco más simple solo poniendo
el contenido en si ya creemos que es tos concejo fueron muy buenos para que mi proyecto
Antes
Ahora
27
Retroalimentación con el docente
-Mi docente del área informática me ha dado algunas retroalimentaciones sobre unos
códigos en página web lo cual me ayuda mucho con mi progreso ya que conozco más
la cual era este el tema ya que no está bien planteado a lo que en verdad queríamos realizar
ya que desde un título la gente se puede dar una idea de cómo va a hacer nuestro proyecto.
-El siguiente punto que me mandaron a corregir fue en el análisis de la situación planteada
explicaba mi proyecto de forma desordenada y con palabras mal utilizadas como también
Y escribíamos todo en un solo párrafo que cuando uno va a leerlo no capta muy bien lo que
en verdad estamos planteando y describiendo lo que la docente me indico es que cada cosa
que quisiera explicar o argumentar que lo dividiera en secciones o párrafos para que las
personas que vallan a leerlo tengan un buen orden en la explicación y desarrollo del tema
que se está analizando. Ya que es más fácil para el espectador captar los conceptos.
planificación de trabajo de como tenemos que ir organizando las cosas que vamos
dadas por el docente o sea todos los refuerzos de cómo vamos avanzando como también la
28
Dirección Distrital #7 - Vergeles
Los abajo suscritos, miembros del jurado dictaminador del Proyecto de Investigación (estudio de
caso) presentado por el alumno: con C.C.: -7 del Tercer Año de Bachillerato, especialidad Tecnico
Informática
Titulado:
………………………………………………………………………………………………………
………………………………………………………………………………………………………
……………………………………………………………………………………………………
Dando de este resultado firman: presidente, secretario y vocal, miembros del Jurado Calificador del
proyecto.
29
Dado en Guayaquil, a los ………. del mes de……………………………………….... de 20……
30