[Nombre de la empresa] [Dirección de la compañía]
Tabla T abla de contenido Introducción............... Introducción.......................... ...................... ..................... ..................... ..................... ......................................... ............................... 2 Nombre del Proyecto............... Proyecto.......................... ..................... ..................... ..................... ..................... .......................... ...............3 3 Dianostico................. Dianostico............................ ..................... ..................... ...................... ..................... ..................................... ........................... 3 !onte"to distrital................... distrital.............................. ..................... ..................... ............................................. .................................. # $ranirama................. $ranirama............................ ..................... ..................... ...................... ..................... ................................ ......................% % &usti'cación............... &usti'cación......................... ..................... ..................... ..................... ...................... ..................... ............................. ................... ( )esponsable )esponsable del proyecto.................. proyecto............................. ...................... ..................... ................................... ......................... * Descripción del proyecto.................... proyecto.............................. ..................... ..................... ..................... ..........................* ...............* Diseño de propuesta................ propuesta........................... ..................... ..................... ..................... ................................ ...................... * Diseño Tecnolóico...................................................................................3 Diseño !omunicati+o...................... !omunicati+o................................ ..................... ..................... .................................... .......................... 3 $b,eti+os.................. $b,eti+os............................. ..................... ..................... ..................... ..................... ..................... ............................ .................. *( $b,eti+o -eneral.................... -eneral.............................. ..................... ..................... ..................... ................................. ...................... *( $b,eti+o specí'cos................. specí'cos........................... ..................... ..................... ..................... ............................... .................... *( /bicación................... /bicación............................. ..................... ...................... ..................... ............................................... ..................................... *( 0rano o institución responsable del proyecto......................................... proyecto.........................................** ** 1ene'cios directos e indirectos.................. indirectos............................ ..................... ..................... ..........................** ................** 1ene'cios Directos................... Directos............................. ..................... ................................................... ........................................ ** 1ene'cios Indirectos................. Indirectos............................ ..................... ..................... ..................... ............................. ................... ** etas resultados y eecti+os esperados del proyecto...............................*2 etas y )esultados............ )esultados....................... ..................... ..................... ..................... .................................... .......................... *2 ectos esperados del proyecto.................... proyecto.............................. .........................................*2 ...............................*2 Diseño del proyecto................... proyecto............................. ..................... ..................... .......................................... ................................ *3 Internet................ Internet........................... ..................... ..................... ...................... ..................... ....................................... ............................. *3 .............................. ..................... ..................... ..................... ...................... .............................. ................... *3 Página Web.................... HTTP.................... ............................... ..................... ..................... ...................... .................................................. ....................................... *4
/sos de 5erramientas 6eb............................. 6eb....................................... ....................................... ............................. *7 8itios 6eb.................... 6eb.............................. ..................... ...................... ..................... ..................... ..................... ......................*9 ............*9 /so de Dominio...................... Dominio................................. ..................... ..................... ..................... ..................... ...................... ...........2( 2( /so de :ostin................... :ostin............................. ..................... ..................... ..................... ..................................... .......................... 2* Presupuesto............ Presupuesto....................... ..................... ..................... ..................... .................................................. ........................................ 22 ;inanciamiento..................... inanciamiento................................ ..................... ..................... ..................... ..................... ........................... ................22 22 !ontinuidad y sostenibilidad del proyecto................................................22 !onclusiones.................. !onclusiones............................. ..................... ..................... ..................... ..................... ................................. ...................... 22 )ecomendaciones............. )ecomendaciones....................... ..................... ..................... ..................... ......................................... .............................. 22
Introducción
l diseño de un portal 6eb en un principio solo era te"to= a medida >ue :a e+olucionado la tecnoloía= tanto en los ordenadores como en la red de telecomunicaciones= se :a enerado nue+as ormas de desarrollar la 6eb= l diseño de p?inas 6eb se :a desarrollado a medida >ue ue e+olucionando la internet. n *992 solo :abía alrededor de 4( sitios 6eb= pero en la actualidad con'rman >ue rondan los *2((( millones de sitios 6eb apro"imadamente. /n sitio 6eb consiste en un documento >ue contiene enlaces de :iperte"to a otros documentos con la inormación de un ser+icio o producto= con el 'n de +ender o dar a conocer dic:o elemento= el desarrollo de una p?ina 6eb= :oy en día es un medio de muc:a demanda= debido a su rapide@= practicidad= actibilidad y +eracidad es por>ue muc:as empresas deciden in+ertir en la elaboración por los bene'cios >ue otora este medio multimediaA Ba p?inas 6eb se :an +uelto dentro de los neocios una :erramienta indispensable de comunicación como tambiCn bs>ueda de nue+as empresas >ue estCn na+eado por la red. Por esta ra@ón es necesaria dar a conocer una empresa a tra+Cs de la elaboración de la p?ina 6eb= por>ue permite la compra y +enta o intercambio de inormación para >ue se dC un neocio sin importar lo le,os o cerca >ue se encuentre el contacto= ya >ue todas las transacciones y operaciones se pueden :acer a tra+Cs de esta +ía. n la actualidad todas orani@aciones >uieren ser competiti+os= para lorar la satisacción de sus usuarios y ser líder en el mercado= para ello es importante crear proramas inno+adores. s por ello >ue el presente proyecto es una in+estiación >ue tiene como ob,eti+o la implementación de un sitio 6eb para el distrito de Ninacaca= n el pretendemos indaar sobre características y proceso para la 6eb y aplicarlas a la reali@ación eecti+a de un sitio. l interCs en particular para reali@ar esta es llear a los usuarios del distrito a su comodidad con la inormación >ue le es necesaria y acilitar al acceso de la inormación y +iabili@a el contacto de las instituciones del distrito.
Nombre del Proyecto laboración de un de un sitio 6eb para me,orar los ser+icios de la municipalidad distrital de Ninacaca.
Dianostico
ue permita +isuali@ar e+entos= oraniramas= misio= +isión= 'losoía de la municipalidad. < tra+Cs de la obser+ación directa se denota >ue para una con+ocatoria :ay >ue acercarse a la municipalidad eso enera laras colas o en caso contrario transmitir por radio= los e+entos >ue reali@a la municipalidad :ay >ue imprimir en iantrora'as o +olantes= para trasmitir el turismo en el distrito :ay >ue buscar en libros o olletos= etc. lo cual todo esto sería muy costoso. ue sería actible la incorporación de esta +ía de comunicación= es decir= la p?ina 6eb con el 'n de mantener a todo el distrito interada= inormada e identi'cada. TambiCn se :a areado al sitio Eeb una lia >ue mandar? :acia la p?ina de Bey de Transparencia donde contendr? inormación acerca de relamentos= normas y con+enios de la unicipalidad.
!onte"to distrital Información General
Ninacaca distrito :istórico se encuentra ubicado a 27# Filómetros desde la capital de la )epublica Bima y 37 Fm :acia el sureste de la ciudad de !erro de Pasco por la carretera central= a #*#( metros sobre el ni+el del mar con 7((( :abitantes =93( +i+iendas censadas = con un e"tensión de 49G.92 FmH Jilómetros cuadradosK= undado con el sistema de reducciones por orden del +irrey don Dieo Bópe@ de Lñia conocido el !onde de Nye+a IM Mirrey A ba,o al permiso y protección de 8an Pedro el 29 de ,unio= la situación eor?'ca se encuentra encla+ada en la 8ierra central del Per en la parte oriental de la ran meseta de bombón= su clima es ríida y seco = dedicadas a la acti+idad aropecuaria en alunos luares cuyos subsuelos son ricos en minerales= tiene un proceso :istórico muy importante = en Cpocas inmemoriales ue poblado por :ombres primiti+os >ue se dedicaban a la ca@a= con el correr de los tiempos dio orien a la cultura Pumpus: de !:aupis >ue pueblo en toda la ri+era del lao c:inc:aycoc:a con su capital ubicado en /pamayo. n relación de !ristóbal de olina documentos e"istente en el ar@obispado de Bima >ue el Pueblo de Ninacaca de *G43 pertenece al encomendero &uan Tello de 8otomayor = considerado en ese entonces como el pueblo de indios = por el año *7*9 Ninacaca aparee como una doctrina con el inicio de construcción de una ilesia en el año *4G2 durante el obierno del MI +irrey don artin nri>ue de
•
Ninacaca desde muc:os años atr?s estu+o ormado por cuatro barrios
•
e"istiendo una capilla en cada barrio con sus propios patrones. n 1arrio colcaQ la capilla estu+o ubicado en las es>uinas del &r. Proreso y la Bibertad calle actualK con su padrón 8an )o>ue casa amilia uinas del &r.
•
Proreso y Tarma con su padrón e"altación= 8anta !ru@ !asa amilia •
!órdo+aK. l 1arrio RanayacuQ estu+o ubicado en la calle mariscal castilla y
•
Tarma con su padrón 8an Pedro casa ;amilia SuispeK n el 1arrio )ecuayQ ubicado en la calle mariscal !astilla y la libertad con su padrón 8anto nel casa amilia ucuríK.
)ecordemos >ue tambiCn Ninacaca tu+o un arco de inreso a la población= con las mismas características y material de la Ilesia= llamado arco de 8an Pedro y 8an Pablo situado en el &r. /nión y calle 8an Pedro y 8an Pablo. Durante la permanencia de los españoles en esta @ona escoieron como cementerio el patio de la ilesia solamente para los españoles llamado clase alta.
Ba isión de la unicipalidad Distrital de Ninacaca es promo+er el desarrollo interal local= represental al +ecindario= promue+e la adecuada prestación de ser+icios y el desarrollo interal de su territorio me,orando la calidad de +ida de su población. Visión
Ba +isión de la unicipalidad Distrital de Ninacaca est? enmarcada a la e'ciencia= transparencia= responsable= concertadora= con inraestructura adecuada= e>uilibrio 'nanciero y tecnoloía de punta= brinda atención con calidad y calide@= es promotor del desarrollo interal con modelo de estión descentrali@ado= democr?tico y participati+o. Toponimia de Ninacaca
Ba denominación de Ninacaca aparece con claridad liada a la doctrina católica. 5asta la actualidad no :a sido posible e"plicar con ob,eti+idad el
+erdadero sini'cado toponímico de Ninacaca= Ninaaa o Nina,a,a. De ?cil interpretación es la etimoloía del nombre >ue se conoce. n la parte alta de la población :ay una roca de color ro,i@o amarrillo= seme,ado al color de la llamarada se obser+a todas las mañanas brillan con la salida del sol y de donde di+isa a la población en el cerro 8an Pedro= o por la leyenda de Toribio ue los primeros moradores o :abitantes no encontraron el me,or moti+o resaltante >ue la presencia rocal para dar con el nombre al luar de importancia= por su situación de atracti+idad= Ninacaca= >ue es transormación del distrito Ninaaa :oy en desuso = por e"istir todos los datos = arc:i+os = libros de actas = títulos de la comunidad campesina >ue data
los
años
*7*9=*G37=*G#2=
e
e"pedientes
:asta
las
uías
internacionales con el nombre de Ninacaca= precisamente la ley de su creación política lo reistra con Ninacaca.
Ubicación
l Distrito de Ninacaca es uno de los trece >ue conorman la pro+incia peruana de Pasco situada en la parte suroccidental del departamento :omónimo. Este distrito cuenta con un territorio de 508,92 kilómetros cuadrados de superficie. El distrito se encuentra ubicado a una altitud de 4 140 m.s.n.m. departamento de Pasco.
Ubicación Física
Tendencias
Tendencias Positivas •
•
•
•
•
Ba recuperación y la me,ora ambiental del distrito Ba me,ora del ser+icio de limpie@a pblica l aumento de la conciencia y la participación ciudadana. Ba potenciación con ma>uinarias y +e:ículos a la municipalidad. Ba ampliación de la
Tendencias Negativas •
•
•
•
8ensación de inseuridad y de acti+idades >ue alteran la tran>uilidad pblica. -estión ambiental sesada al reco,o de residuos sólidos. Ba demanda de ortalecimiento institucional de las orani@aciones +ecinales. Ba delincuencia= el pandilla,e y la
•
•
•
•
•
•
•
•
inraestructura +ial Ba moderni@ación de la estión municipal. Ba proramación de acti+idades en base a planes y proramas. Ba orani@ación de la población en torno a los problemas de la ciudad para buscar solución y estión. l interCs por atender la salud pblica. Ba construcción de comple,os deporti+os recreati+os. -obierno local ortalecido con lidera@o y +oluntad política. Población orani@ada din?mica y participati+a Población ,o+en y proacti+a dispuesta al cambio.
•
•
•
•
•
•
•
•
•
•
droadicción. Ba alta de mane,o y tratamiento de los residuos sólidos. l deterioro de la unidad amiliar y los maltratos ísicos. Ba alta de ?reas +erdes y pistas con señali@ación. Ba alta de espacios pblicos recreati+os. Ba alta de ser+icios de aua y desaUe. Ba alta de conciencia tributaria scasa calidad educati+a y aumento del analabetismo.
$ranirama *. 0)-
• • • • • • •
•
#. 0)-
$'cina de
•
•
•
•
•
•
!i+il 8ub -erencia de Turismo y -estión
Proramas 8ociales 8ub -erencia de ducación= !ultura= Deportes y Participación Mecinal
&usti'cación Debido a la aceleración de la tecnoloía >ue nos +emos enrentando= se +io la necesidad de crear una p?ina 6eb a la comodidad y bene'cio de las personas del distrito de Ninacaca para estar inormados lo >ue +iene desarrollando la municipalidad del distrito. sta p?ina pretende despertar el interCs de las personas del distrito= >ue desarrollen :abilidades coniti+as y motrices al mane,o de las Tics= >ue aporte= >ue opine= >ue +alore lo >ue +iene desarrollando la municipalidad= así inormarse de las dierentes acti+idades >ue +a desarrollando sin necesidad de ir a la municipalidad con un medio eecti+o de comunicación. 8e :ace necesario desarrollar una p?ina 6eb >ue nos permita apro+ec:ar nue+as tecnoloías y me,ores :erramientas= >ue las personas se inormen de un manera pr?ctica e interacti+a. Ba importancia >ue posee este proyecto no es simplemente elaborar una propuesta de diseño para una p?ina Eeb con el ob,eti+o de inormar= sino m?s bien= poder e"traer de esta :erramienta m?s bene'cios y aportar estrateias >ue enri>ue@can el proyecto= como tambiCn colaborar con el
crecimiento y me,oramiento de la municipalidad y pobladores. Proyecto por el cual otras municipalidades podr?n poner en pr?ctica estas estrateias para orecerles un me,or ser+icio a la población. Bos moti+os y las ra@ones >ue conlle+an a la reali@ación de este proyecto es principalmente por>ue no cuentan con uno de los ser+icios de inormación diital= >ue es una p?ina Eeb. $tro de los aspectos >ue se resol+erían con esta in+estiación= es minimi@ar los problemas >ue se eneran dentro de la población por alta de comunicación de municipioWpoblador= y así lorar rapide@= e'ciencia= practicidad= a:orro de tiempo y astos operati+os. $btener m?s >ue un ser+icio inormación= un bene'cio lucrati+o para la población.
)esponsable del proyecto N$1) DB )8P$N8<1B * N$1) DB )8P$N8<1B 2 N$1) DB )8P$N8<1B 3
Descripción del proyecto Bas nue+as tecnoloías de la inormación y comunicación son medios +aliosos >ue le brindan al usuario una ama de soluciones para acceder a la inormación= Ba 6eb es una :erramienta >ue minimi@a la barrera del espacio y el tiempo.
Diseño de propuesta
n atención a la estructura del sitio 6eb se diseñar? un con,unto de documentos aplicados >ue acilitan la ubicación de la inormación relacionada con los contenidos del mismo= los cuales presentan las siuientes etapasQ •
Plan de producción: n esta ase se de'nió todas las acti+idades de
tipo tCcnico administrati+o >ue condu,eron a la creación del sitio Eeb= el cual
diseño
de
animaciones=
desarrollo
de
te"tos=
musicali@aciónK. !omo se puede obser+ar en el desarrollo de los materiales= cada pantalla posee sus presentaciones producto de una plani'cación pre+ia 8toryboardK de los contenidos por desarrollar en ella.
•
Realización: n esta etapa se procedió a orientar la creación de los
procesos= los de la elaboración del medio y >ue sir+e para producir la +ersión inicial o modelo prototipoK.
•
Evaluación de la realización: n esta etapa se puso a prueba el
modelo o prototipo de p?ina con la intención de re+isar allas o •
problemas los cuales ueron tomados en cuenta para su modi'cación. Implantación: l producto 'nal una +e@ correido se :ospeda en el ser+idor y se procede a su implantación.
Diseño Tecnolóico •
Ba Eeb es un sistema :ipermedia accesible a tra+Cs de Internet= >ue permite na+ear con acilidad por ran cantidad de inormación= la cual se con+ierte en un recurso de ran utilidad educati+a. Bas características >ue :acen de la 6eb una tecnoloía de amplio potencial educati+o sonQ la capacidad de :iperte"to= capacidad multimedia= capacidad de sistema distribuido y abierto en Internet y capacidad interacti+a. n este diseño se toma en consideración el uso
•
de correo electrónico y +ínculos con p?inas relacionadas con el
animaciones= >ue permiten la comunicación para la comunidad educati+a.
Diseño !omunicati+o •
Intera@Q amiable y Xe"ible= aradable de usarA tambiCn cuida los mensa,es= sonidos y la distribución en pantalla= el ,ueo de colores es altamente interacti+a= tiene mecanismos de comunicación entre el
•
usuario y la aplicación. Ba parte superior con slider= >ue tiene los ltimos acontecimientos orani@ados por la municipalidad e iconos de las redes sociales de la
•
municipalidad. l resto de la pantalla >uedar? en dos partes la parte i@>uierda estar?
•
dedicada a la imaen de los e+entos a reali@arse. Ba parte derec:a se dedicar? a +isuali@ar los ltimos acontecimientos
•
reali@ados y noticias sobre la municipalidad. n la parte posterior de la p?ina podemos +isuali@ar reporta,es y
•
ubicación eor?'ca del distrito de Ninacaca. n portada aparecer? unas im?enes de los e+entos. Para cada pantalla de la intera@ se de'ne las @onas de
•
comunicación= así como la distribución de las mismas. 8e tomó en cuenta restricciones tecnolóicas= teoría del color=
•
características de la población y aspectos psicolóicos de la •
percepción. nlaces con otros elementos de la intera@= botones >ue permitan Y+ia,arY a otras pantallas.
•
BNT$8 D B< P-IN< E1 Te"toQ se muestra en pantalla con aluna de las uentes >ue el
usuario tiene instaladas. Im?enes. 8on 'c:eros enla@ados desde el 'c:ero de la p?ina propiamente dic:o. 8e puede :ablar de tres ormatos casi
e"clusi+amenteQ -I;= &P- y PNue es interpretado de orma dierente dependiendo del na+eador y eneralmente no es mostrado al usuario 'nal. stos elementos incluyen= pero no e"clusi+amenteQ 8cripts= eneralmente &a+a8cript. eta tas. 5o,as de stilo !88 W !ascadin 8tyle 8:eetsK.
l sitio 6eb est? diseñado acorde con la imaen institucional de la municipalidad. Ba estructura de na+eación eneral se muestra en la 'ura siuienteQ
La página de inicio de esta 6eb es la >ue se presenta en la captura
de imaen= en cuya parte obser+amos en im?enes los ltimos acontecimientos reali@ados por la municipalidad.
En el contenido de la página de inicio de esta 6eb es la >ue se
presenta en la captura de imaen= en cuya parte i@>uierda est?n las noticias= y la parte derec:a est? la imaen de los ltimos e+entos a reali@arse.
En la parte posterior de la página de inicio de esta 6eb es la >ue
se presenta en la captura de imaen= en cuya se obser+a el documental= ubicación del distrito y reerencias a p?inas 6eb del estado.
En la parte Sala de Prensa = de esta 6eb es la >ue se presenta en
la captura de imaen= en cuya se obser+a . las ultimas notas= comunicación de prensa= aleria de im?enes donde obtendremos la
inormacion completa asobre las noticias= utimos acontecimientos reali@ados por la municipalidad= etc.
En la parte Municipalidad de esta 6eb es la >ue se presenta en la
captura de imaen= en cuya se obser+a la :istoria= misión= +isión. Toda inormación sobre los )eidores= Directorio unicipal.
En la parte de Organización de esta 6eb es la >ue se presenta en
la captura de imaen= en cuya se obser+a las unciones de acuerdo a ley de -erencia municipalA 8ub erencia de desarrollo ruralA $'cina de mantenimiento de la inraestructura Pblica= >uipos= 8er+icios locales y edio
En la parte Turismo de la página de esta 6eb es la >ue se
presenta en la captura de imaen= en cuya se obser+a las recomendaciones para +isitar los luares turísticos del distrito de Ninacaca= plan turístico y alerías de otos.
En la parte correo de la de esta 6eb es la >ue se presenta en la
captura de imaen= en cuya se obser+a los correos institucionales de la municipalidad redes sociales.
En la parte transparencia de la página de inicio de esta 6eb es
la >ue se presenta en la captura= en cuya imaen se obser+a el libro de reclamaciones donde los pobladores podr?n inresar= opiniones= reclamos o críticas de la municipalidad.
En la parte transparencia de la página de inicio de esta 6eb es
la >ue se presenta en la captura de imaen= en cuya se obser+a
tambiCn
$rdenan@as=
decretos
y
resoluciones.
En la parte ontáctenos de esta 6eb es la >ue se presenta en la
captura de imaen= en cuya se obser+a los nmeros teleónicos de municipalidad= seuridad ciudadana= deensa ci+il= correo electrónico= :orario de atención= etc.
$b,eti+os $b,eti+o -eneral Diseñar= construir y aplicar una propuesta de 8ITI$ E1 >ue intere y permita proporcionar inormación de la unicipalidad distrital de Ninacaca= acilitando el acceso a los dierentes recursos y ser+icios >ue orece e incorporando nue+as tecnoloías.
$b,eti+o specí'cos
•
Plantear el diseño de una p?ina 6eb diriida a la población del
•
distrito de Ninacaca= >ue actuC como :erramienta de comunicación. Diseñar un sitio 6eb >ue contribuya a la población del distrito de
•
Ninacaca a estar m?s inormados en tiempo real. Malidar el sitio 6eb para opiniones o criticas de poblador :acia
•
municipalidad. Inducir a la población del distrito de Ninacaca a uso de las nue+as tecnoloías de inormación.
/bicación l unicipalidad distrital de Ninacaca se encuentra ubicado en &r. ariscal !astilla sZn Pla@a Principal Ninacaca= distrito de Ninacaca= pro+incia de Pasco= departamento de Pasco.
0rano o institución responsable del proyecto
1ene'cios directos e indirectos Ba p?ina 6eb reali@ada es un bien intanible >ue esta para el ser+icio de los pobladores de Ninacaca.
1ene'cios Directos Personas del distrito!
n la p?ina 6eb reali@ada el bene'cio directo +a ser a la población= debido a >ue la inormación= noticias deseas lo podr?n +er desde su comodidad y luar >ue el usuario +ea con+eniente. Municipalidad
n el sitio 6eb ser? bene'cio directamente a la municipalidad= debido >ue a tra+Cs de ello los traba,adores de la municipalidad recibir?n críticas en la cual se enocar?n a me,orar para el desarrollo del distrito de Ninacaca.
1ene'cios Indirectos Personas "oráneas
l presente sitio 6eb ser? bene'cio indirectamente de personas or?neas= debido >ue las personas >ue >uieran postular a aln tipo de traba,o= personas >ue >uieran :acer turismo por el distrito obtendr?n una inormación completa a tra+Cs del sitio 6eb. Personas #ue nacieron en el distrito $ radican en otro lugar
l presente sitio 6eb ser? bene'cio indirectamente de las personas >ue nacieron en el distrito y radican en otro luar= debido a >ue pueden :acer sus consultas como partidas de nacimiento= $btendr?n una inormación completa para los tr?mites >ue deben :acer para obtener dic:o documento.
etas resultados y eecti+os esperados del proyecto etas y )esultados Nuestras metas por>ue Cl se desarrolló el sitio 6eb son las siuientesQ
Blear al poblador con la inormación necesaria a su comodidad
como= dispositi+os mó+iles o un ordenador personal. Tener inormados a los 4#3( pobladores del distrito de Ninacaca con
lo >ue +iene reali@ando e inormando la municipalidad. Bear al poblador con la inormación completa y con un diseño
eleante. Decepcionar las críticas y opiniones de los pobladores por medio del sitio 6eb para un me,or desarrollo del distrito.
ectos esperados del proyecto Nuestros eectos esperados del proyecto son los siuientesQ
oderni@ación de la inormación implementando un sitio 6eb en la
municipalidad distrital de Ninacaca. Inducir a la poblacion del distrito de Ninacaca a usar nue+as
tecnoloías de inormación. Incenti+ar a la poblacion con una inormación en tiempo real y completas sobre los los acontecimientos del distrito.
Inducir a la poblacion a las críticas y opiniones sobre el distrito.
Diseño del proyecto Internet Internet es una red lobal de e>uipos inorm?ticos >ue se comunican mediante un lenua,e comn. ue uncione como una ran red.
Una visión global de na in!rane!
/na Intranet es una red pri+ada empresarial o educati+a= >ue utili@a los protocolos T!PZIP de Internet para su transporte b?sico. Bos protocolos pueden e,ecutar una +ariedad de 5ard6are de red= y tambiCn= pueden coe"istir con otros protocolos de red= como IP. <>uellos usuarios >ue utili@an una Intranet pueden acceder a los amplios recursos de Internet=
pero a>uellos en Internet no pueden entrar en la Intranet= >ue tiene acceso restrinido. Página Web
s un documento electrónico la cual contiene inormación especí'ca de un tema en particular la >ue es almacenada en aln sistema de cómputo el cual deber? estar conectado a la red mundial de inormación al >ue se le conoce como Internet= de manera >ue este documento pueda ser consultado por cual>uier persona >ue tena acceso a esta red. Ba característica principal en una p?ina 6eb es >ue el te"to se combina con im?enes para >ue este pueda ser din?mico= esto es >ue mediante las im?enes o te"to contenido en esta p?ina nos condu@ca a otra sección dentro de la p?ina= así como abrir otra p?ina 6eb= iniciar un mensa,e de correo electrónico o >ue se diri,a a un sitio 6eb distinto a tra+Cs de sus :iper+ínculos "i!io #eb
s un con,unto de p?inas 6eb de un tema en particular= el cual incluye una p?ina inicial la cual es de bien+enida y las consecuentes son del tema en particular= el cual es accesible mediante el protocolo 5TTP de Internet= donde a este se accede mediante el /)B. n este caso no es necesario >ue el sitio 6eb se localice en el sistema de cómputo de un punto en especí'co= estos pueden ubicarse en otra localidad inclusi+e en otro país para lo cual el nico re>uisito es >ue el e>uipo donde se encuentre alo,ada la inormación estC conectado a Internet. Bos sitios 6eb pueden ser de di+ersos Cneros= destacando los sitios de neocios= ser+icio= comercio electrónico en línea= imaen corporati+a= entretenimiento y sitios inormati+os. !abe mencionar >ue alunos sitios 6eb re>uieren a una suscripción para acceder a sus contenidos= alunos e,emplos de este tipo de sitios se pueden mencionar los sitios de pornoraía= sitios de ,ueos= oros= etc. Por!al
l tCrmino portal tiene como sini'cado Opuerta rande el cual :ace reerencia a su unción el cual es el punto de partida de un usuario >ue desea entrar y reali@ar bs>uedas en la 6eb de donde se obtiene inormación importante. /n portal debe tener necesariamente un tema y este debe estar reerido a aln tema de interCs de un rupo importante= ya
>ue un portal presenta la inormación de una orma ?cil e interada. /na característica principal de un portal es >ue se encara de centrali@ar enlaces de una orma ?cil y orani@ada >ue acilite la na+eación dentro de un tema especí'co en la red. 5ay tres tipos de portalesQ Portales %orizontales:
!onocidos tambiCn como portales masi+os o de propósito eneral los cuales se dirien a una audiencia amplia= tratando de llear a toda la ente con dierentes temas= como por e,emploQ Terra= Ra:oo= 8N= entre otros. Portales &erticales:
8e dirien a usuarios para orecer contenido dentro de un tema especí'co como pueden ser portales de msica= empleo= inmobiliario= arte= educación o deportes. Portales diagonales:
ste tipo de portal es una me@cla entre el portal :ori@ontal y el +ertical= en este caso serían portales >ue utili@an redes sociales como ;acebooF= ;licFr entre otros. Bos portales re>uieren de muc:os recursos computacionales y por su alto tr?'co eneralmente se :ospedan en ser+idores de internet dedicados para este tipo de alo,amiento. HTTP
5yper Te"t Transer ProtocolK es un protocolo de transerencia de :iperte"to utili@ado en cada transacción de la 6eb 666K. ;ue desarrollado por el consorcio E3! Eorld Eide Eeb !onsortiumK y la IT; Internet nineerin TasF ;orceK colaboración >ue 'nali@o en *999 con la publicación de una serie de );! siendo el m?s importante el );! 27*7 el cual especi'ca la +ersión *.*.5TTP de'ne la sinta"is y la sem?ntica >ue utili@an los elementos del sot6are de la ar>uitectura 6eb para comunicarse como lo son clientes= ser+idores. s un protocolo orientado a transacciones y siue el es>uema de petición respuesta entre cliente ser+idor. l ser+idor en+ía al clienteQ
/n códio de estado donde se indica si la petición ue correcta o no.
Ba inormación propiamente dic:a= cabe mencionar >ue 5TTP permite en+iar documentos de todo tipo y ormato= ideal para transmitir r?'cos= audio y +ideo.
HTTP"
5yper Te"t Transer Protocol 8ecureK ue creado en *99# por Netscape !ommunications= se utili@a para lorar cone"iones m?s seuras en la 666 eneralmente para transacciones de paos o cada +e@ >ue se intercambie inormación sensible como lo son cla+es en internet y en caso de >ue sea interceptada por aluien a,eno a esto la inormación estar? cirada.
U
%$/niorm )esource BocatorK es una dirección >ue permite acceder a un arc:i+o o recurso como los son las painas :tml= p:p= asp= arc:i+os i= ,p= etc. Bas /)B ueron usadas por primera +e@ por Tim 1erners Bee en *99* con el 'n de poder crear enlaces entre distintas p?inas en la 6orld 6ide 6eb. Ba orma eneral de una /)B esQ
WWW
Eorld Eide EebK o lo >ue conocemos simplemente como 6eb= es el est?ndar >ue permite +isuali@ar te"tos= im?enes= r?'cos y sonidos en Internet. Dos elementos undamentales >ue componen las p?inas de este medio de comunicación son los :iperte"tos >ue en este caso se re'ere a 5TTP protocolo de transporte de los :iperte"tosK y los :iperenlaces >ue son los 5TBen este caso es el lenua,e con el >ue se crean la mayoría de los te"tos en la 6ebK= otro elemento undamental son los :iperenlaces >ue son a>uellos >ue se pueden reali@ar enlaces entre las distintas p?inas 6eb de orma >ue el usuario pueda na+ear= pero para esto el usuario debe tener instalado en su computadora un prorama al cual se le llama bro6ser dentro de los m?s utili@ados encontramosQ Internet "plorer= o@illa ;ireo".
/sos de 5erramientas 6eb
Ba primera impresión es la >ue cuenta por lo cual se debe causar una buena impresión con la p?ina de inicio y así lorar >ue los lectores e"ploren el resto de las p?inas 6eb. /na de las me,ores pautas a seuir para la planeación y diseño del portal es cumplir con las tres !\s
!ontenido !laridad !olor
n cuanto al contenido especialmente el de la p?ina de inicio debe ir directo al punto= el loo de la municipalidad es colocada parte superior de la p?ina ya >ue con esto se pone a la +ista del pblico y añade un aire de proesionalidad a la presentación. $tro punto >ue se debe tomar en cuenta es no colocar muc:o te"to en las p?inas con las >ue >uiere atraer la atención= en el caso de >ue se >uiere colocar muc:a inormación una buena manera de :acerlo es ba,o un +ínculo donde la ente pueda eleir si est? interesada en leer o no.
H!ml
5TB= silas de 5yperTe"t arFup Banuae lenua,e de marcas de :iperte"to^K= :ace reerencia al lenua,e de marcado para la elaboración de p?inas 6eb. s un est?ndar >ue sir+e de reerencia del so6are >ue conecta con la elaboración de p?inas 6eb en sus dierentes +ersiones= de'ne una estructura b?sica y un códio denominado códio 5TBK para la de'nición de contenido de una p?ina 6eb= como te"to= im?enes= +ideos= ,ueos entre otros. s un est?ndar a caro de la E3!= orani@ación dedicada a la estandari@ación de casi todas las tecnoloías liadas a la 6eb= sobre todo en lo reerente a su escritura e interpretación. 8e considera el lenua,e 6eb m?s importante siendo su in+ención crucial en la aparición= desarrollo y e"pansión de la Eorld Eide Eeb.
l lenua,e 5TB basa su 'losoía de desarrollo en la dierenciación. Para añadir un elemento e"terno a la p?ina imaen= +ídeo= script= entre otros.K= este no se incrusta directamente en el códio de la p?ina= sino >ue se :ace una reerencia a la ubicación de dic:o elemento mediante te"to. De este modo= la p?ina 6eb contiene sólo te"to mientras >ue recae en el na+eador 6eb interpretador del códioK la tarea de unir todos los elementos y +isuali@ar la p?ina 'nal. ue permita >ue cual>uier p?ina 6eb escrita en una determinada +ersión= pueda ser interpretada de la misma orma est?ndarK por cual>uier na+eador 6eb actuali@ado.
&""
!ascadin 8tyle 8:eets !88 K es un lenua,e de :o,as de estilo utili@ado para describir la presentación de un documento escrito en un lenua,e de marcas . [ * ] < pesar de >ue m?s a menudo se utili@a para establecer el estilo +isual de las p?inas 6eb y las interaces de usuario escrito en 5TB y 5TB = el el lenua,e puede ser aplicado a cual>uier B documento= incluyendo B sin ormato = 8M- y /B = y es aplicable a la representación en el :abla = o en otros medios de comunicación. &unto con 5TB y &a+a8cript = !88 es una tecnoloía undamental utili@ado por la mayoría de los sitios 6eb para crear p?inas 6eb +isualmente atracti+os= interaces de usuario para aplicaciones 6eb e interaces de usuario para muc:as aplicaciones mó+iles.
!88 est? diseñado principalmente para permitir la separación del contenido de los documentos de presentación de documentos= incluyendo aspectos tales como las de diseño= colores y tipos de letra. sta separación puede me,orar el contenido de la accesibilidad = proporcionar m?s Xe"ibilidad y control en la especi'cación de las características de presentación= permiten mltiples p?inas 5TB para compartir el ormato especi'cando el !88 correspondiente en un arc:i+o .css independiente= y reducen la comple,idad y
la
repetición
en
el
contenido
estructural=
tales
como
mesas
sem?nticamente insini'cantes >ue ueron ampliamente utili@ados en las
p?inas de ormato antes estaba disponible en todos los principales na+eadores de renderi@ado !88 consistente . 'ava scrip!
&a+a8cript abre+iado comnmente &8K es un lenua,e de proramación interpretado= dialecto del est?ndar !<8cript. 8e de'ne como orientado a ob,etos= basado en prototipos= imperati+o= dCbilmente tipado y din?mico. 8e utili@a principalmente en su orma del lado del cliente = implementado como parte de un na+eador 6eb permitiendo me,oras en la intera@ de usuario y p?inas 6eb din?micas# aun>ue e"iste una orma de &a+a8cript del lado del ser+idor 8er+erWside &a+a8cript o 88&8K. 8u uso en aplicaciones e"ternas a la 6eb= por e,emplo= en documentos PD;= aplicaciones de escritorio mayoritariamente 6idetsK es tambiCn sini'cati+o. &a+a8cript se diseñó con una sinta"is similar al != aun>ue adopta nombres y con+enciones del lenua,e de proramación &a+a. 8in embaro= &a+a y &a+a8cript tienen sem?nticas y propósitos dierentes. Todos los na+eadores modernos interpretan el códio &a+a8cript interado en las p?inas 6eb. Para interactuar con una p?ina 6eb se pro+ee al lenua,e &a+a8cript de una implementación del Document $b,ect odel D$K. Tradicionalmente se +enía utili@ando en p?inas 6eb 5TB para reali@ar operaciones y nicamente en el marco de la aplicación cliente= sin acceso a unciones del ser+idor. ue las sentencias +an descar?ndose ,unto con el códio 5TB.
PHP
P5P es un lenua,e de proramación de uso eneral de códio del lado del ser+idor oriinalmente diseñado para el desarrollo 6eb de contenido din?mico. ;ue uno de los primeros lenua,es de proramación del lado del ser+idor >ue se podían incorporar directamente en el documento 5TB en
luar de llamar a un arc:i+o e"terno >ue procese los datos. l códio es interpretado por un ser+idor 6eb con un módulo de procesador de P5P >ue enera la p?ina Eeb resultante. P5P :a e+olucionado por lo >ue a:ora incluye tambiCn una intera@ de línea de comandos >ue puede ser usada en aplicaciones r?'cas independientes. Puede ser usado en la mayoría de los ser+idores 6eb al iual >ue en casi todos los sistemas operati+os y plataormas sin ninn costo. P5P se considera uno de los lenua,es m?s Xe"ibles= potentes y de alto rendimiento conocidos :asta el día de :oy= lo >ue :a atraído el interCs de mltiples sitios con ran demanda de tr?'co= como ;acebooF= para optar por el mismo como tecnoloía de ser+idor.
8itios 6eb l Eeb es un medio para locali@arZen+iarZrecibir inormación de di+ersos tipos= aun con las bases de datos. n el ?mbito competiti+o= es esencial +er las +enta,as >ue esta +ía electrónica proporciona para presentar la inormación= reduciendo costos y el almacenamiento de la inormación= y aumentando la rapide@ de diusión de la misma. Internet pro+ee de un ormato de presentación din?mico para orecer campañas y me,orar neocios= adem?s de >ue permite acceder a cada sitio alrededor del mundo= con lo cual se incrementa el nmero de personas a las cuales llea la inormación. ue esta red :a alcan@ado= con lo cual se puede decir >ue en un uturo no muy le,ano= ser? el principal medio de comunicación utili@ado para distintos 'nes. !on estos propósitos= los usuarios de Internet o Intranet pueden obtener un medio >ue puede adecuarse a sus necesidades de inormación= con un costo= in+ersión de tiempo= y recursos mínimos. ue se encuentra a lo laro de la red.
/so de Dominio /n Dominio es un nombre alanumCrico nico >ue se utili@a para identi'car en Internet a un sitio= un ser+idor 6eb o un ser+idor de correo. Bos dominios permiten a los usuarios de la red escribir un nombre para identi'car una dirección electrónica totalmente ormada por nmeros. ediante la utili@ación de los dominios= los usuarios conectados a Internet pueden encontrar sitios 6eb y en+iar eWmail sin necesidad de recordar las direcciones numCricas= >ue en realidad son las >ue locali@an las computadoras o ser+icios en Internet. Bos dominios de la internet +an en cateoríasQ • • • • •
!'iz !com !edu !go' !in"o
8itios de $rani@aciones de Neocios 8itios !omerciales 8itios ducati+os 8itios de $ranismos -ubernamentales 8itios de
TBD • • • • •
!int 8itios de $rani@aciones Internacionales !mil 8itios de Dependencias ilitares $'ciales de los stados !name 8itios Personales !net 8itios de 8istemas y )edes !org 8itios de $rani@aciones
Bos Dominios de Ni+el 8uperior de !ódio de País !!TDBK. llos sonQ • • • • • • • • •
!pe !co !'r !cl !u$ !'o !ec .ar !ve
Per !olombia 1rasil !:ile /ruuay 1oli+ia cuador
n el caso de nuestro proyecto de in+estiación usaremos. ob por>ue es un sitio de -ubernamentales y .pe por>ue estamos en códio de Per. Para este presente proyecto nos al>uilaremos un dominio en -oDaddy
/so de :ostin
l alo,amiento 6eb en inlCsQ 6eb :ostinK es el ser+icio >ue pro+ee a los usuarios de Internet un sistema para poder almacenar inormación= im?enes= +ídeo= o cual>uier contenido accesible +ía 6eb. s una analoía de Y:ospeda,e o alo,amiento en :oteles o :abitacionesY donde uno ocupa un luar especí'co= en este caso la analoía alo,amiento 6eb o alo,amiento de p?inas 6eb= se re'ere al luar >ue ocupa una p?ina 6eb= sitio 6eb= sistema= correo electrónico= arc:i+os etc. en internet o m?s especí'camente en un ser+idor >ue por lo eneral :ospeda +arias aplicaciones o p?inas 6eb. Bas compañías >ue proporcionan espacio de un ser+idor a sus clientes se suelen denominar con el tCrmino en inlCs 6eb :ost. l :ospeda,e 6eb aun>ue no es necesariamente un ser+icio= se :a con+ertido en un lucrati+o neocio para las compañías de internet alrededor del mundo. 8e puede de'nir como Yun luar para tu p?ina 6eb o correos electrónicosY= aun>ue esta de'nición simpli'ca de manera conceptual el :ec:o de >ue el alo,amiento 6eb es en realidad espacio en Internet para pr?cticamente cual>uier tipo de inormación= sea arc:i+os= sistemas= correos electrónicos= +ideos etc. Para nuestro proyecto nos al>uilaremos un :ostin en -oDaddy.com en el cual alo,aremos nuestra p?ina 6eb y el pao ser? anualmente. eleimos este :ostin por>ue tiene un soporte bien aceptado en el mercado latinoamericano.
!ronorama de elaboración de p?ina 6eb en la municipalidad distrital de Ninacaca
Presupuesto !ostos de sot6are 5ard6are
