__________________________________________________________________________________________________

|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos

1
||||. l|t|C|| |1|| |\1|| | C|\l|
|||H| ||| ||||tl
||\||||| ||| \|l| W|| |\l|l1t||| || || |\|||
H|t||| || || l|||
Autor: Llc. Marco Corcuera ue los Santos.
TRUJILLO PER
2010
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
2
1. DA1CS INICkMA1IVCS:
nombre de la l.L. : Lscuela Superlor de lormacln Artlstlca ubllca de 8ellas
Artes Macedonlo de la 1orre" de 1ru[lllo.
nlvel : Superlor
Modalldad : Lducacln Superlor
varlante : Artlstlca /edagglca
8esolucln y Creacln : 8.S. n 336-1967.
8esponsable - Coordlnador : Llc. Marco Corcuera ue los Santos.
2-DLNCMINACICN:
royecto de desarrollo del Sltlo Web de la Lscuela Superlor de lormacln Artlstlca ubllca de 8ellas Artes
Macedonlo de la 1orre de 1ru[lllo".
3. ILCnA DL INICIC
Abrll del 2010
4. DUkACICN
uuracln estlmada del proyecto: 6 meses.
Ll proyecto puede llevarse a cabo de acuerdo a las necesldades de la l.L. que puede conslderar un lapso
dllerente.
S. IN1kCDUCCICN
Lstar presente en la red es actualmente ms que una opcln es una obllgacln, lnternet se ha convertldo en
el slstema ms lmportante de publlcacln-obtencln de lnlormacln de la socledad actual, hace unos anos.
Las redes de comunlcacln de rea extensa se utlllzaban prlnclpalmente para servlclos de translerencla de
archlvos Correo electrnlco, conexln remota a ordenadores centrales, etc. uno de los aspectos que
motlvaban esta llmltacln era que los usuarlos que tenlan acceso a estos servlclos perteneclan a sectores
puntuales de la socledad.
Actualmente, las poslbllldades han evoluclonado a un nlvel en el que es dlllcll lmaglnar apllcaclones de la
vlda cotldlana que no tengan cablda en la red, este avance ha sldo motlvado, en gran medlda, por el
aumento progreslvo de usuarlos: lnternet es acceslble desde todos los organlsmos publlcos y prlvados, todas
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
3
las grandes y medlanas companla, gran parte de las pequenas empresas y, en general en una gran parte de
los hogares que poseen una C.
Ll numero de usuarlos de lnternet se ha lncrementado como consecuencla de los avances de las tecnologlas
de desarrollo de slstemas de publlcacln de lnlormacln.
La realldad es que lnternet es una herramlenta de traba[o lmpresclndlble en las empresas modernas,
unlversldades y en los organlsmos publlcos y prlvados.
ara lacllltar la presencla de los Centros de Lnsenanza en lnternet, estas acceden para la publlcacln de su
pglna Web y se le aslgna una u8L y correo electrnlco. A partlr de aqul desarrollar y publlcar su Web
(contratando los servlclos de alguna empresa prlvada).
Con estos precedentes, es poslble encontrar sltlos Web desde una pglna unlca con los datos postales del
centro hasta contenldos muy completos, con un slstema de navegacln (medlante enlaces de texto en lorma
arbrea, enlaces de texto sln orden, etc.).
Lmpleando herramlentas de desarrollo de sltlos web (P1ML, AS, !avaScrlpt, etc.) para su creacln.
6-C8IL1IVCS
C8IL1IVC GLNLkAL:
ulsenar, construlr y apllcar una propuesta de Sl1lC WL8 que lntegre y permlta proporclonar lnlormacln de
la LSlA, lacllltando el acceso a los dllerentes recursos y servlclos que olrece e lncorporando nuevas
tecnologlas.
Ll prlnclpal ob[etlvo es prototlpar el sltlo Web de la l.L. de lorma que pueda dlsponer de un slstema de
publlcacln en lnternet para proporclonar el mayor numero poslble de servlclos a los mlembros de la
Comunldad Lducatlva, lncluso para servlr a usuarlos que sln pertenecer a dlcha Comunldad puedan estar
lnteresados en determlnados aspectos de la LSlA.
Ll slstema permltlr admlnlstrar un portal con publlcacln en llnea.
C8IL1IVCS LSLCIIICCS:
uesarrollar proyectos lnvestlgatlvos de lnteres usando elementos y/o apllcaclones para crear un Sltlo
web.
uar en la web una lmagen ms acorde con la nueva ldentldad de la LS8A.
lacllltar el acceso a los contenldos de la lnstltucln educatlva desde cualquler C.
Crlglnar apllcaclones educatlvas que puedan ser usada por la lnstltucln posterlormente.
ullundlr en los alumnos de secundarla de la cludad de 1ru[lllo, la 8egln y el pals las cuatro carreras
proleslonales que brlnda la LS8A.
ubllcar a la comunldad en general las bondades academlcas de la LS8A1. ? lograr el reconoclmlento
de la socledad de nuestra 8egln y del pals, de la presencla de la LS8A como centro de las 8ellas
Artes de servlclo educatlvo publlco.
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
4
Conocer la lmportancla de lnternet como carta de presentacln y de acceso al mundo actual,
entendlendo el lunclonamlento lnterno de la red.
8econocer y dellnlr el hlpertexto, ldentlllcar las venta[as y poslbllldades que este brlnda como nueva
lorma de presentar la lnlormacln.
7-IUS1IIICACICN:
La l.L. LSlA 8ellas Artes Macedonlo de la 1orre" de 1ru[lllo brlnda un servlclo de lormacln proleslonal y
artlstlca de calldad, y actualmente, casl toda lnstltucln educatlva publlca o cualqulera sea el lln cuenta con
su sltlo web ya que estos muestran el traba[o que desarrolla y los ob[etlvos que desean lograr.
Me[orar la lmagen que tendr en la lnternet a traves de su sltlo web, y de lgual lorma aumentar la
comunlcacln que se electlvlzar en el traba[o.
Adems el uso del correo electrnlco lnstltuclonal llega a ser parte lmportante del traba[o que desarrollan,
graclas a la lacllldad de comunlcacln que se tlene entre la mlsma lnstltucln, colaboradores y a las personas
que desean llegar.
Algunas de las caracterlstlcas con este servlclo de ulSLRC WL8 lnS1l1uClCnAL son:
ubllcacln de artlculos, lnvestlgaclones docentes, llbros, etc.
ubllcacln de eventos, notlclas.
rolesores, que la podrlan utlllzar como luente de recursos educatlvos y como medlo de locallzar
lnlormacln utll para su labor docente.
Calerla lotogrllca y vldeoteca.
Sltlo web auto admlnlstrable (para que camble el contenldo cuando sea necesarlo).
Calldad en dlseno e lmagen (para que represente por entero a su lnstltucln)
8. 8LNLIICICS DL 1LNLk kLSLNCIA LN IN1LkNL1 :
Mantener lnlormados a la comunldad educatlva y publlcltar sus servlclos de manera gratulta las 24
horas del dla contando con un catalogo Web y publlcando perldlcamente las novedades en el sltlo
Web.
Me[orar la lmagen de la l.L. dndole ms personalldad, serledad y proleslonallsmo, y demostrando por
enclma de todo, el conoclmlento y la aceptacln de las nuevas tecnologlas.
Ampllar el mercado dndole un alcance naclonal e lnternaclonal. A traves de un sltlo Web se tendr al
mundo como potenclales usuarlos de sus servlclos.
Mlnlmlzar los costos reduclendo los costos de publlcldad, marketlng, lmprenta y comunlcaclones,
entre otros.
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
3
Mantener un contacto dlrecto con la comunldad educatlva de manera rplda y econmlca
8elacln Costo/8enellclo. Los costos lnlclales y operaclonales de contar con un sltlo Web son muy
ba[os, y ms aun sl se tlenen en cuenta los enormes benellclos que produce
9. DLSCkICICN GLNLkAL DLL kCLC1C
Las nuevas tecnologlas de la lnlormacln y la comunlcacln son medlos vallosos que le brlnda al usuarlo una
gama de soluclones para acceder a la lnlormacln. La Web es una herramlenta tecnolglca que mlnlmlza la
barrera del espaclo y tlempo.
D|seo de |a ropuesta
Ln atencln a la estructura del sltlo web se dlsenara un con[unto de documentos apllcados que lacllltan la
ublcacln de la lnlormacln relaclonada con los contenldos del mlsmo, los cuales presentan las slgulentes
etapas:
|an de producc|n: Ln esta lase se dellnl todas las actlvldades de tlpo tecnlco admlnlstratlvo que
condu[eron a la creacln del sltlo Web, el cual Abarca: (preproduccln, y post-produccln del materlal,
recurso humano, materlales y llnancleros.).
Adems se reallza la labor de generacln y captura de contenldos, asl como tamblen el desarrollo de
las rutlnas de programacln.
Se pueden menclonar: ulseno grllco como botones, lnteractlvldad, lconogralla, dlseno de
anlmaclones, desarrollo de textos, muslcallzacln).
Como se puede observar en el desarrollo de los materlales, cada pantalla posee sus presentaclones
producto de una planlllcacln prevla (Storyboard) de los contenldos por desarrollar en ella.
kea||zac|n: Ln esta etapa se procedl a orlentar la creacln de los procesos, los de la elaboracln del
medlo y que slrve para produclr la versln lnlclal o modelo (prototlpo).
Cuando se trata de dlsenos con multlmedla se hace relerencla a todos los elementos que se requleren
para dlsenar el sltlo Web (pantallas, sonldo, vldeo, anlmaclones, vlnculos, lnteractlvldad).
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
6
Lva|uac|n de |a rea||zac|n: Ln esta etapa se puso a prueba el modelo o prototlpo de pglna con la
lntencln de revlsar lallas o problemas los cuales lueron tomados en cuenta para su modlllcacln.
lmp|antac|n: Ll producto llnal una vez corregldo se hospeda en el servldor y se procede a su
lmplantacln.
D|seo 1ecno|g|co
La Web es un slstema hlpermedla acceslble a traves de lnternet, que permlte navegar con lacllldad por
gran cantldad de lnlormacln, la cual se convlerte en un recurso de gran utllldad educatlva. Las
caracterlstlcas que hacen de la web una tecnologla de ampllo potenclal educatlvo son: la capacldad de
hlpertexto, capacldad multlmedla, capacldad de slstema dlstrlbuldo y ablerto en lnternet y capacldad
lnteractlva.
Ln este dlseno se toma en conslderacln el uso de correo electrnlco y vlnculos con pglnas
relaclonadas con el Arte.
1oda la lnlormacln presente en el sltlo Web dlsenado se apoya en recursos de multlmedla donde se
lncluye textos, lmgenes, anlmaclones, que permlten la comunlcacln para la comunldad educatlva.
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
7
D|seo comun|cat|vo
lnterlaz: amlgable y llexlble, agradable de usar, tamblen culda los mensa[es, sonldos y la dlstrlbucln
en pantalla, el [uego de colores es altamente lnteractlva, tlene mecanlsmos de comunlcacln entre el
usuarlo y la apllcacln.
La parte superlor con logotlpo, la lecha del slstema, enlaces para busqueda de y ayuda.
Ll resto de la pantalla quedar en dos partes la parte lzqulerda estar dedlcada a la navegacln.
lnclulr la blenvenlda al usuarlo y un mensa[e de avlso sl tuvlera mensa[es nuevos.
La parte derecha se dedlcar a vlsuallzar las pglnas. lnlclalmente, los datos de la l.L. con los tltulares
de las notlclas novedosas con su lecha de publlcacln.
Ln portada aparecer una lotogralla de la l.L. y sus datos de contacto.
ara cada pantalla de la lnterlaz se dellne las zonas de comunlcacln asl como la dlstrlbucln de las
mlsmas.
Se tom en cuenta restrlcclones tecnolglcas, teorla del color, caracterlstlcas de la poblacln y
aspectos pslcolglcos de la percepcln.
Lnlaces con otros elementos de la lnterlaz, botones que permltan "vla[ar" a otras pantallas.
LLLMLn1CS uL LA ClnA WL8
1exto: se muestra en pantalla con alguna de las luentes que el usuarlo tlene lnstaladas.
lmgenes. Son llcheros enlazados desde el llchero de la pglna proplamente dlcho. Se puede
hablar de tres lormatos casl excluslvamente: Cll, !C y nC
Audlo, generalmente en Mlul, WAv y M3.
Adobe llash.
Plpervlnculos, vlnculos y Marcadores.
La pglna web tamblen puede traer contenldo que es lnterpretado de lorma dllerente
dependlendo del navegador y generalmente no es mostrado al usuarlo llnal. Lstos elementos
lncluyen, pero no excluslvamente: Scrlpts, generalmente !avaScrlpt. Meta tags. Po[as de Lstllo
(CSS - Cascadlng Style Sheets).
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
8
Ll sltlo web est dlsenado acorde con la lmagen lnstltuclonal de la escuela. La estructura de navegacln
general se muestra en la llgura slgulente:
La pg|na de |n|c|o de esta web es la que se presenta en la
captura de lmagen, en cuya parte lzqulerda se observa las 6
grandes categorlas que a contlnuacln pasaremos a anallzar:
La Lscue|a. Ln el se establecen la ldentldad, hlstorla, lana
docente, uocumentos, Admlsln, Calerla vlrtual, Contactos e
lnlormes y servlclos complementarlos, adems de lnlormacln
sobre las lnstalaclones.
Lspec|a||dades: uonde se descrlbe las especlalldades
lmpartldas en nuestra escuela. desde aqul podemos acceder a
la hlstorla, campo de accln.
Docentes una base de datos de los prolesores y una pequena
resena de su ho[a de vlda.
Ln la pglna web, los docentes pueden publlcar sus traba[os
monogrllcos.
Correo e|ectrn|co. ara establecer contacto con el centro a
traves de e-mall.
Ln|aces de |nters. uonde establecemos enlaces web de lnteres para toda la comunldad educatlva.
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
9
Contactos e |nformes Ga|er|a de v|deos
ub||cac|ones rec|entes: A|umnos destacados Ga|er|a de fotos: edro Azabache 8ustamante
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
10
10. ML1CDCLCGIA
Lste estudlo por su carcter lnnovador se sustenta en la modalldad de proyecto lactlble apoyado en una
lnvestlgacln basado en nuevas tecnologlas con el uso de recursos Multlmedla. ue tal manera que esta
lnvestlgacln tamblen se puede ldentlllcar como una lnvestlgacln dentro del campo de la 1ecnologla
Lducatlva y que se denomlna lnvestlgacln 1ecnolglca".
11. ML1AS DL A1LNCICN:
rolesores de la lnstltucln Lducatlva LS8A1
Alumnos de la l.L.
ubllco en general.
Comunldad educatlva.
12-kLCUkSCS:
12.1-PuMAnCS:
ulrector
Coordlnador del royecto (docente de lnlormtlca).
Subdlrectores.
12.2-lnl8ALS18uC1u8A:
Laboratorlo de lnlormtlca de la LS8A1, etc.
12.3-MA1L8lALLS:
Materlal de escrltorlo (apel bond, Cu).
Computador.
royector.
Cmara dlgltal.
lllmadora.
lnternet.
Lscner.
lmpresora.
Soltware de ulseno web, Audlovlsual y multlmedla.
13-IINANCIAMILN1C:
Ll royecto ser autollnanclado. Poras de permanencla o lnvestlgacln del lnvestlgador.
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
11
14-CkCNCGkAMA DL AC1IVIDADLS:
N AC1IVIDADLS kLSCNSA8LLS ILCnAS
1.
Anllsls de la estructura y elementos del dlseno de un Sltlo
Web bslco tomando en cuenta crlterlos establecldos en
una llsta de cote[o.
Coordlnador 24-03-2010
2. resentacln del lan. Coordlnador 22-04-2010
3.
reparacln de texto, lmgenes, lotograllas,
encabezamlento y dems materlales para ser utlllzados en
el dlseno de la pglna Web.
Coordlnador 23-04-2010
4.
ulseno de la estructura de una pglna Web, especlcando
ob[etlvos, anllsls de audlencla, secclones, dlagramacln
colores y aparlencla, nlvel de lnteractlvldad y otros.
Coordlnador.
ulrector
Subdlrectores.
ulrectlvos.
24-04-2010
3.
Construccln de los llnks con carga
perldlca de la lnlormacln.
Coordlnador. 26-04-2010
6.
uesarrollo y puesta en llnea del servlclo de sumlnlstro de
documentos dlgltales.
Coordlnador. 27-06-2010
7.
romocln a traves de correos electrnlcos, de los enlaces
elaborados para estlmular su uso por parte de la
comunldad educatlva.
Coordlnador-
Secretarla.
02-07-2010
8.
ulseno, personallzacln y programacln de las platalormas
para el servlclo de relerencla vlrtual: 8log, lAC, etc.
Coordlnador. 12-09-2010
9. lmplantacln y hospeda[e. Coordlnador. 14-10-2010
10. resentacln del lnlorme llnal. Coordlnador 17-12-2010
1S-LVALUACICN:
Al llnallzar el royecto se lnlormar en lorma documentada a la ulreccln de la lnstltucln Lducatlva.
Serla lmportante adems lograr un dllogo cooperatlvo, que lncluya sugerenclas y aportes mutuos, con los
docentes y dlrectlvos.
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
12
16. CAACIDADLS LUIAMILN1C kLULkIDC
ara todos los grupos de partlclpantes (alumnos, docentes y publlco):
oseer conoclmlentos operatlvos de las apllcaclones lnlormtlcas bslcas, como procesador de texto,
navegacln en lnternet y uso lluldo del correo electrnlco.,
Acceso a equlpamlento lnlormtlco con conexln a lnternet, en lo poslble de banda ancha o slmllar a lln de
aglllzar la resolucln de las tareas y la lnteraccln grupal.
or el tlpo de usuarlo ldentlllcado asl como los ob[etlvos planteados, la lnteraccln se desarrollar en el
mblto de un entorno que permltlr organlzar las dlstlntas reas y actlvldades para navegar con lacllldad.
17. AC1UALI2ACICN MLICkA CCN1INUA DL LA WL8.
Lste punto lo consldero el ms lmportante. Pacer una web, sea del tlpo que sea, no es solamente crearla y
colgarla, una web requlere de un proceso de me[ora y de actuallzacln para que sea lunclonal y prctlca.
Como podemos observar la elaboracln de una web educatlva no es nada senclllo, requlere de la presencla
de muchos elementos que habltualmente en nuestra vlda dlarla no tenemos presente, adems de establecer
muchos pasos a segulr, y lo ms lmportante, es que una vez que elaboremos una web educatlva requlere de
contlnuas actuallzaclones.
Lo que realmente nos determlna sl una web est blen termlnada o no es la evaluacln propla o que otros
usuarlos puedan reallzar de nuestra web.
18. 8I8LICGkAIIA
CASAS Mlguel (2003). nueva unlversldad ante la socledad del conoclmlento". 8evlsta de unlversldad
y Socledad del Conoclmlento vol. 2 - n. 2 / novlembre.
Ll1Wln, Lul1P (2003). ue camlnos, puentes y ata[os: el lugar de las tecnologlas en la ensenanza", ll
Congreso lberoamerlcano Lduca8ed: Lducacln y nuevas 1ecnologlas, 8uenos Alres.
Ln llnea:
8lblloteca Llectrnlca Cn llne SClLLC http://www.sclelo.org
8ed de 8lbllotecas vlrtuales de Clenclas Soclales de Amerlca Latlna y el Carlbe de la red CLACSC
http://www.blblloteca.clacso.edu.ar/
Slstema reglonal de lnlormacln en llnea para revlstas clentlllcas de Amerlca Latlna, el Carlbe, Lspana
y ortugal. http://www.latlndex.unam.mx/
8edalyc : 8ed de 8evlstas clentlllcas de Amerlca Latlna, Lspana y ortugal. http://redalyc.uaemex.mx/
8u&SC : 8evlsta de unlversldad y Socledad del Conoclmlento. http://rusc.uoc.edu/o[s/lndex.php/rusc/
__________________________________________________________________________________________________
|\||| H|t||| || || l||| Autor: Marco A. Corcuera ue los Santos
13
1ru[lllo, 22 de dlclembre del 2010.
________________________________
Marco A. Corcuera ue los Santos.
uocente coordlnador del proyecto
corcuera14[yahoo.es