Documente Academic
Documente Profesional
Documente Cultură
INTEGRANTES:
ARTEGA SEVILLANO WILSON
ARTEAGA OLORTEGUI SAMUEL
DOMINGUEZ RAMIREZ ALEX
ENRRIQUEZ GAMEZ ROOSVELT
RESUMEN
El presente informe propone el anlisis, diseo e implementacin un sitio
web institucional, que ha sido implementado en la institucin educativa 0413 de la
ciudad de tocache.
El sitio web utiliza el CMS Joomla ya que es el ms utilizado y cuenta con
muchas plantillas gratuitas y pagadas, sobre todo cuenta con una amplia
documentacin y actualizaciones automticas
El sitio web de la institucin educativa 0413 busca ser un medio de
conminacin entre la institucin y la comunidad educativa para mejorar las
experiencias de aprendizaje a travs de la publicacin de materiales educativos,
noticias referentes al que hacer educativo tales como actividades deportivas y
culturales, adems .el visitante podr consultar y comentar sobre algn tema de
su inters.
El grupo de investigacin adems busca potenciar y poner en prctica sus
aprendizajes adquiridos en la unidades didcticas de diseo web, diseo grafico,
taller de programacin web y gestin y administracin web durante su formacin
en el instituto de educacin superior tecnolgico Alto Huallaga.
AGRADECIMIENTOS
-
INDICE
CAPITULO I: INTRODUCCION..............................................................................................................................
1.1
ASPECTOS GENERALES..........................................................................5
1.2
FUNDAMENTACIN................................................................................. 5
1.3
1.4
1.5
OBJETIVOS............................................................................................. 7
1.6
2.1
PAGINA WEB.......................................................................................... 9
2.2
DOMINIO.............................................................................................. 10
2.3
PUNTO.PE............................................................................................. 10
2.4
SITIO WEB............................................................................................ 10
2.5
BASES DE DATOS................................................................................. 13
2.6
SISTEMAS DE INFORMACION:...............................................................14
2.7
SOFTWARE LIBRE:................................................................................ 14
2.8
MySQL:................................................................................................ 15
2.9
HTML.................................................................................................... 16
2.10 PHP...................................................................................................... 18
2.11 CSS...................................................................................................... 18
2.12 CMS..................................................................................................... 19
2.13 JOOMLA................................................................................................ 20
2.14 PLANTILLAS JOOMLA............................................................................ 21
2.15 CPANEL................................................................................................ 21
CAPITULO III: AMPLIACION DE LOS DETALLES DEL PROYECTO.........................................................
3.1
ESTUDIO DE FACTIBILIDAD...................................................................23
3.2
RECURSOS........................................................................................... 24
3.3
PRESUPUESTO..................................................................................... 25
3.4
FUENTE DE FINANCIAMIENTO..............................................................26
3.5
CRONOGRAMA DE ACTIVIDADES..........................................................26
4.1
4.2
4.3
INSTALACION DE JOOMLA...................................................................38
4.4.1 Requisitos del sistema.......................................................38
4.4.2 Instalacin paso a paso.....................................................38
4.5
IMPLEMENTACION DE PLANTILLA.........................................................43
5.1
CONCLUSIONES:.................................................................................. 49
5.2
RECOMENDACIONES:...........................................................................50
5.3
BIBLIOGRAFIA:..................................................................................... 51
5.4
WEBGRAFIA:......................................................................................... 51
ANEXOS......................................................................................................................................................................
A.
B.
PANEL DE ADMINISTRACION:...................................................................53
CAPITULO I: INTRODUCCION
I.1
ASPECTOS GENERALES
I.1.1 TITULO DEL PROYECTO
DISEO E IMPLEMENTACION DEL SITIO WEB INSTITUCIONAL
COMO
MEDIO
PROMOCIONAR
DE
Y
COMUNICACIN
FORTALECER
INTERACTIVA
LOS
PROCESO
PARA
DE
FUNDAMENTACIN
Hoy da los sitios WEB se han convertido en una de las opciones de
Tocache, debe de contar con un servicio informativo, que alcance a todo los
lugares que los requiera y en el menor tiempo posible. Las Pginas Web,
hoy en da se han convertido en el medio de informacin ms utilizado, ya
que es posible acceder a ella desde cualquier parte del mundo con solo
cumplir algunos requisitos mnimos, requisitos que la globalizacin exige a
cualquier institucin.
I.4
OBJETIVOS
I.5.1
OBJETIVO GENERAL
Joomla
para
promocionar
fortalecer
la
I.6
JUSTIFICACION ECONOMICA
Actualmente la informacin es un recurso muy importante para
toda Institucin que maneja grandes volmenes de datos,
creemos que todas estas entidades deben automatizar su
informacin, ya que esto implica un ahorro de tiempo
considerable, eliminando trabajo excesivo, minimizando el uso de
materiales de escritorio, mejorando la productividad y reduciendo
los costos relacionados con la recopilacin y distribucin de la
informacin.
Un claro ejemplo seria tal vez citaciones a padres de familia
publicados en el sitio web y Facebook, adems con la posibilidad
I.6.2
imagen institucional.
JUSTIFICACION TECNICA
El desarrollo del proyecto se justifica tcnicamente, por el uso
de la alta tecnologa de comunicacin, pues existen los medios
necesarios para realizar el anlisis, diseo, implementacin y
mantenimiento del sistema.
La institucin cuenta con los requerimientos de hardware: La red
inalmbrica,
computadoras
dems
dispositivos
de
2.2 DOMINIO
Conjunto de caracteres que identifica la direccin de un sitio
Web. Por ejemplo http://www.ie0413.edu.pe
Los dominios hoy en da se son comercializados por empresas
dedicadas a este fin, adems ofreciendo alojamiento Web y dems
servicios. Los dominios son
Al
ingresar
una
direccin
web,
como
por
ejemplo
recargarse
para
efectuar
cualquier
cambio),
de
personas
posibles,
independientemente
de
sus
manipular
fsicamente
los
datos,
ocupndose
de
su
Documento
Programas.
Datos.
Soporte.
2.7 SOFTWARE LIBRE:
El software libre (en ingls "free software", aunque esta
denominacin a veces se confunde con "gratis" por la ambigedad
del trmino "free" en el idioma ingls, por lo que tambin se usa
"libre software") es la denominacin del software que respeta la
libertad de todos los usuarios que adquirieron el producto y, por
tanto, una vez obtenido el mismo puede ser usado, copiado,
estudiado, modificado, y redistribuido libremente de varias formas.
Segn la Free Software Foundation, el software libre se refiere a la
libertad de los usuarios para ejecutar, copiar, distribuir, y estudiar el
mismo, e incluso modificar el software y distribuirlo modificado.
El software libre suele estar disponible gratuitamente, o al precio de
costo de la distribucin a travs de otros medios; sin embargo no es
obligatorio que sea as, por lo tanto no hay que asociar software libre
a "software gratuito" (denominado usualmente freeware), ya que,
conservando
su
carcter
de
libre,
puede
ser
distribuido
2.9 HTML
HTML, siglas de HyperText Markup Language (lenguaje de
marcas de hipertexto), hace referencia al lenguaje de marcado para
la elaboracin de pginas web. Es un estndar que sirve de
referencia para la elaboracin de pginas web en sus diferentes
versiones, define una estructura bsica y un cdigo (denominado
cdigo HTML) para la definicin de contenido de una pgina web,
como texto, imgenes, videos, entre otros. Es un estndar a cargo
de la W3C, organizacin dedicada a la estandarizacin de casi todas
las tecnologas ligadas a la web, sobre todo en lo referente a su
escritura e interpretacin.
El
lenguaje
HTML basa
su
filosofa
de
desarrollo
en
la
son
aplicados
mediante
parches
de
actualizacin
2.10
PHP
PHP es un lenguaje de programacin de uso general de
cdigo del lado del servidor originalmente diseado para el
desarrollo web de contenido dinmico. Fue uno de los primeros
lenguajes de programacin del lado del servidor que se podan
incorporar directamente en el documento HTML en lugar de llamar a
un archivo externo que procese los datos. El cdigo es interpretado
por un servidor web con un mdulo de procesador de PHP que
genera la pgina Web resultante. PHP ha evolucionado por lo que
ahora incluye tambin una interfaz de lnea de comandos que puede
ser usada en aplicaciones grficas independientes. PHP puede ser
usado en la mayora de los servidores web al igual que en casi todos
los sistemas operativos y plataformas sin ningn costo.
2.11
CSS
Hoja de estilo en cascada o CSS (siglas en ingls de cascading style
sheets) es un lenguaje usado para definir y crear la presentacin de
un documento estructurado escrito en HTML o XML2 (y por
extensin en XHTML). El World Wide Web Consortium (W3C) es el
encargado de formular la especificacin de las hojas de estilo que
servirn de estndar para los agentes de usuario o navegadores.
La idea que se encuentra detrs del desarrollo de CSS es separar la
estructura de un documento de su presentacin.
La informacin de estilo puede ser definida en un documento
separado o en el mismo documento HTML. En este ltimo caso
CMS
Sistema de gestin de contenidos, en ingls: Content Management
System ms conocido por sus siglas CMS, es un programa
informtico que permite crear una estructura de soporte (framework)
para la creacin y administracin de contenidos, principalmente en
pginas
web,
por
parte
de
los
administradores,
editores,
2.13
JOOMLA
Joomla es un Sistema de gestin de contenidos o CMS (por
sus siglas en ingls, Content Management System) que permite
desarrollar sitios web dinmicos e interactivos. Permite crear,
modificar o eliminar contenido de un sitio web de manera sencilla a
travs de un Panel de Administracin. Es un software de cdigo
abierto, desarrollado en PHP y liberado bajo licencia GPL. Este
administrador de contenidos puede utilizarse en una PC local (en
Localhost), en una Intranet o a travs de Internet y requiere para su
funcionamiento una base de datos creada con un gestor de bases de
datos (MySQL es lo ms habitual), as como de un servidor HTTP
Apache.
Su nombre es una pronunciacin fontica para anglfonos de la
palabra swahili jumla, que significa "todos juntos" o "como un todo".
Se escogi como una reflexin del compromiso del grupo de
desarrolladores y la comunidad del proyecto.
2.14
PLANTILLAS JOOMLA
Una plantilla Joomla es un paquete de archivos que controlan la
presentacin del contenido dentro del CMS Joomla. No es un sitio
web ya que necesita de la base de datos de Joomla para tomar la
apariencia de un sitio web completo. Esta diferencia entre la plantilla
Joomla y los sitios tradicionales se encuentra en su mtodo
constructivo el cual se realiza en base a un ***layout*** de hojas de
estilo ***CSS***.
La propiedad de la plantilla como "paquete independiente" sumado a
la forma dinmica en que se relaciona con la base de datos es lo que
permite
intercambiarlas
rpidamente,
se
generando
logren
apariencias
ajustar a los
Recursos Econmicos:
-
Grupo de investigacin.
Recursos Humanos:
-
Grupo de investigacin.
3.3 PRESUPUESTO
CANTID
AD
0.10
0.50
0.50
0.10
1.50
30.00
3.00
50
2
100
20
20
1
10
7.00
0.10
1.50
0.50
60
50
10
15
2.50
10
Diseador Grafico
Programador Web
Consumo de Energa
de PC
Alquiler de Internet
5.00
5.00
120
120
2.50
1.50
20
20
Movilidad
Hojas bond
Consumo de Energa
de PC
Lapicero
3.00
0.10
10
20
2.50
0.50
5
1
Movilidad
Consumo de Energa
de PC
Alquiler de Internet
Dominio Web
Hosting
3.00
20
2.50
1.50
110.0
420.0
10
10
1
1
0.10
5.00
200
4
2.50
3.00
5
10
Hojas bond
Lapicero
Impresiones
Copias
Alquiler de Internet
Usb 8GB
Movilidad
capacitacin al
personal
prueba y
implementacin correccin deDiseo del sitio
del sitio web errores del sitio
web
web
RECURSOS
Recopilacin de
Informacin
COSTO
UNITARIO
FASE
Analista de
Informacin
Hojas bond
Alquiler de Internet
Impresiones
Consumo de Energa
de PC
Hojas bond
alquiler de proyector
Consumo de Energa
de PC
Movilidad
UNIDAD
DE
MEDIDA
TOTAL
Unidad
Unidad
Unidad
Unidad
Horas
Unidad
Unidad
TOTAL
S/. 5.00
S/. 1.00
S/. 50.00
S/. 2.00
S/. 30.00
S/. 30.00
S/. 30.00
S/. 148.00
Horas
Unidad
Horas
Unidad
S/. 420.00
S/. 5.00
S/. 15.00
S/. 7.50
Das
TOTAL
Horas
Horas
S/. 25.00
S/. 472.50
S/. 600.00
S/. 600.00
Das
Das
TOTAL
Unidad
Unidad
S/. 50.00
S/. 30.00
S/. 2,480.00
S/. 30.00
S/. 2.00
Das
Unidad
TOTAL
Unidad
S/. 12.50
S/. 0.50
S/. 45.00
S/. 60.00
Horas
Horas
Unidad
Unidad
TOTAL
Unidad
horas
S/. 25.00
S/. 15.00
S/. 110.00
S/. 420.00
S/. 630.00
S/. 20.00
S/. 20.00
das
Unidad
TOTAL
S/. 12.50
S/. 30.00
S/. 82.50
S/.
2,510.00
administrativos y alumnos.
Toma de fotos panormicas
de la institucin.
Recopilacin de
actividades educativas.
Compra del hosting y dominio
web.
Identificacin de entidades y
relaciones.
Elaboracin del mapa de sitio.
Identificacin
de
pginas
la
informacin
Diseo
ACTIVIDAD
Entrevista a los docentes,
del
primarias,
Diseo del sitio
secundarias
de
TIEMPO
1 Semanas
Hojas bond.
Lapiceros.
3 Computadoras
Balsamiq.
1 Semanas
3 Computadoras.
Edraw
Joomla.
Balsamiq.
Photoshop.
PHP.
Jquery.
Mozila Firefox.
MySql.
2 Semanas
Hojas Bond.
2 Semanas
externas.
Diseo y sectorizacin de las
pginas.
Diseo banners,
ventanas, formularios.
Seleccin y retoque
imgenes.
Seleccin de la tipografa.
Diseo y maquetacin de las
web
prueba
fotos
RECURSOS
Test de preguntas.
Libro de registros.
TUPA.
Hojas bond.
Lapiceros.
3 Computadoras
Edraw
botones,
de
correccin
de
web.
Implementaci
el usuario.
Correccin
diseo y de funcionamiento.
Empaquetado del sistema.
Verificacin e instalacin de
Capacitacin al
de
requerimientos
errores
de
del sistema
en el servidor.
Instalacin del sistema en el
servidor.
Migracin de datos para el
primer arranque.
Elaboracin de manuales y
personal
3 Computadoras
PHP.
ExtJs.
Jquery.
Mozila Firefox.
MySql.
3 Computadoras
MySql.
Mozila Firefox.
Apache.
FireFTP.
Excel.
1 Semana
1 Computadora.
Hojas Bond.
Proyector.
Cmara Fotogrfica.
Laboratorio
de
1 Semana
Computo.
ao),
durante
la
gestin
del
diputado
por
el
N265., brindndose
posteriormente el ao de 1974 la
direccin hasta el ao de
con
4.1.3 VISION
Institucin educativa orientada a la formacin integral de los
educandos, basados en los enfoques cognitivos significativos,
humanistas, vivencia de valores
4.1.4 ORGANIGRAMA
4.1.5 UBICACIN
La institucin educativa 0413 est ubicado en el Jr. Jorge
Chavez Cdra 8 de la ciudad de tocache.
institucin
educativa
(https://punto.pe/).
en
la
pgina
web
de
Punto
Quienes
Quienes
Somos
Somos
Mensaje
Mensaje del
del
Director
Director
Nuestra
Nuestra
Historia
Historia
Personal
Personal
Organizacion
Organizacion
Directivos
Directivos
Areas
Areas
Pedagogicas
Pedagogicas
Nivel
Nivel Primaria
Primaria
Servicios
Servicios
Nivel
Nivel
Secundaria
Secundaria
Aula
Aula de
de
Innovacion
Innovacion
T
Tecnologica
ecnologica
Mision
Mision y
y Vision
Vision
Docentes
Docentes de
de
Primaria
Primaria
Logico
Logico
Matematica
Matematica
Matematica
Matematica
Biblioteca
Biblioteca
Organigrama
Organigrama
Docentes
Docentes de
de
Secundiria
Secundiria
Comunicacion
Comunicacion
Integral
Integral
Comunicacion
Comunicacion
Laboratorio
Laboratorio de
de
Biologia
Biologia y
y
Quimica
Quimica
Himno
Himno
Institucional
Institucional
Personal
Personal
Administrativo
Administrativo
Ciencia
Ciencia y
y
Ambiente
Ambiente
Educacion
Educacion por
por
el
el Trabajo
Trabajo
Personal
Personal Social
Social
Ciencia
Ciencia y
y
Ambiente
Ambiente
Educacion
Educacion por
por
el
el Arte
Arte
Idioma
Idioma
Extranjero
Extranjero
Educacion
Educacion
Fisica
Fisica
Educacion
Educacion por
por
el
el Arte
Arte
Educacion
Educacion
Religiosa
Religiosa
Ciencias
Ciencias
Sociales
Sociales
Identificadores
Identificadores
Oficiales
Oficiales
Eduacion
Eduacion
Religiosa
Religiosa
PP.RH
PP.RH
Eventos
Eventos
Resultado
Resultado de
de
notas
notas finales
finales
Galeria
Galeria
4.3.4 PHPMYADMIN
Software
Recommende
d
Minimum
More information
5.4 +
5.3.10 +
http://www.php.net
5.1 +
5.1 +
http://www.mysql.com
SQL Server
10.50.1600.1+
10.50.1600.1
+
http://www.microsoft.com/sq
l
PostgreSQL
8.3.18 +
8.3.18 +
http://www.postgresql.org/
2.x +
2.x +
http://www.apache.org
Nginx
1.1
1.0
http://wiki.nginx.org/
Microsoft IIS[5]
http://www.iis.net
Supported Databases:
una
ms
extensiones
para
que
funcione
Cabecera Login
RokAjaxSearch
Caractersticas FP RokSprocket - Presentacin
FP Showcase A
Ms Popular
6.
7.
Popular Noticias
Caractersticas
8.
9.
10.
11.
12.
13.
populares
Gantry Extras
Oculus demo
Nuestros Usuarios
FP Pie A
Dentro de Oculus
Principales
14.
caractersticas
Contctenos
CAPITULO V:
CONCLUCIONES Y RECOMENDACIONES
5.1 CONCLUSIONES:
Durante las dos primeras semanas se conectaron ms de 500
personas, de los cuales el 20% eran personas de otro pas, segn los
datos que arrojo nuestro plugin revolver maps, por esa razn la
implementacin del sitio web est logrando establecer una va ms de
comunicacin entre la institucin educativa y la comunidad trecesina.
Actualmente los CMS estn siendo utilizados en todas las instituciones
como plataforma de trabajo para la publicacin de un sitio web ya que
son
compatibles
con
muchos
plugins,
poseen
una
amplia
5.3 BIBLIOGRAFIA:
Didier Masier. MEJORE SU SITIO JOOMLA! LAS MEJORES
EXTENSIONES PARA LAS VERSIONES 2.5 Y 3.0.
Stephen Burge. JOOMLA! GUA COMPLETA.
Fernando Rodrguez Diguez. CREAR UNA WEB DESDE CERO. PASO A
PASO CON JOOMLA!. 2 EDICIN ACTUALIZADA.
Juan Diego Gauchat, El gran libro de HTML5, CSS3 y Javascript.
Luis Miguel Cabezas Granado. DESARROLLO WEB CON PHP Y MYSQL.
5.4 WEBGRAFIA:
http://www.joomla.org/.
http://www.joomlaspanish.org/comunidad.html
http://www.rockettheme.com/docs/joomla/templates/oculus
https://documentation.cpanel.net/pages/viewpage.action?pageId=6455401
http://www.youtube.com/watch?v=y1YDLVgv80&list=PLc_KeM1RHJaiogZSUuDcrZSO6n-Viy15M
ANEXOS
A. VISTA EN PC, TABLE Y SMARTPHONE:
B. PANEL DE ADMINISTRACION: