Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Informática
DEDICATORIA………………………………………………………………….....vi
AGRADECIMIENTO………………………………………………………………vii
LISTA DE CUADROS………………………………………………………………x
RESUMEN…………………………………………………………………………xiv
INTRODUCCIÓN……………………………………………………………………1
CAPÍTULO
I. EL PROBLEMA
Contextualización del Problema………………………………………………..3
Objetivos de la Investigación…………………………………………….……..6
Justificación de la Investigación……………………………………………......7
IV. RESULTADOS
Fase Diagnóstico……………………………………………………………....33
Fase de Alternativa de Solución……………………………………………...34
Fase Propuesta………………………………………………………………...36
Objetivos………………………………………………………………………..37
Justificación…………………………………………………………………….37
Alcance de Operatividad……………………………………………………...38
Limitaciones…………………………………………………………………….39
Factibilidad……………………………………………………………………...39
Requisitos Técnicos……………………………………………………………41
Desarrollo de la propuesta……………………………………………………42
Manual de uso………………………………………………………………….x
CONCLUSIONES Y RECOMENDACIONES
Conclusiones………………………………………………………………………...x
Recomendaciones…………………………………………………………………..x
REFERENCIAS……………………………………………………………………..x
ANEXOS……………………………………………………………………………..x
DEDICATORIA
Y por último pero no menos especial, le dedico este triunfo a mi novia, que
en estos 3 años a mi lado, gracias a Dios, ha estado para apoyarme en el
transcurso de mi carrera. Gracias por escucharme, aconsejarme,
comprenderme y sobre todo tener mucha paciencia. Por eso, también le
dedico este logro.
AGRADECIMIENTO
Sin duda sin el apoyo de ellos, este trabajo no sería lo que es, mi más grato
agradecimiento a todos por aportar su grano de arena.
LISTA DE CUADROS
CUADRO Pp.
1. Sistema de Variables……………………………………………………...20
2. Operacionalización de
Variables……………………………………………………………………33
3. Alternativas de
solución……………………………………………………………………..37
4. Factibilidad económica del proyecto para el
IUTAJS……………………………………………………………………...41
REPÚBLICA BOLIVARIANA DE VENEZUELA
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA
“ANTONIO JOSÉ DE SUCRE”
SEDE CARACAS
2
CAPÍTULO I
EL PROBLEMA
Hoy en día, los portafolios digitales han tenido un impacto muy grande en
la sociedad y eso ha obligado que los implementen en muchos sectores
académicos en los Estados Unidos. El otro gran uso de la herramienta se
aplica en el área de formación de profesores, dentro de los países como:
3
Estados Unidos, Escandinavia y Reino Unido. Por último se implementa
dicha herramienta antes mencionada, en el área de educación médica y
desarrollo profesional, siendo utilizada con más frecuencia en: Canadá,
Reino Unido y Países Bajos.
4
todos los trabajos hechos y clasificarlos según su área, compararlo entre sí
para ver cuáles son mejores y adjuntar la elección al tipo de empleo que
busca.
5
Objetivos de la Investigación
Objetivo General:
Objetivos Específicos:
6
Justificación de la Investigación
7
CAPÍTULO II
MARCO REFERENCIAL
Antecedentes de la investigación
Según Arias (2012) afirma que “Los antecedentes reflejan los avances y el
estado actual del conocimiento en un área determinada y sirven de modelo o
ejemplo para futuras investigaciones”. (p. 108).Teniendo en cuenta lo anterior
dicho, los trabajos de investigación donde se hayan manejado las mismas
variables nos ayudará para poder guiarnos al momento de diseñar el
portafolio digital profesional, ya que permite realizar comparaciones y tener
ideas sobre cómo se estudió el problema en esa oportunidad.
8
En primer lugar, se presenta el trabajo especial de grado de Quiñonez, F.
(2018) titulado: “Uso del portafolio del estudiante en el aprendizaje de la
asignatura de estadística y probabilidad en la facultad de ingeniería civil
de la universidad nacional de ingeniería”. Universidad Peruana Cayetano
Heredia, Escuela de Posgrado. Tesis para optar al grado de maestro en
educación con mención en docencia e investigación de educación superior.
Lima – Perú.
9
Para finalizar, el trabajo especial de grado de Obreque, M. (2016), titulado:
“El uso de un portafolio digital para el desarrollo de la competencia
informacional”. Universidad de Barcelona. Facultad de Educación.
Programa Doctoral de Educación y Ciencias. Tesis Doctoral. Barcelona –
España.
Bases Teóricas
Según Bavaresco, A. (2006) sostiene que las bases teóricas tiene que ver
con las teorías que brindan al investigador el apoyo inicial dentro del
conocimiento del objeto de estudio, es decir, cada problema posee algún
referente teórico, lo que indica, que el investigador no puede hacer
abstracción por el desconocimiento, salvo que sus estudios se soporten en
investigaciones puras o bien exploratorias.
10
Portafolio Digital:
Aplicación web:
Mora, (2002) plantea que una aplicación web es un tipo de software que
se codifica en un lenguaje que pueda ser soportado y ejecutado por los
navegadores de Internet o por una intranet o red local. Las aplicaciones web
están íntimamente relacionadas con el almacenamiento de datos en la nube,
ya que toda la información se guarda de forma permanente en servidores
web, los cuales además de alojar dicha información, nos la envían a nuestros
dispositivos móviles o equipos informáticos en cada momento que sea
requerida.
11
Usuario:
Base de datos:
Según Álvaro (2007), editorial Pearson, México Selma M., Casamayor J.,
Mota L. “Bases de Datos” Relacionales Pearson Education, España. Una
base de datos es un conjunto de datos que pertenecen al mismo contexto,
almacenados sistemáticamente para su posterior uso, es una colección de
12
datos estructurados según un modelo que refleje las relaciones y
restricciones existentes en el mundo real.
Servidor Web:
Un servidor web es un software que forma parte del servidor y tiene como
misión principal devolver información (páginas) cuando recibe peticiones por
parte de los usuarios. En otras palabras, es el software que permite que los
usuarios que quieren ver una página web en su navegador puedan hacerlo.
Lenguaje de programación:
13
Asimismo, se puede mencionar que un lenguaje de programación es “una
notación o conjunto de símbolos y caracteres que se combinan entre sí
siguiendo las reglas de una sintaxis predefinida, con el fin de posibilitar la
transmisión de instrucciones a un ordenador.” (Peña Basurto & Cela Espín,
2000, pág. 2).
Modelo de prototipo
Metodología TDD:
14
TDD o Test-Driven Developement (desarrollo dirigido por test) es una
práctica de programación que consiste en escribir primero las pruebas
(generalmente unitarias), después escribir el código fuente que pase la
prueba satisfactoriamente y, por último, refactorizar el código escrito. Con
esta metodología se consigue un código más robusto, más mantenible y una
mayor rapidez en el desarrollo. .
Bases Legales
Según Villafranca D. (2002) “Las bases legales no son más que leyes que
sustentan de forma legal el desarrollo del proyecto” explica que las bases
legales “son leyes, reglamentos y normas necesarias en algunas
investigaciones cuyo tema así lo amerite”.
CAPÍTULO VI
15
propiedad intelectual sobre las obras científicas, literarias y artísticas,
invenciones, innovaciones, denominaciones, patentes, marcas y lemas de
acuerdo con las condiciones y excepciones que establezcan la ley y los
tratados internacionales suscritos y ratificados por la República en esta
materia.
16
humanística y tecnológica. La ley determinará los modos y medios para dar
cumplimiento a esta garantía.
TÍTULO I
DISPOSICIONES GENERALES
TÍTULO II
DE LOS DELITOS
Capítulo I
17
interfiera o use un sistema que utilice tecnologías de información, será
penado con prisión de uno a cinco años y multa de diez a cincuenta unidades
tributarias.
18
Artículo 11. Espionaje informático. Toda persona que indebidamente
obtenga, revele o difunda la data o información contenidas en un sistema que
utilice tecnologías de información o en cualesquiera de sus componentes,
será penada con prisión de tres a seis años y multa de trescientas a
seiscientas unidades tributarias. La pena se aumentará de un tercio a la
mitad, si el delito previsto en el presente artículo se cometiere con el fin de
obtener algún tipo de beneficio para sí o para otro.
Capítulo III
19
Venezuela, organizar el Sistema Nacional de Ciencia, Tecnología e
Innovación, definir los lineamientos que orientarán las políticas y estrategias
para la actividad científica, tecnológica, de innovación y sus aplicaciones, con
la implantación de mecanismos institucionales y operativos para la
promoción, estímulo y fomento de la investigación científica, la apropiación
social del conocimiento y la transferencia e innovación tecnológica, a fin de
fomentar la capacidad para la generación, uso y circulación del conocimiento
y de impulsar el desarrollo nacional. Se deduce pues, de la lectura y análisis
de este artículo, que existe el deber nacional en impulsar y democratizar el
conocimiento, actividad está en la que está comprometido el gobierno
revolucionario hasta los tuétanos y por ende la base social que lo apoya,
siendo así los triunfadores de la Misión sucre nos sentimos comprometidos a
coadyuvar en la implementación de estas políticas, y en contribuir que el
pueblo se apodere de ellas, tratándose que los proyectos socio tecnológicos
están cimentados en la contribución que en el área del saber tengan los
triunfadores, que el área de los conocimientos que nos compete en este
momento es la informática.
Sistema de Variable
20
Objetivo Específico Variable Conceptualizar
Diagnosticar la La necesidad que Diseñar un portafolio
necesidad que tienen tienen los estudiantes al digital profesional para
los estudiantes al disponer de un los estudiantes del
disponer de un portafolio digital “I.U.T.A.J.S”.
portafolio digital profesional.
profesional.
Determinar los Los elementos Tomar en cuenta los
elementos necesarios necesarios para el elementos que van a
para el diseño de un diseño de un portafolio ser necesarios para el
portafolio digital digital profesional. diseño de un portafolio
profesional. digital profesional.
Proponer el diseño de El diseño de un Enseñar los estilos que
un portafolio digital portafolio digital conforman el portafolio
profesional. profesional. digital profesional.
Fuente: Montilla, J (2021)
Según Arias, F (2006) define términos básicos como “el significado preciso y
según el contexto a los conceptos principales, expresiones o variables
involucradas en el problema y en los objetivos formulados”.
21
Usuario: Para la informática un usuario es aquella persona que utiliza un
dispositivo u ordenador y realiza múltiples operaciones con distintos
propósitos. Y también pueden ser identificados como clientes.
22
Frontend: Es la parte de un sitio web que interactúa con los usuarios, por
eso decimos que está del lado del cliente.
23
CAPÍTULO III
MARCO METODOLÓGICO
Modalidad de la Investigación
Según Fidias Arias (1999) “la metodología del proyecto incluye el tipo o
tipos de investigación, las técnicas y los procedimientos que serán utilizados
para llevar a cabo la indagación. Es el “cómo” se realizará el estudio para
responder al problema planteado.”
24
Teniendo en cuenta lo leído anteriormente, este trabajo especial de grado
es de modalidad tecnológica, buscando ser funcional y práctico, programado
con el propósito de ser una herramienta fácil de usar y con un beneficio único
para los estudiantes.
Diseño de Investigación
25
Y de campo a su vez, según el autor (Fidias G. Arias (2012)), define: La
investigación de campo es aquella que consiste en la recolección de todos
directamente de los sujetos investigados, o de la realidad donde ocurren los
hechos (datos primarios), sin manipular o controlar variables alguna, es decir,
el investigador obtiene la información pero no altera las condiciones
existentes. De allí su carácter de investigación no experimental.
Tipo de Investigación
26
necesidad de que los estudiantes del I.U.T.A.J.S, puedan disponer de una
herramienta que le permite almacenar sus diferentes trabajos realizados a lo
largo de su carrera, adicional, ser utilizado como colección de logros
personales, certificados, diplomas y/o premios adquiridos en formato digital.
Procedimientos de la Investigación
Fase I – Diagnóstico:
En este pudieron agregar todo aquello que fue de relevancia, ya sea para la
búsqueda de trabajo en modalidad currículum, álbum de imágenes donde se
muestran sus trabajos más destacados, método de estudio para la
colocación de actividades de clases, logros realizados acerca de su carrera
(diplomas, certificados, cursos), etc.
27
carrera, no tendrá importancia, puesto que de igual forma está en su derecho
del uso del mismo, mientras se mantenga cursando una carrera.
28
Población y Muestra
29
Realizada la observación anterior, se utiliza la técnica de observación
directa, citadas por los autores Hernández, Fernández y Baptista (2006: 316),
expresan que: “la observación directa consiste en el registro sistemático,
válido y confiable de comportamientos o conducta manifiesta”. A través de
esta técnica el investigador puede observar y recoger datos mediante su
propia observación.
Según Arias (2004), "en este punto se describen las distintas operaciones
a las que serán sometidos los datos que se obtengan" (p. 99).
30
Operacionalización de Variables
Según Sabino (1992) lo precisa como “el proceso que sufre un concepto,
de modo tal que a él se le encuentren los correlatos empíricos que permiten
evaluar su comportamiento efectivo.” De modo que, representa la concreción
de la correspondencia entre los conceptos como cualidad latente y las
respuestas observables que manifiestan su existencia.
31
Express, un manejador de
paquetes NPM y una
base de datos documental
o NoSql como es
Rethinkdb.
Diseño de un portafolio Tecnológica Principalmente es
digital profesional utilizado HTML, siendo lo
que entiende el
navegador (Browser) y
CSS para los estilos
visuales de la aplicación,
como fue requerida
Materialize como
framework, un motor de
plantilla (Pug) y una
variedad de librerías para
el estilo como Page, Yo-
Yo.
Fuente: Montilla, J (2021)
32
CAPÍTULO IV
RESULTADOS
Fase Diagnóstico
Se tiene en cuenta que para aquellos estudiantes que quieran darle otro
propósito al portafolio digital que no sea a nivel laboral sino como forma de
expresar sus habilidades con el resto de las personas, enseñando en una
sola aplicación web sus logros, certificados, diplomas, experiencias, entre
33
otros. Y también se puede dar un fin educativo para la ayuda al aprendizaje
de los demás estudiantes. Eso siendo un aporte tecnológico e innovador
para la casa de estudio.
Puedes incluir un
vídeo de presentación.
34
Puedes cargar y El usuario no es
descargar archivos e seguro si no crea una
información en la red. buena contraseña para
protegerlo.
Esta aplicación no
está ligada a un Es complicado el
ordenador específico; no entendimiento del
es necesario descargar ni programa debido a
Servicios de instalar ninguna algunas de sus
almacenamiento de aplicación en una funciones e idiomas,
datos para adjuntar computadora en que principalmente
títulos profesionales particular. será en inglés.
de los estudiantes.
Se puede ordenar Es obligatorio el
documentos como plazca, uso de internet.
incluso se puede tener un
acceso directo en nuestro
móvil, nuestra PC o
Tablet a nuestra cuenta
en Google Drive
Ayuda a promocionar
su talento.
35
Fase Propuesta
36
Objetivos
Justificación
37
Todo esto con la finalidad de ser útil al obtener una herramienta
tecnológica, moderna para el instituto universitario y de fácil uso para la
comunidad que se le presenta, en estos momentos está solamente enfocado
para los estudiantes del IUTAJS.
Alcance de operatividad
En el futuro la aplicación web podrá llegar más allá del alcance de los
estudiantes como a profesores del instituto, utilizarlo en el portal del instituto,
con su previa autorización de su administrador y a personas externas, el
cual, sepa manejar la plataforma y tenga la posibilidad de adquirir esta
herramienta tecnológica para su vida profesional.
Limitaciones
38
Las posibles limitaciones del proyecto plantean, en primer lugar que la
falta de capacitación del estudiante en el manejo de herramientas
tecnológicas podrá generar incomodidades para ellos mismo. En segundo
lugar, la falta de internet, es la mayor limitación debido a que ésta sólo podrá
ser manejada mediante la conexión a internet para la interactividad por parte
del usuario hacia la aplicación web.
Factibilidad
39
momento y en cualquier lugar, de modo que sea posible acceder al
portafolio digital desde cualquier dispositivo conectado a internet.
3 Entorno de JavaScript 0 0
desarrollo
5 Servidor Nodejs/Express 0 0
40
Requisitos técnicos
Desarrollo de la propuesta
41
Se presentan las pantallas principales del proyecto y estarán acompañada de
una breve descripción de cada una de ellas. Se hará especial énfasis en el
punto central del proyecto: la elaboración del portafolio digital y cómo se
utiliza en su práctica. Para acceder al portafolio digital, primero debe tener
inicializado el navegador web, una vez listo, introduzca la URL para poder
llegar a la aplicación web. Es un paso sencillo y es compatible con cualquier
navegador web.
42
Una vez listo, le enviará nuevamente el formulario pero esta vez, se muestra
otro formulario en donde solamente debe agregar su nombre de usuario y
contraseña ya antes registrada y clickear el botón de iniciar sesión.
Al validar los datos y ver que son correctos, se procede a ingresar al la home
page donde principalmente se encuentra el propósito del portafolio digital y
específicamente se realizará el almacenamiento de sus evidencias
realizadas a lo largo de la duración de la carrera universitaria, acompañada
de un comentario de referencia.
43
Manual de uso
44
Paso n.° 2: En esta captura siguiente, se muestra cómo llenar los datos
para registrarse en la aplicación web utilizando una dirección de correo
electrónico, nombre completo, nombre de usuario, contraseña y por último
click en el botón “Registrarse”. Todo eso si no posee una cuenta; de poseer
una, solamente debe clickear en la parte que dice “Entrar”.
45
Paso n.° 2.1: En este caso, si ya posee una cuenta y desea iniciar sesión,
y ya clickeó el hipervínculo: “Entrar”, le saldrá una caja de texto en la cual
colocará su nombre de usuario y contraseña que utilizó en el momento de
registrarse.
46
Paso n.° 3: Al colocar los datos exitosos, va a esperar unos segundos a
que carguen las imágenes y se muestren.
47
Fuente: Montilla, J (2021)
48
Paso n.° 6: Una vez clickeado el botón de “subir una foto”, se les
despliega una pantalla solicitando el subir alguna foto a la aplicación, en este
caso, debe buscar entre sus carpetas en donde tenga las imágenes que
desea subir.
49
Fuente: Montilla, J (2021)
50
Fuente: Montilla, J (2021)
51
Paso n.° 9: En este paso, se puede visualizar el perfil de usuario y poder
modificarlo a su gusto. Solo se debe clickear el nombre del usuario.
52
Paso n.° 10: Ya realizado el paso anterior, podemos visualizar en forma
de cuadrículas el perfil creado y todas aquellas imágenes que se han subido
hasta los momentos por el usuario.
53
Paso n.° 11: En el momento en deseé volver al inicio podrá lograrlo dando
click nuevamente en “Portafolio Digital” o si desea cerrar sesión, sólo debe
pulsar el icono de usuario en la parte superior derecha.
54
CONCLUSIONES Y RECOMENDACIONES
Conclusiones
55
Recomendaciones
56
FUENTES BIBLIOGRÁFICAS
https://blog.ida.cl/estrategia-digital/diferencias-aplicacion-web-sitio-
web/#:~:text=P%C3%A1ginas%20est%C3%A1ticas%20vs%20sitios
%20interactivos,que%20los%20usuarios%20realicen%20acciones.
https://profesionistas.org.mx/hacer-portafolio-digital/
57
Arias, Fidias G. (1998) Mitos y errores en la elaboración de Tesis y
proyectos de investigación. Caracas: editorial Episteme, p. 37. Consultado el
21 de agosto de 2020.
María Estela Raffino. (27 de julio de 2020). "Servidor Web". Disponible en:
https://concepto.de/servidor-web/#ixzz6WSql0UC8 Consultado: 29 de agosto
de 2020.
58