a.6.1 diagrama contextua l del aulavirtua l de la...

25
a. Diagrama contextual del aula virtual A.6 .1 DIAGRAMA CONTEXTU A L DEL A ULA VIRTUAL DE LA UNIVERSIDAD FRANCISCO GAVIDIA PARA EL DE SARROL LO DE LOS CONT ENI DOS DE LA ASIG NAT URA DE R EL A CI ON E S PÚB LICAS DE LA FACULTAD DE CIENCIAS ECONÓMICAS _ -- -- E' Edic ión y Actualizac ión de conten idos utilizando Creación de Cursos herramientas (EXE y As ignar y supervisar los Scorm) accesos de usuarios de Desar rollo de consultas 17 (Chal, foros ) password \ Administrador de Designar tareas y contenidos Admin istrador l} !J evaluac iones Administrador de recursos Principal I {/ Ponderaciones de tareas y de red . Creador de evaluaciones Administrar la. Plata.forma Cursos \ Registro de los accesos de Reporte de aSignaciones L-- 1/ \\ cada alumno de catedráticos . " Seguridad y Backup de F! " 1 :' J contenidos m....:: ,()? .. --- .... - Tutor (Profesor ) __ Superv is ión de catedráticos ........ _ Bajar y subir tareas Superv isión de conten idos y Acceso a documentos y guias Supervisor procedimientos de evaluac iones Realizar cons ultas al tu tor o (De ca no) de la asignatura profesor .l).. 0:.. -- ' _ _ _, __ Ejecutar la s act iv id ades de evaluación( Lec turas . Pruebas Alumnos objet ivas . tareas e x-aul a ) I \

Upload: others

Post on 18-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

124

a. Diagrama contextual del aula virtual

A.6.1 DIAGRAMA CONTEXTU A L DEL AULA VIRTUA L DE LA UNIVERSIDA D FRA NCI SCO GAVIDIA PARA EL DESARROLLO DE L OS CONT ENIDO S DE LA ASIGNAT URA DE RELA CI ON ES PÚBLICAS DE LA FA CU LTA D DE CIENCIAS ECONÓMICAS

_ ---- _~RNET

E' • Edición y Actualización de

conten idos utilizando• Creación de Cursos CAU LA:TU~J herramientas (EXE y

• Asignar y supervisar los Scorm)accesos de usuarios de

• Desarrollo de consultas

• 17 (Chal, foros)password \Administrador de

• Designar tareas ycontenidos Administrador l} !J v~~ evaluaciones• Administrador de recursos Principal I {/ • Ponderaciones de tareas y de red. Creador de evaluaciones• Administrar la. Plata.forma Cursos \ • Registro de los accesos de

• Reporte de aSignaciones L-­ 1/ \\ "~ cada alumnode catedráticos . "

• Seguridad y Backup de F! " 1:' J contenidos ;'i.l;~ m....:: ,()? ~~~ ~·~,.. o--- .... ­

_ Tutor (Profesor)1I~ ~ : __ ~-' ;~1~ • Supervis ión de catedráticos~ ........~t<" ~ _ ~­• Bajar y subir tareas • Superv isión de contenidos y

• Acceso a documentos y guias ~ ~._, ~~}If -~~~ Supervisor procedimientos de evaluaciones Realizar cons ultas al tutor o (Deca no) de la asignatura • ( ~ " ~~1 -¡profesor .l)..! -~ jL-~

0:.. -- ' _ _ _, __• Ejecutar las activ idades d e evaluación( Lecturas. Pruebas A lumn os objetivas . tare as ex-aula )

I \

Page 2: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

125

b. Diagrama de procesos del aula virtual

• Proceso de Creación del curso virtual

uuc!o

! En .A. o:lmill i$1rx i':'1l .10;-1 Sl iv . ",,5C0)9";" " Curso s"

En o:llis1a.:! .). 0:5C('\I 0:1

"A'JI';:oJ3I'iE(btaf cursos"

! ¿ '( ;) ';:,l;st .;. la

C3t';" J')lb .:1 ..;-11arevo Curso?

E SCü+;'I'::ll a C I"'~"U 13 nueve cateq or ta cat-:9,)(ÍJ adec uada

1 C .j l')CJ f tos

.1..11.)5 ·1-::1 1 1l1~\' o) c urso

1 CO I1' ~J u r3r - A(.:1i\' i.:lJo:! O::S y

Eventos

1 Fin

Page 3: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

126

• Proceso de Diseño del curso virtual

P.~v r.l :l c¡':. n ,j o; ta inf(ofn l:3 (jón

-­E.1i cl.:oIl .-1.; i n \J ~ n .;, s .

'I;'I ,j -:')$ y' audio

1 $ .; 3mU la ctase 0;') 11 ~I cc utersdc •

.; (~ t 3 ( 1' )

I DiS';rlo:o de b ,; Y 3 lI 3 C ~)1l

S I ¿ L1 -:v ~H' 3 ~ll . '::'

~· ;) l ua .:i·)n 1

110

-E n lfj 3 ·:p..l .;t3 (J.)

S CORl,l

Page 4: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

127

• Proceso de implementación del material en el curso virtual

111 10:1.)

! ':'.cti\'a1 E,j ci':'n .:1 .;­

C r.l l ll. ~n i, :t(.

C o:4 ')C ~"¡IS~ 0:1) 1,) semana '1

,A..;rr", .;pr ;) c ti~ ¡'Ja·:I

! [).;S¡.¡ . g3 üsta

0:10:: acüvklades a S-:-I :191 '::9 3<:135

Escoqer P.,';I!"';'·;I')I S ,- ORM

! ¿ El arctavo 110 SI $ ";' encue ntra ~n -:l

s.;.r,¡I.:I,x .1.: la I)F G? l

E S":O\I~r .;1 SuNr .;1:u chh"(. arcnvo $ C. OR f.l

30::1 0:<: U3 4 :o

- ! (. ,) ~) C~U titll~) Y

o:l -::sa ir' (: J(,n .1.:1 SCOPM

Fil

Page 5: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

1:28

Proceso de evaluación en el curso virtual •

C ') nt ~n i d,)

Mlilt i lll~(1i3

!sl 14---- - - --.

Ro::sp(lnd.:1' BI c ll~stil)n a ri(l

¿S3t i s1~c ho con 110 .:11~sll lt3 d(l? .;.:;;:....-..J

Fin-

Page 6: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

129

c. Diagrama de arquitectura de hardware y Software propuesta para el fun cionamiento del aula virtual .

J A .6.3 DIAGRAMA 'DE ARC-ÜITECTURA DE HA RDW A RE Y SOFlWARE PROPUESTO PARA'ELF UNCK>NAMI EN T O DE LI LOS CO NTEN IDO S DE LA A SIGNATU RA DE RE LACIONES PUBLICAS EN LA U VIRTUAL I

'" \ 'Ií: ~; :Ir;, " J'. '"'-

R i E I C U

I IR

S IO IS

ID

II I S P I

O I N I I I B

[

I L

S E I

IIARDWARI: ~ HAIWWAI :E: GSOrTWAR~ 1 l

',-1

I I <, ." • I ". " l.SU SE U NU l( \ jI

10,2 " I!, i I

• APACHE HTTP I SERVER I I i

~I l-;:" I • WlNOOWS xr "",/., • En el PROF E SIONAL alopecto de

hardware la • Softwar e

u n i v ers id ad fX .E.(exporta• MiCROS OFT .. ,......, contenIdoscuenta c o n lo OFFICCE o m o paginasCRe laCío nes nec••arlo.PROFESIONAL w ee e eemcpero.

SCORM)I <L--l Públicas s ugerImosr-=/~---- _ A5tgn atu ra • MVSOL q UIItdeberb

IInv e rt ir e n • Licencia de • MOO DLe: audlfono. softwDre

para todos los í • PtlP l Hypcr IiJ JC t A lo u d Te.' Pm. equ ipos do

(Software paro i"'n....,...o'l c ó m p u to . de ,Pvn lOfl lIl Hon ... 10 & que yo qditor d q TextoPagn j

po••• a Audio ).

'\ ,

\""". _;;41)• DRE A M WEAVER

• La ln oyOf'io d e aq u lpo t'rccttWoe:>l' lol':"¡ ......."' " • • •,f) 7 ll'KI .1 3 20 1f/. ::'1: ru.·1di .. ce N,ode60GO,.> """l:! lt(!Of' ....,

6."::: ~~ ::IQ'_

•:.. 1I. . ....,}

. C UPS !H7C' rtowe'W.:l'e

. SERVroOR UTILtZAOO PARA MOOOLE CPU GI. oe, l)rue"",",:", Xl'tOn

~ !J , "Jel ,", ', 11'

l! ltrnl' rl .. SCS T.1'l GH ;J'(in

,~ .. n-...nw ,IolN A",

II

I,,, i I

I I I

I I

I I',,­ , , "

/ \

R E e u R S o S

P R o p

U E S T o s

Page 7: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

130

B. DISEÑO Y DESARROLLO DE CURSO (Etapa 11I)

Después de haber investigado y analizado la propuesta del proyecto, ya

elaborado el estudio de factibilidad, observado los requerimientos funcionales y

no funciónales, y además en el diseño de la solución construimos todos los

diagramas necesarios para el desarrollo del aula virtual llegamos a la etapa de

diseño y desarrollo y es donde debemos describir cada una de los procesos y

las herramientas a utilizar para la construcción del proyecto.

1. Diseño del curso

Para el desarrollo de la virtualización de los contenidos de la asignatura de

Relaciones Públicas elaboramos un diagrama de procesos donde se muestra

paso a paso como se elabora cada uno de los contenidos y además cuales,

como, cuando y para sirven las herramientas de diseno.

Básicamente el proceso se inicia con algunos insumas, como son:

Los archivos con las clases proporcionados por los profesores

Contenido Web acerca de las clases

Imágenes relacionadas con la asignatura

- Videos complementarios (opcionales)

Se utilizan diferentes herramientas para modificar, de ser necesario, el

contenido y las imágenes con el fin de adecuarlos a los estándares

establecidos.

Existen dos elementos que son creados totalmente:

El archivo de audio con el contenido de la clase

- Auto evaluaciones interactivas

La clase es creada utilizando un programa llamado EXE Leaming, el cual

facilita armar contenido multimedia en un ambiente más sencillo que el ofrecido - por otros programas de creación de páginas Web.

EXE Learning produce un archivo SCORM, que es un archivo empaquetado

con ciertos estándares reconocidos por Moodle y otros programas CMS, que

luego es subido a la plataforma U Virtual de la Universidad.

Page 8: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

131

Finalmente se le agregan las actividades propias de la plataforma U Virtual ,

como son Chat, Foros, Evaluaciones y Actividades.

1 . L o s a rc tuvou con la s c lases s o n - A p roporcionarlos p or lo s ca tou r aucos

e a e a o r da c o o te ukto- ~_(1_' _.2 _L_O_S_C_O_1l10n idO!;j son revisados j u n lo H I 3 . Se setecctona e l contenido rllé, s r ele v a n te y

[ se d e s e c h a e l c o n te n id o o e soc toauzocro .

~n/---_. " ./

1 . Se se leccionan f u ente s de info n n a c ió n e n la Web 2 . Se re visa e l contenido jllnlo <)1 a s esor ele con tenido y 8Q selocCiona e l c ontenido ll l a s role v a n l o y actue uceoo 3 . Se agroga la Ilue ....a to rorr u e ca ón a la p roporc to n a o epor lo s ca led r<\Hco s

r-~---------------..........;"'": ",-- - ­1 . Se b LJ SC a~'~ágeneS y fO logrofias a c o rde s a l conten ido en te x t o . 2 . D a ser necesa r io. se edilan las. ¡m a g ane s de acuer do a lo s estándares es tablecidos. 3 . S e a g r e g tl n h.1S ínl á g e n e s en forma d e Gaterfa d e I má~]ene s .

,----------zJ/k~----

1 . S e c rea e l a rch iv o d e iludía c o n e l co n ten id o e n te xto 2 _Se agre g a e l reprococror cte s omrto ;¡ In c laseciP)

,

L--- --- - - - - - -<::-In/f-/-.-----------' ______________.~/.L-.'--_------

1 Se leCCion ar V ideos q u e sean c o rrip te rnemt e r to s c o n e l con tenido cte la cla s e . Entre a lg l l nas f u entes teoe rno s :

a ) S itios d e in t e rcambio u e v ideos b) V ideos d e c apt u ra d e p a n l all a s e ) V ideos c reados p or la UFO

L 2 A_9_' _a v ,deo la clas o _._ _"_g _~li~~ductoc d e a

/ 't . Se enseria e l exanlc n ju n to n i aseso r de contenido 2 . Se c rea e l e x a ln e n en to rrneto Fla s l, y se agre ga a la c las e

- S e eren e l paquete S C O R M

U V irtual

Esquema 4.1 Pro,esodediseño del (Ursa

Page 9: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

132

a. Propuesta de cómo diseñar los contenidos formativos e

instruccionales de un curso dentro de un aula virtual

Estándares de diseño:

• Tipo de letra a utilizar: Arial 12

• Tamaño de imágenes 128X128 píxeles

• Tipo de imágenes JPG, GIF , PNG

• Colores del enlomo

• Tipo de video FLV

• Audio real audio

• Texto de apoyo PDF

Esquema del enlomo de inicio del aula virtual

Encabezado Estructuradebienvenida al promocional contenido

dela U virtual

Botónde salir del sistema

Part BoI60de

I

icipanles I jas lfAaesllo y

alumnoslen el aula ~'r"",,"<1!' U e h". t llet ,""I"S F.

VirluaI M Ao:h'lCa(loo\ L

me Tipode COO

«taces ¡-. lo. I:;u~o ~ Irlltnt.. r

"" . ~N I 'l , bI~ "(] \ C M" úsquedade J fUfOS I -- __ I í'lB

alUI

AOOW 'Slrauón con l>Ia :¡r'.lffi3sern~

klplBol60de I N<'~ I~\ C,

., Lo.. ~ ¡~'oI(; r ..~•• squeda de e - , CL<SOS i Mu El curso I , ti

~---

Bell e nos

TlfamoS I de "' i Hur l ~ e .- ... ..

C-' . nimaciólI en Mue

flash de ierwenida al aula virtual

b

A

dond en

, Activ

1"-""'" edición

~trd los nsajes de su/la de alumnos

esuun los 11n05que están ectados a ataforma

esna el pode "idades

samñus -stran los

conenñl os ti de .. sarroüar

sernanalmenle Diagrama 1

Esquemo 4,2 Eoloroo de ini<iodeloulo virluol

Page 10: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

133

Encabezado promoc ' ¡onal

de la U

Nombre unidad d se encue

Nombre de "Retaco

.. P(lbJie<

Estruct general -- cómo

desarrol unida

Muestra estudia

que s encuentr

el siste

I

Encabezado promociona l

de 1<1 U t rlll al

-

~

Estruc,lura llti nflHl1 ~ll_conc s

oesa-roaa b unidfld

un agen del

trlUR1

de la onde Unidad (

ntra T1curso nes r UllÍdad x

as" ,...

ura de

se tata ti

a l nte e ~ a en ma

Estructura del contenido

Acceso rápi do a las unidad e,

I>1le!

I Estructura deícurso

O 1, .. "

n ' I T." 1l - O foJ.·-' '''·'II 'Y,«,0 ·;' 1.•",

0 ,...·«, ,,,,,1,)';';'­U I 'I ..... n .....<;, ... ... ,·· '..·•

Botón den- -. introducció n sl0 ....·,, ·,.-.4,··..

O,:; r...-., cursa de R R.P.P.O '....,, '.,"' . , ~.u

( Introrlud rse al curse )

• X" .W."'."" " ." ¡,.,l":

[-¡ ,, 1

Diagrama2

Esquemo 4.3 Enlorno de estruduru de [Onlenidos

Estructura General de las unidades

Usuario en linea /Botón de salir del

~, .. " ... " , ..., :~ ~" ~ sistema

¡"' ,-~: ""'." ''' ''''.' .'.' .''' ''''' ~ '..'''''''.' '.' O: ~~ h.~"

Ele mento de Estr uctura del curso

......."." .....,.. " ....,..,." .. , W níio del eontemoc

;,;¡;; t ••

el ~ .." I t; ¡ l­o " ·"" I[] "" .. 11 ''' ''' '"'" I

Te xto deto····,·,··· D ' " " I Tema n.. .,,- [l- . ,..... .. ~ I

..... IJ ,..•· ' " I-[J " I, J­D"'" " ...

Vid eo oer ",o tenido

11 ~v:.o d 1I lema

1;=;11", ,,,,1 Borona ..." .... ,.."" .,..." l ! I

Galed a de hne ágenes I

t---A Clivroaoes a~: ..: !il'- -'",- , de ssar rollar I partic ipacióo en

~~ U C~ I) Foros

Diagrama 3

Esquemo 4.4 Enlorno de estructure deunidodes

Page 11: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

134

U v IJ lua,

E~ruclu ra general corre se

dQS<llroll.,~

Ul lIlJ.K!

-:e­

8010""

USII':uio en Imea IBoloo di! s;¡lir del

s tsterna

nuucacíones de II

¡:Ic liviuad a reali z¡.r

telón interactiva va Jejemplo :

Igramas puzte . compernenter

'telO S , falso o verdadero

Estructura General de las evaluaciones interacn a1 V

, Ido la

" •• , .. ...." .. ., ...... ~· .. ·1 ,.....

A ,.loll V¡.l u.lCiuf!

'\ "~ '·" '.od..,...................,.........................,.,................ Esfrucuua cet curse

.... ............................................................... n .~ . i

f-O

I.. ~ .

IlY ... n .. -,. n ..

Apheco .. _....... [J

.. I en JeI O · ..·· .. , ... Jclic cruc

IJ .. I,11 · '­ ..'.... ... n .. •1,.

I es p.

I -, ~· ·,, · I, --. .. 1 ..- /

I l·..u .. -. h .... ..... 1

Encabezado promocK>na

DIagrama 4

(¡quemo 4.5 1010'00de esl,u" uro de eroluo(iooes

Herramientas de diseño y apoyo :

Youl1!m!J Sit io 5 d e

inte r c a m b io d e v ideo

T" •., ,, "

_ / Adobo

,ALOUD"

S o Uwnra P l 1Q l o t; llopThXtA lo lJ<1

e S 3

In fen lll éi c ló " Comemctos en - do f l lH n l osarchiv OIi do d e Intern et' '')1(10

A nj¡-nación Fla sh

Figuro 4.6loIopo de Herromieotos de diseño y apoyo

Page 12: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

135

Descripción de cada una de las Herramientas:

• TextAloud: es un software que lee cualquier texto en voz alta. Puedes

usar las voces que vienen por defecto o utilizar las de AT&T Natural

Voices, More Natural Voices, NeoSpeech Voices, RealSpeak Solo®

Voices, Cepstral Voices, Loquendo y más. De esta forma podrás

escuchar las narraciones con voces más realistas que las que vienen

por defecto. Puede guardar los textos que lee en MP3 o WAV, para que

puedas escuchar el texto en cualquier lugar. Es perfecto para aquellas

personas que tienen problemas con la lectura o para aquellos que

simplemente no les apetece leer y prefieren escuchar el texto.

• Youtube: es un rutio Wet~ que permite a los usuarios compartir yiflQQ§

f!!91!ªI§.§ a través de lrr!Q!ili'J. Fue fundado en 1.::12191"0 de 201)'; por tres

antiguos empleados de fa '.'?;:: !: U }fl9.!:tur!Q)! , §i(~'f' (hL'il y J é, c,~d

li"}(}!"E. YouTube es propiedad de GoogJ.Q, desde su compra, 1() di~

9s1u i¿r.Q de 200(l por 1.650 millones de d"12r§'" . YouTube usa un formato

IIdgQQ..ELast} para servir su contenido. Es muy popular gracias a la

posibilidad de alojar videos personales de manera sencilla, sin embargo

.(:!..()ºn1fU! Iº ºº no tuvo tanta suerte. YouTube aloja una variedad de clips

-

ca,,"~·os (a pesar de las reglas de YouTube contra subir videos con

copyright, este material existe en abundancia). Los enlaces a videos de

YouTube pueden ser también puestos en !}!Qfl" y sitios Web personales

usando 6 PI§ esto servirá de apoyo en el desarrollo de algún contenido

que necesite un video que haga referencia al tema.

• Adobe Photoshop CS3: es una herramienta imprescindible para

perfeccionar todo tipo de imágenes. Asimismo, incorpora mejoras de

flujo de trabajo y productividad, nuevas herramientas de edición y

capacidades de composición avanzadas. Acelera el camino de la

imaginación a las imágenes. Ideal para fotógrafos y diseñadores gráficos

y Web, el estándar profesional incorpora nuevas funciones como la

alineación y fusión automática de capas, que permite realizar

composiciones más complicadas. Los filtros activos potencian el amplio

Page 13: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

136

conjunto de herramientas de edición no destructivas para ampliar, rotar y

aplicar contornos a gráficos vectoriales y de trama, todo ello sin alterar

los datos de pixeles. En la virtualización de los contenidos servirá para

poder estandarizar imágenes combinando colores, tamaños que puedan

ser visibles por el usuario y de acorde la Universidad.

• Información de fuentes de Internet: Las nuevas tecnologfas de

comunicación han producido una revolución metodológica en los

sistemas educativos porque ofrecen flexibilidad en los diseños de

enseiianza/aprendizaje y un rápido flujo de información. Han permitido la

ruptura de la dicotomfa de estudios presénciales/estudiosa distancia y la

concepción de nuevos canales de comunicación y nuevos materiales en

los que descansa la educación a distancia. En ella se encuentran

millones de fuentes de información, de material tradicional puesto en

linea o novedoso, pero tan abundante, que necesita sistematizarse. La

sistematización de las fuentes de información disponibles en la Red

puede hacerse a través de cuatro grandes tipos, que a su vez pueden

subdividirse: la información bibliográfica, las bases de datos, las

publicaciones electrónicas y los foros de discusión. Los diversos tipos de

información se ilustran con ejemplos de enlaces. En estos tiempos el

Internet es una de las herramientas más ocupadas para la educación ya

que las fuentes de información que se encuentras en ella apoyan al

maestro y al alumno en el proceso educativo. En el desarrollo del curso

virtual servirá para ampliar mas los conocimientos que se pretenden

explicar.

• Flash: es una tecnologfa para crear animaciones gráficas vectoriales

independientes del navegador y que necesitan poco ancho de banda

para mostrarse en los sitios Web. La animación en Flash se ve

- exactamente igual en todos los navegadores, un navegador sólo

necesitan un plug-in para mostrar animaciones en Flash. Con Flash los

usuarios pueden dibujar sus propias animaciones o importar otras

imágenes vectoriales. En la virtualización de los contenidos utilizaremos

mucho esta herramienta ya que la mayoría de los videos estarán en

formato FLV.(Flash Video).

Page 14: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

137

• Contenidos en archivo de texto: La mayoría de los catedráticos que

imparten la asignatura de Relaciones Publicas ya poseen el desarrollo

de los contenidos en archivo de Word y Power Point de Microsoft Office

esto ayudara a facilitar la creación virtual de dichos contenidos.

• Clases narradas: Son creadas por TextAloud y servirán de apoyo en el

curso para todos aquellos alumnos que tengan dificultad con la lectura o

aprenden mas escuchando.

• Videos FLV: Serán Utilizados desde sitios como Youtube, Google Video,

Metacafe, Daylemotion entre otros y servirán para complementar la

temática que esta siendo estudiada de cada contenido.

• Imágenes y fotografías: Estas apoyan al estudiante para conocer al

autor bibliográfico del cual se ha tomado parte del desarrollo del

contenido y así mismo para crear un ambiente mas atractivo del aula

virtual.

• JClic: es un entomo para la creación, realización y evaluación de

actividades educativas multimedia, desarrollado en la plataforma Java.

Es una aplicación de software libre basada en estándares abiertos que

funciona en diversos entornos operativos: Linux, Mac OS X, Windows y

Solaris.

2. Desarrollo del curso

El desarrollo de los contenidos que se vayan a incluir en el curso utilizando la

plataforma virtual requiere una adecuada estructuración y una minuciosa

planificación que facilite su seguimiento por parte de los participantes en dicho

curso. Por otro lado, solamente podremos asegurar un proceso de aprendizaje

satisfactorio, si dicho contenido consta además, de actividades prácticas que - permitan facilitar el proceso de asimilación del mismo a la vez que podemos, a

través de dichas actividades, realizar un adecuado seguimiento del progreso de

cada participante, también el material de apoyo como texto, videos, audio y

chars ayudaran a mejorar la comunicación entre educador y educando.

Page 15: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

-

138

La estructura y material de trabajo se ha realizado con base a unidades

didácticas desarrollando cada uno de los contenidos, esto facilitara el proceso

de aprendizaje.

La creación del curso virtual se dividió en los siguientes pasos:

1. Recopilación de los contenidos de la asignatura: La mayoria de los

contenidos fueron proporcionados por el catedrático que esta

impartiendo la materia en el ciclo actual en forma digital. Estos fueron

comparados con reporte R-P2 de forma que cumplan con lo establecido

por la universidad.

2. Edición, creación y búsqueda de Imágenes: Para dar una mejor

vistosidad al curso se buscaron imágenes relacionadas con cada uno de

los contenidos, se crearon y editaron utilizando adobe Photoshop cs3 ya

que esta herramienta ayuda a facilitar su creación.

3. Edición y creación de sonido: una de las innovaciones que hemos

tratado de implementar en el curso, es no solo mostrar los contenidos en

forma de texto sino que también poder escuchar el audio de la clase

pera realizar esto utilizamos TexAloud que es una herramienta que

facilita crear archivo de audio de un texto digital en diferentes formatos

ejemplo mp3, wav, wmv etc.

4. Búsqueda de videos relacionados con los contenidos: En la

investigación de campo que realizamos los videos fueron You tube,

Google Videos

5. Creación de actividades de auto-evaluación: estas actividades servirán

de apoyo para que el alumno después visualizar la clase pueda realizar

una pequeña auto-evaluación. Para la creación de esto utilizamos la

herramienta JClic que facilita su creación interactivamente, existen mas

herramientas como estas pero trabajamos con ella por que es mas fácil

su integración con el scorum que se obtiene de la herramienta con la

unimos todos los elementos.

6. Integración o unión de los elementos obtenidos de los procesos

anteriores. EXe EL earnjmI1~JiTr~1L eQ!!Qr.

Page 16: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

139

3. Pruebas y evaluación final (Etapa IV)

a. Factores a evaluar

Área didáctico - funcional

Calidad de los contenidos: sondeo con respecto a la claridad y al número de los

contenidos, la disposición de elementos de soporte al aprendizaje (estudio en

profundidad de diferentes temas, Iinks de interés).

Calidad en la comunicación entre alumno y profesor: La calidad de las

estructuras de soporte, lcqístlcas y organizativas: sondeo sobre la tarea de los

tutores (tiempos de respuesta, calidad de los encuentros presénciales,

asistencia, claridad de los roles, etc.) y el nivel de interacción y comunicación

en el curso.

Área tecnológica

Estándares y Requerimientos: Existen ciertos requerimientos que en la

investigación de campo fueron mencionados para incorporarlos en el aula

virtual se creo un instrumento de evaluación de contenidos en el que se define

que era necesario desarrollar las clases en texto, video y audio.

Accesibilidad: Es el grado con el que el alumno o maestro puede utilizar o

visitar el aula virtual y además visualizar sus contenidos.

Usabilidad: Este tipo de prueba se refiere a asegurar de que la interfaz de

usuario sea intuitiva, amigable y funcione correctamente evaluando la

- navegación y los tiempos de respuesta.

Interactividad: Se evaluara la forma como el alumno interactúa en cada una de

la clases y además la utilización del chats, videos y audio.

Page 17: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

140

Pruebas:

• Pruebas del sistema: Las pruebas del sistema deben enfocarse en los

requerimientos. Las metas de estas pruebas son verificar la apropiada

entrada, procesamiento midiendo el tiempo de respuesta.

• Pruebas de interfaz de usuario: Las pruebas de interfaz de usuario

verifican la interacción del usuario con el aula virtual. La meta de estas

pruebas es asegurar que la interfaz de usuario provee la navegación y el

acceso apropiado dentro de la aplicación y además que se cumplan los

estándares y requerimientos definidos.

• Pruebas de configuración: Las pruebas de configuración verifican la

operación del aula en diferentes configuraciones de hardware y

software. Para esto se debe validar y verificar que la aplicación funcione

en diferentes estaciones de trabajo.

b. Desarrollo de las pruebas

Pruebas del sistema:

Estas pruebas fueron realizadas utilizando diferentes estaciones de trabajo

para verificar si la integración de cada uno de los elementos se acopla a la

plataforma virtual.

1. Ingreso al sistema bajo cada uno de los roles creados. Alumno y

Profesor

2. Interactividad dentro del curso piloto diseñado, realizando las tareas

siguientes:

• Participación en foros.

• Salas de Chal.

• Ingreso y extracción de las tareas ex aula

• Consulta de los contenidos ingresados y material digital - preparado para el curso.

• Realización de las pruebas cortas interactivas.

Page 18: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

141

Pruebas de interfaz:

Estas las realizamos para medir la facilidad de uso y además garantizar que

cumple los estándares y requerimientos definidos. Probando la interfaz de

usuario gráfica.

1. Ingreso a la plataforma virtual probando los diferentes enlaces o links

presentados en la portada principal del aula.

2. Ingreso a los diferentes foros y recursos colocados dentro del curso

diseñado.

3. Prueba de edición de los contenidos formativos del curso piloto (rol de

profesor).

4. Calidad de audio del mensaje de bienvenida y su interacción.

Pruebas de configuración:

Las pruebas de configuración se basaron en utilizar el aula virtual en diferentes

estaciones de trabajo dentro y fuera de la universidad, asf como también, se

verifico la navegación del aula virtual en diferentes exploradores de Internet,

tales como Internet Explorer y Mozilla Firefox etc.

En cuanto a sistemas operativos, el aula virtual fue probada únicamente con

estaciones con Windows 2000, XP y un servidor Web con sistema operativo

Winljows 2000 Server y Linux.

-

Page 19: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

---

I

142

c. Resultados de las pruebas

CUADRO DE EJECUCION DE PRUEBAS DEL AULA VIRTUAL -

en '

entre

objetivos

los

,

•,

la inclusión

cualquier ¡ teniendo eru:

" '.~_. . ,

I ' _.. ... .

FACTORES A MEDICION COMENTARIO

EVALUAR

, ... ~ -

• Los contenidos están acorde Calidad de los

Aceptablecontenidos

a los requerimientos básicos

que la cátedra exige.

Calidad en la '. El aula posee la cualidad de

comunicación l tener una comunicaciónAceptable

entre alumno y tiempo real

j profesor alumnos y el profesor. . .. ___ o - _.

~.

•• Cumplen con los Estándares y

Aceptable planteados con Requerimientos

¡ de audio, video y texto. .

•• El aula puede ser accesada 111 desde

Accesibilidad Aceptable I computadora,

cuenta los

mlnimos documentados. •

• El entorno gráfico Il curso virtual posee1;

amigable, ya que

Usabilidad Aceptable navegar fácilmente entre los

• contenidos debido a que se

ha trabajado

estándar. · ". _... _o...· .- ~

• • • _. PO

, ' -.

; El aula posee auto evaluaciones

Interactividad Aceptable multimedia, foros, chat, tareasI

ex-aulas y laboratorios. .. ~_._ .. " .• »,-. _ . . .- -- _. - .._-

,

requisitos

que el

es muy

permite

- con un

.

o •• ._.­

Page 20: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

143

4. Plan de implementación del aula virtual

Hoy en día, un aspecto fundamental y prioritario en las instituciones de

educación superior es la utilización de las herramientas tecnológicas en la

enseñanza, la universidad Francisco Gavidia cuenta con su modalidad de

enseñanza virtual (plataforma virtual MOODLEl, conocida como Virtual U,

nuestra propuesta principal es acrecentar el uso de esta plataforma,

modernizándola en la forma de virtualizar los contenidos de la cátedra de

Relaciones Publicas para que los alumnos que cursen esta materia, aprendan

de forma sencilla y rápida el uso de las aulas virtuales, a través de

herramientas interactivas que le apoyen en su proceso de aprendizaje y al

maestro en la enseñanza.

a. Definición del tema.

La necesidad de extender el uso de la plataforma de la universidad Francisco

Gavidia, surge el nombre de nuestro proyecto "UTILIZACiÓN DE UNA

PLATAFORMA TECNOLÓGICA PARA EL DESARROLLO DE LOS

COI>jTENIDOS DE LA ASIGNATURA DE RELACIONES PÚBLICAS DE LA

FACULTAD DE CIENCIAS ECONÓMICAS DE LA UNIVERSIDAD

FRANCISCO GAVlDIA PARA SU APLICACiÓN EN LA ENSEÑANZA

MODERNA", respaldándonos a través de una investigación de campo realizada

a los sujetos involucrados en la enseñanza de la asignatura de relaciones

publicas. ( ver capitulo 111 l .

b. Metas a cumplir.

La utilización de la plataforma para el desarrollo de los contenidos de

Relaciones Públicas debe ser capaz de:

- • Ayudar de una manera fácil en el aprendizaje de los alumnos, a través

de actividades educativas multimedia que esta posee.

• Que los maestros estén al corriente de las herramientas que cuenta la

Plataforma Virtual y cómo utilizarlas en el desarrollo de su cátedra.

Page 21: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

144

-

• Que la plataforma permita concentrar el aprendizaje en el estudiante y el

grupo en forma interactiva con el profesor apoyando en gran medida a la

forma presencial

• Proporcionar un control de quienes están más interesados en participar

en el desarrollo de la cátedra, y medir a la vez el rendimiento de los

alumnos.

c. Característícas que posee:

• Animación .

• Tareas Ex-aula o investigación.

• Audio de las clases a desarrollar.

• Pruebas de laboratorios.

• Fácil en la utilización y aplicación de las herramientas.

• Algunos videos relacionados a los temas de la clase de Relaciones

Públicas.

• Consultas de la cátedra en tiempo real a través del Chat entre

estudiantes y maestro.

• Auto-evaluaciones multimedia e interactivas que fortalezcan al

estudiante al final de cada clase desarrollada.

• Fácil acceso desde cualquier estación de trabajo que posea conexión de

Internet y que el alumno este inscrito al curso.

• Fácil actualización de sus contenidos.

• Manual de profesor y alumno (ver anexo).

• Seguridad.

• Control.

Page 22: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

145

B.4.4 Cro nograma de act ividades de implementación del aula v irtual para los conten idos de la as ignatura de Relaciones Publicas

-Duración en,,, Nombre de tarea semanas ene I feb I mar I ebr I may I jun I ¡uf

I 1Selección de l contenida de la cátedra a virtua llza r 55 • a ISelección y edi ción de totoq rattas e imágenes acordes al contenido 5s •

Cre ación det audio pro ve niente del te xto de l contenido de la :J e. .5.6s •asic natura

Se lección de vid eo s com p lem entarios O acordes al co ntenido, 2s Ea(Internet utq , ot ros)

s Diseño de ac tividades educativas m ultimedia con ayuda de Jcnc 2.4s c:::3

IEmpaquetado o Scorm de todo el contenk1os de la asignatura l s e:»6 loenerado desde EXE. oara lueao ser a lo ta do a la c la taforma Vir tu al

7 lsPru e bas y Corrección de e rrore s e:.

El cronograma muestra el tiempo estimado en semanas, y los recursos requeridos para virtualizar los contenidos de Relaciones

Públicas a la plataforma de la universidad Francisco Gavidia, estas actividades se encuentran de forma clara e ilustrada en los

manuales del profesor el cual se ha diseñado para un mejor entendimiento al momento de modificar o actualizar los contenidos de

la cátedra.

,

Page 23: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--- -

--

146

5. COSTOS DE IMPLEMENTACiÓN

De acuerdo a lo expuesto en la Factibilidad Económica, en lo referente a la

utilización de Hardware y Software, detallamos que en la mayoría de recursos

tecnológicos, la universidad cuenta con lo necesario en el funcionamiento de

virtualizar los contenidos de la asignatura de Relaciones Públicas en la plataforma

virtual, Por lo cual mencionaremos en el siguiente presupuesto algunos de los

costos a incurrir: ..... - " _. _­

Costos de Hardware y Software

Licencia de software TextAloud (Software para edición

(exporta

(utilizado en

-RUBRO

-- -- ' Texto a Audio).

Licencia de software E.X.E. paginas Web o SCORM) (gratuita)

Licencia de Software JClic realización y evaluación de multimedia (gratuita)

. ­ -. ,,,,, .- .. _ ..,y,

Asesorías y capacitación de contenidos en la (Incluye manuales audio visuales)

~

Diseño y Desarrollo de

$ R \ -.. ,---- ­ _.

TOTAL -.

actividades

Costos de Desarrollo de la implementación---""'

Como plataforma

contenidos de virtual horas/hombre (3 personas por 300 horas cada una a $7,200.00

-

-

--Ir ICOSTO .--

1 de i$ 24.95

contenidos como $ 0.00 I

la creación, educativas $ 0.00

-- - . - -

, , .. . . 0<."._

desarrollar los ,

UFG $ 500.00

RR.PP. al aula

1$7,724.95 I En los costos de hardware no se mencionan audifonos, (para audio de contenidos).

ya que cada centro de cómputo los posee y se proporcionan a los estudiantes

cuando la cátedra lo requiere.

Page 24: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

--

147

C. CONCLUSIONES

1. La capacidad con la que cuenta la Universidad según el avance de nuestro

proyecto llena las expectativas para poder crear un Campus Virtual y así

ofrecer un sistema de enseñanza más orientado a la tecnologia y la

comunicaci ón. La virtualización de los contenidos no debe ser solo un

mecanismo para la dístribución de la información, sino que debe ser un

sistema adonde las actividades involucradas en el proceso de aprendizaje

puedan tomar lugar, es decir que deben permitir interactividad, comunicación,

. aplicación de los conocimientos, evaluación y manejo de la clase.

2. Desde el punto de vista de aprendizaje y enseñanza, los recursos

tecnológicos son una muestra del ingenio, inteligencia y capacidad humana,

es por eso que la idea de virtualizar los contenidos de la asignatura de

Relaciones Públicas I en la plataforma virtual que la universidad Francisco

Gavidia posee, es aprovechar esta herramienta al máximo como un medio de

apoyo en el proceso de aprendizaje para el alumno, fomentando su uso a

través de combinaciones de actividades interactivas que éste utilice (videos,

auto evaluaciones multimedia, laboratorios, audio etc.).

3. La Universidad Francisco Gavidia, siempre en busca de métodos y

herramientas que permitan llegar a los educandos con efectividad y eficiencia,

ha encontrado en las nuevas tecnologías y la comunicación, novedades y

elementos que ayudan a el aprendizaje y a fortalecer el conocimiento, a

través de la virtualización de los contenidos de Relaciones Públicas,

consolidando en esta técnica, interactividad, comunicación y dinamismo en la - presentación de contenidos, permitiendo atender a los usuarios con distintos

estilos de aprendizaje, todo en un mismo sitio.

Page 25: A.6.1 DIAGRAMA CONTEXTUA L DEL AULAVIRTUA L DE LA ...ri.ufg.edu.sv/jspui/bitstream/11592/7259/6/004-H558u-Capitulo IV.1.p… · 124 a. diagrama contextual del aula virtual a.6.1 diagrama

---

148

-

D. RECOMENDACIONES

1. Recomendamos que la modalidad de virtualizar los contenidos de Relaciones

Publicas sea un ejemplo o plantilla a seguir para los demás cursos de las

facultades que la universidad posee ya que goza de características de apoyo

(interactividad, facilidad de actualización y uso, audio video etc.) importantes

en el aprendizaje y enseñanza del alumno.

2. Recomendamos que la modalidad virtual presentada sea como primera etapa

semi-presencial, tomando en cuenta después los resultados obtenidos,

cambiándola a su totalidad de forma no presencial.

3. Recomendamos que los contenidos sean actualizados y revisados de una

forma constante, y coordinar con los encargados de la administración de la

plataforma, de que sitios están permitidos o cuales poseen restricciones en el

uso de sus servicios.

4. Se recomienda que al momento que acceder a los contenidos se deberá de

disponer con los plug-ins necesarios en su computadora para la ejecución de

algunas aplicaciones.

5. Recomendamos capacitar a los docentes en el uso y actualización de los

contenidos, utilizando como medio de apoyo el manual del profesor.

6. Se recomienda que antes de implementar una materia en modalidad virtual,

sea revisada y aprobada por los catedráticos que imparten la materia de forma

presencial,