Post on 02-Apr-2020
160
ANEXO A COTIZACION SERVICIO DE HOSTING En la siguiente cotización se presenta dos opciones para implementar el aplicativo, las
cuales son:
1. Que la entidad de CONCULTURA, adquiera un servidor propio para alojar el sitio
Web.
Esta opción se descarta debido a lo que implica poseer un propio servidor, lo que se
menciona a continuación:
- La adquisición de equipo informático con las características para que sea
servidor.
- El acondicionamiento del lugar para dicho equipo.
- La contratación de la persona encargada de administrar dicho equipo.
- Los mantenimientos que se deben aplicar al equipo.
- El costo del software que se debe comprar para montar el Server.
- Sub utilización del mismo equipo, dado que solo alojara un sitio.
Todas estas razones dan la pauta que es mejor contratar los servicios de hosting, que
la inversión inicial es bien mínima comparada con la compra de un servidor propio.
2. Que se contraten los servicios profesionales de Hosting.
Para ambos casos se debe de pagar por el derecho del dominio, ya sea de .com o
.com.sv, lo cual implica
PAGO DE DOMINIO.
Tabla de precios de registro y renovación de nombres de dominio SV
Años pagados de
una vez
Precio por dominio (US
$) 1 $ 25 2 $ 45 3 $ 65 4 $ 80 5 $ 100
161
Estas tarifas incluyen IVA, y aplican tanto para nuevos nombres de dominios como para aquéllos actualmente de alta, y los que serán renovados.
Para registrar un nuevo nombre de dominio bajo el dominio superior SV, la persona que
será el Contacto Administrativo (es decir, el responsable) del respectivo nombre de
dominio debe realizar los siguientes pasos:
1. Obtener y completar el formulario Forma B-1. Es muy importante completar
correcta y legiblemente la forma (correos electrónicos, teléfonos, etc.) para
asegurar una comunicación posterior fluida. Se requiere una forma por cada
nombre de dominio, y debe contener la firma manuscrita del Contacto
Administrativo. La persona que actua como Contacto Administrativo debe residir
permanentemente en El Salvador.
2. Verificar que el dominio no está registrado previamente, consultando el DNS
nacional. (debe ingresar a http://www.uca.edu.sv/dns/ para verificar que el
dominio que se ha elegido no se encuentre ocupado, Ejemplo:
www.museonacional.com.sv )
3. Decidir la cantidad de años por los que se pagará el registro del nombre de
dominio, copiar la cantidad de dinero según la tabla incluida en la Forma B-1, y
determinar el total a pagar.
4. Realizar un depósito en la Cuenta de Ahorros del BANCO CUSCATLÁN Número
012-401-00-007336-1, a nombre de Asociación SVNet, por el monto total
calculado antes.
5. Acudir con el comprobante del depósito, y la Forma B-1 (Ver en la siguiente
pagina) completada, a CONACYT, Col. Médica, Pje. Dr. Guillermo Rodríguez
Pacas # 51, San Salvador. Si va a requerir Comprobante de Crédito Fiscal,
también debe llevar fotocopia del Registro de IVA que entregará en CONACYT.
6. Solicitar el Comprobante de Crédito Fiscal o Factura de Consumidor Final (según
sea el caso) contra entrega de comprobante del banco, fotocopia del NIT y del
Registro de IVA (caso Comprobante de Crédito Fiscal) y Forma B-1 completada.
162
El registro de los nombres de dominio tramitados de esta forma tendrá la vigencia que
se haya acordado (como mínimo 1 año). Al cabo de dicho lapso de tiempo, se contará
con un período de gracia de 1 mes para renovar el pago, repitiendo el procedimiento
anterior, antes de dar el nombre de dominio de baja en el registro SV.
Luego que se tiene el dominio establecido, como por ejemplo
www.museonacional.com.sv y teniendo a la seleccionada a la empresa para que brinde
los servicios profesionales de hosting, se tiene todo lo necesario para publicar el sitio
Web.
163
SOLICITUD SVNET.
FORMA B-1
SOLICITUD DE REGISTRO DE NOMBRE DE SUBDOMINIO EN INTERNET Si su organización está interesada en registrar un nombre de subdominio bajo el dominio superior de Internet para El Salvador (SV), complete esta solicitud a máquina o en letra de molde y devuélvala al Consejo Nacional de Ciencia y Tecnología (ver dirección abajo), Secretaría de SVNet. Posteriormente, debe realizar el pago tal como se indica abajo, y presentar el comprobante en CONACYT, para que el dominio sea registrado por completo, durante la vigencia que haya seleccionado.
ACLARACIÓN SVNet realiza el mejor esfuerzo para que los nombres de dominio asignados guarden concordancia con las asociaciones legales del Registro de Marcas y Patentes. Por ello, se reserva el derecho de requerir al solicitante documentación legal adicional en ese sentido. No obstante lo anterior, la asignación de nombres de dominio en Internet no se halla vinculada legalmente a tales Registros, por lo que SVNet no asume responsabilidad por la propiedad de nombres de marcas usados en los subdominios asignados.
Fecha (dd/mmm/aa) _____ / _____ /________
164
Nombre de Subdominio solicitado
1 Organización
2 Nombre Contacto Administrativo1
Firma manuscrita del Contacto Administrativo
Dirección postal
Teléfono / Fax
Correo electrónico
3 Nombre Contacto Técnico
Teléfono / Fax
Correo electrónico
4 Nombre Contacto Financiero
Teléfono / Fax
Correo electrónico
5 Actividad principal de la organización solicitante
6 Proveedor de Servicios de Conectividad y/o Alojamiento web
7 Nombre Contacto Proveedor
Teléfono / Fax
Correo electrónico
8 Nombre Servidor de Nombres Primario
Dirección IP Servidor Primario
Nombre Servidor de Nombres Secundario 1
Dirección IP Servidor Secundario 1
Nombre Servidor de Nombres Secundario 2
Dirección IP Servidor Secundario 2
1 De acuerdo a las políticas vigentes de SVNet, la persona que es el Contacto Administrativo debe residir permanentemente en El Salvador.
165
Precios vigentes (Incluyen IVA)
Años pagados de una
vez Precio por dominio
1 $ 25 2 $ 45 3 $ 65 4 $ 80 5 $ 100
FAVOR REALIZAR ABONO EN CUENTA DE AHORRO EN
BANCO CUSCATLÁN NÚMERO 012-401-00-007336-1,
A NOMBRE DE ASOCIACION SVNet
Para resolver dudas o solicitar información adicional, por favor diríjase a SVNet
Vía correo electrónico: ulisest@conacyt.gob.sv Vía telefónica: 2226-2800
Vía fax: 2225-6255 Vía correo postal: Col. Médica, Pje. Dr. Guillermo Rodríguez Pacas # 51, San
Salvador
166
COSTOS SI SE CONTRATAN LOS SERVICIOS DE HOSTING.
A continuación se presentan 3 alternativas para Los costos profesionales de servicios
de Hosting:
1. www.ddw.com.sv
Web Hosting Linux Personal Empresarial Corporativo Servicios Precios / Detalle Precios /
Detalle Precios / Detalle
- Costo por Seteo $ 1.00 + IVA $ 1.00 + IVA $ 1.00 + IVA - Cuota mensual $ 10.00 + IVA $ 15.00 + IVA $ 20.00 + IVA Especificaciones Generales - Espacio en MB 100 MB 250 MB 500 MB - Transferencia de Datos 1000 MB 2000 MB 5000 MB - Dominios Nacionales / Internacionales * - Plataforma Red Hat Linux 9 Red Hat Linux 9 Red Hat Linux 9- Contadores de Hits Gratis - CPANEL End user Control Panel - Dominios Permitidos 1 1 5 - Nameservers Propios - Alias para Dominios - Usuario FTP para actualizaciones 2 10 25 Bases de Datos - Soporte para ODBC n/a n/a n/a - Conexiones ODBC n/a n/a n/a - Bases de Datos en MS Access 2000 n/a n/a n/a - Bases de Datos en MySQL n/a 10 20 Especificaciones de Correo - Cuentas de Correo POP3 50 de 10MB c/u 100 de 20MB
c/u ilimitadas
- Servidor de Correo - Servicio de WebMail - Alias para Correos - Cuentas de Reenvío (Forwards) - Cuentas de Auto-Responder Acceso a WebMail Modificación MX Record Especificaciones del Servidor - Red Hat Linux 9 - Backup Completo del Sitio (Semanal) n/a - Servidor: 2.4 Ghz Pentium IV (4 procesadores) - Memoria del Servidor: 1 GB DDR RAM
NOTA: Para la contratación de los servicios de hosting, basta con entregar a la
empresa encargada el aplicativo terminado, esta se encarga de hacer todos los detalles
técnicos para que este tenga presencia en Internet.
167
EMPRESA DESCRIPCION COSTO Mini Plan 1000 Gb de espacio en disco, buzón pop3 ilimitada, contador de visita estándar, MY SQL, ASP, PHP, FTP, soporte técnico 24/7, seguridad SSL.
$9.99mensual www.web-e-volution.com Medi plan
250 Gb de espacio en disco, buzón pop3 ilimitada, contador de visita estándar, MY SQL, ASP, PHP, FTP, soporte técnico 24/7, seguridad SSL.
14.99/mensual
Plan – Desarrollador 1 GB de Espacio web 50 GB de Transferencia Mensual Cuentas de Email ilimitadas Bases de Datos MySQL ilimitadas 10 Addon Domains / 10 Websites
$9.99mensual www.salamancanetwork.com
Plan – Reseller GB de Espacio web 25 GB de Transferencia Mensual Cuentas de Email ilimitadas Bases de Datos MySQL ilimitadas WHM / Cpanel / 2 DNS Privados
$19.95/mensual
Basico: Espacio en disco 5,000 MB, Transferencia Mensual, 80,000 MB, NameServers Propios 2 IP´s dedicadas Gratis 2 POP3 Emails Ilimitados, Sub Dominios Ilimitados, Dominios alojados, 100 Cuentas FTP, Ilimitadas, MySQL, Ilimitadas Autorespondedores Ilimitados
$40.00 /mes www.urjaonline.com
Master: Espacio en disco 10,000 MB, Transferencia Mensual, 150,000 MB, NameServers Propios 2 IP´s dedicadas Gratis 2 POP3 Emails Ilimitados, Sub Dominios Ilimitados, Dominios alojados, 100 Cuentas FTP, Ilimitadas, MySQL, Ilimitadas Autorespondedores Ilimitados
$60.00/mensual
168
ANEXO B COPIA DE DIARIO OFICIAL
169
170
ANEXO C CARTA COMPROMISO
UNIVERSIDAD FRANCISCO GAVIDIA TECNOLOGIA, HUMANISMO Y CALIDAD
Email. Lmartínez @ufg.edu.sv Pagina Web: www.ufg.edu.sv
San Salvador, 18 de Abril de 2005 Lic. Luis Federico Hernández Aguilar Presidente del Consejo Nacional para la cultura y el arte CONCULTURA Respetable Lic. Hernández:
Reciba un respetuoso saludo y nuestros mejores deseos de éxito en el desarrollo de sus actividades laborales. El motivo de la presente es para hacer de su conocimiento que los estudiantes: Cristian José Menjívar, Alma Beatriz Monterrosa y Cesar Wilfredo Sánchez, egresados de la Facultad de Ingeniería de esta institución quienes han propuesto como tema de trabajo graduación el tema “creación de una visita Virtual al Museo Nacional de Historia, a implementarse en la Ex- casa Presidencial”, para optar al titulo de Ingeniero en Ciencias de la Computación. Dicho trabajo pretende contribuir a la difusión de dicho proyecto, tanto a nivel nacional como internacional. Por lo tanto, la Universidad Francisco Gavidia se compromete ante el Consejo Nacional para la Cultura y el Arte, a darle seguimiento para que se cumpla la entrega del producto final de dicho trabajo, según las especificaciones descritas en el anteproyecto adjunto a la presente. En tal sentido, esta institución solicita a usted sus buenos oficios para que se proporcione toda la colaboración necesaria para la realización exitosa del proyecto. Sin otro particular me suscribo muy atentamente. Ing. Luis Alonzo Martínez Perdomo Decano Facultad de Ingeniería y Arquitectura Adjunto Anteproyecto.
171
ANEXO D MODELO DE ENTREVISTA Universidad Francisco Gavidia
Facultad de ingeniería y Arquitectura. ENTREVISTA
Introducción: Somos estudiantes egresados de la carrera de Ingeniería en C.C. de la Computación y nuestro objetivo es conocer su opinión sobre lugares culturales de El Salvador. Como son los Museos. Indicaciones: Escriba en el espacio en blanco su opinión a cada pregunta.
I. Datos de Clasificación:
Nombre: _____________________________________________________________________________ Cargo: ________________________________Lugar de trabajo__________________________________
II. Preguntas de opinión:
1. ¿Considera usted que los museos en El Salvador satisfacen las expectativas de la población? ________________________________________________________________________ 2. ¿Considera usted que necesitamos mas lugares de esparcimiento cultural en el país? ________________________________________________________________________ 3. ¿Cuáles son los sitios culturales mas visitados en nuestro país y por quienes? ________________________________________________________________________ 4. ¿Qué proyectos se tienen para fortalecer la cultura y el arte en el país? ________________________________________________________________________ 5. ¿Qué le parece si los sitios culturales en el país se pudieran mostrar a todo el mundo a través de Internet? ________________________________________________________________________ 6. Una paseo virtual es la simulación de un determinado lugar por medio de imágenes y animaciones que
permiten experimentar la sensación de encontrarse en èl. ¿Le gustaría dar un paseo Virtual por un museo y conocer todas sus Instalaciones, historia y detalles? ________________________________________________________________________ 7. ¿Qué más le gustaría que se mostrara en un sitio virtual? ________________________________________________________________________ 8. ¿Considera que los lugares culturales de nuestro país tienen suficiente difusión? ________________________________________________________________________ 9. ¿Considera que la Internet puede ser un medio idóneo para la difusión de los museos? ________________________________________________________________________ 10. ¿Apoyaría usted un proyecto en el cual se creara una visita virtual a un lugar cultural de nuestro país? ________________________________________________________________________
III. Datos de Control
Fecha__________/___________/__________ Hora: ______:________
172
ANEXO E MODELO DE ENCUESTA Universidad Francisco Gavidia
Facultad de ingeniería y Arquitectura.
ENCUESTA Introducción: Somos estudiantes egresados de la carrera de Ingeniería en C.C. de la Computación y nuestro objetivo es conocer su opinión sobre lugares culturales de El Salvador. Como son los Museos. Indicaciones: Marque con una X la opción que considere adecuada
I. Datos de Clasificación:
Nivel Educativo Básico □ Departamento: _________________ Medio □
II. Preguntas de opinión: 1. ¿Ha visitado en alguna ocasión un museo de nuestro país? Si □ No □ No sabe □ 2. ¿Ha necesitado información sobre los museos para fines educativos? Si □ No □ No sabe □ 3. ¿Se encuentra en construcción un nuevo museo denominado Museo nacional de Historia ubicado en
la Ex casa presidencial ¿le gustaría conocer mas sobre este proyecto? Si □ No □ No sabe □ 4. Un paseo virtual es la simulación de un determinado lugar por medio de imágenes y animaciones que
permite experimentar la sensación de encontrarse en el. lugar ¿Le gustaría dar un paseo virtual por el Museo nacional de historia y conocer todas sus Instalaciones, historia y detalles con el que cuenta el mismo? Si □ No □ No sabe □
5. ¿Considera que este tipo de proyecto contribuye a fomentar la cultura y el arte en muestro país? Si □ No □ No sabe □
6. ¿Marque con una X los aspectos le gustaría conocer del Museo Nacional de Historia?
Historia □ Proyecto del Distrito Cultural San Jacinto □ Turismo □ Detalles arquitectónicos de la ex casa presidencial □ Exposiciones □ Desarrollo humano de la Sociedad Salvadoreña □ Personajes □ Desarrollo Cultural del país □ Sociedad □ Programación de actividades Culturales □ Entrevistas □
7. ¿Considera que la Internet es un excelente medio de difusión?
Si □ No □ No sabe □ 8. ¿Considera usted que la creación de la Vista Virtual al museo nacional de historia le daría mayor
difusión? Si □ No □ No sabe □
III. Datos de Control
Fecha__________/___________/__________ Hora: ______:________
173
ANEXO F PERFIL DE PRESENTACIÓN DE INFORMACIÓN EN EL SITIO
WEB
1. INTRODUCCIÓN
Desde el año de 1995 El Instituto Latinoamericano de Museos ILAM y el Consejo
Internacional de Museos ICOM ha realizado importantes esfuerzos por incorporar al
mundo del internet a los museos. Existen en América Latina 6,057 museos y parques,
pertenecientes a 20 países (de habla hispana y portuguesa), de los cuales 2,464
presentan algún tipo de información en Internet (tienen páginas o sitios Web),
representando un 40% del total de instituciones.
El objetivo primordial del un sitio web para un museo es: la promoción del Museo, y
ofrecer educación, accesibilidad e información al público sobre las actividades y
servicios que este desarrolle.
Por lo tanto se recomienda a la Dirección General de Museos que considere en el perfil
informativo del sitio web del Museo Nacional de Historia, la información descrita en el
presente perfil, ya que consta de las recomendaciones básicas del Instituto
Latinoamericano de Museos ILAM, además de la información que los usuarios y
visitantes potenciales del mismo consideran debe contener.
174
2. PERFIL DEL CONTENIDO DEL SITIO 2.1 INFORMACIÓN BÀSICA SOBRE EL MUSEO El ILAM recomienda en su documento “Los Museos Latinoamericanos e Internet: La
experiencia de la Red-ILAM”(disponible en internet, Ver bibliografía), que parte
fundamental de la información sobre un museo en la web debe ser la ubicación
geográfica exacta del mismo, es decir: país, ciudad y dirección exacta de la
ubicación geográfica del museo.
Por lo tanto se recomienda que en el caso articular del Museo Nacional de Historia,
en su página de inicio se incluya la dirección exacta de la ubicación geográfica del
museo, de ser posbible su horario de atención.
2.2 HISTORIA DEL MUSEO En el caso específico del Museo Nacional de Historia se recomienda que la
información correspondiente a su historia contemple:
� Historia de su creación
� Fecha de creación
� Quien lo diseñó (el edificio)
� Quienes lo habitaron y en que año, ect.
Esta información básicamente tiene que ver con la historia del edificio, desde quien
lo creó, quién lo habitó y que usos ha tenido a lo largo de su historia.
2.3 COLECCIONES DEL MUSEO Esta sección se refiere a las colecciones que el museo ofrece a los visitantes, en el
caso del Museo Nacional de Historia debe reflejar en el sitio web la descripción de:
175
� las colecciones que este presente al público: obras de arte (pinturas,
esculturas, muebles, etc)
� Documentos oficiales (cartas, tratados, Biografias de expresidentes, ect).
Además de una descripción de objetos, en el caso de pinturas, esculturas y
muebles se recomienda incluir la información siguiente:
1. Fehca de creación
2. Material del que esta hecho
3. Quién lo creó
4. Corriente arquitectónica, etc.
2.4 SERVICIOS DEL MUSEO En cuanto a los servicios del museo se debe incluir dentro del sitio web la
descripción sobre todos los servicios que este ofrece, por ejemplo:
� Horarios de Atención al público
� Colecciones y exposiciones
� Servicios adicionales: cursos, asesorias, biblioteca, ect.
2.5 PROMOCIÓN DEL MUSEO La promoción del museo se refiere básicamente a la forma de publicitar tanto la
visita virtual, como la visita física al mismo, para lo que se recomienda se realicen
convenios con sitios web de otros museos o sitios relacionados con turismo. Asi
como tambien que en los sitios oficiales (sitios gubernamentales) se tengan enlaces
hacia la Visita Virtual al Museo Nacional de Historia.
Gráfico 1: Total de Museos y Parques y enlaces a sitios Web, por país, incluidos en el
Directorio Electrónico Latinoamericano de la Red-ILAM (Septiembre, 2003)
176
Pais Total de Museos
y Parques
Enlaces a
sitios Web
Sitios Web propios
Argentina 1005 495 34
Bolivia 81 24 2
Brasil 1,691 342 87
Chile 171 116 25
Colombia 448 112 23
Costa Rica 104 69 9
Cuba 79 11 1
Ecuador 135 47 6
El Salvador 24 7 2
Guatemala 78 35 2
Honduras 64 20 2
México 992 669 56
Nicaragua 45 27 0
Panamá 49 24 2
Paraguay 89 7 1
Perú 223 102 11
Puerto Rico 99 29 3
Rep. Dominicana 44 11 6
Uruguay 202 48 4
Venezuela 443 269 24
Total 6,057 2,464 300
Fuente: Los Museos Latinoamericanos e Internet: la experiencia de la Red-ILAM
La tabla anterior muestra un listado de sitios con presencia en internet en América
Latina incluidos en la Red –ILAM, así que si la Visita Virtual al Museo Nacional de
Historia es incluida en esta Red, estaría siendo vista por los visitantes potenciales de
los sitios descritos en dicha tabla.
Además si se puede incluir otras formas de promoción como banners, anuncios en
prensa escrita, promoción en espacios culturales televisivos, etc.
177
Manual Técnico
178
INDICE INTRODUCCION ..................................................................................... 179 CONTENIDO DEL CD ............................................................................. 180 DESCRIPCION DE LA ESTRUCTURA DEL SITIO ................................ 181 FUNCIONAMIENTO GENERAL DEL SISTEMA..................................... 183 FUCIONAMIENTO DE LOS MODULOS ................................................. 190 INSTALACION DEL SERVIDOR APPSERV........................................... 199 EJEMPLOS DE ALGUNOS SCRITP Y CODIGO PHP ........................... 205
179
INTRODUCCION
Las herramientas utilizadas en el desarrollo de este aplicativo están bajo la licencia
GNU, licencias de libre uso, entre las que se pueden mencionar MySQL, PHP, pero
cambien han sido usadas otras herramientas que no son de licencia libre, se pueden
mencionar Macromedia Dreanweaver, Ulead Cool.
Como puede contemplarse en los capítulos de este documento, no se toca a
profundidad como ha sido creado el sistema o como funciona en si, este manual técnico
es dedicado a eso, con el objetivo de dar a conocer de forma general la estructura y
funcionamiento del mismo.
180
CONTENIDO DEL CD
Como parte del contenido que se entregara a las autoridades de CONCULTURA se
encuentra un CD de contenido, en el cual se incluye lo necesario para el buen
funcionamiento y la instalación del aplicativo, entre el Software a entregar se mencionan
los siguientes:
- Paginas HTML, Script, PHP
Esta carpeta contenido de las páginas que conforman el sitio, los diferentes códigos
PHP y Script que son utilizados por el sitio para su buen funcionamiento.
- Base de Datos
Es la base de datos utilizada por el aplicativo, donde se guarda información que se
mostrara en el sitio, así como las diferentes configuraciones que son necesarias
para su funcionamiento.
- AppServ
Es un Software que nos permite instalar sobre Windows Apache, PHP, MySQL de
forma conjunta.
Cabe mencionar que si las autoridades de CONCULTURA optan por arrendar el
espacio en un servidor privado, esta instalación no es necesaria dado que la
empresa que preste el servicio es conocedora de este requisito.
- Trial de Ulead Cool
Software utilizado para hacer las animaciones en 360 grados.
Es de mencionar que este es un demo que tiene caducidad, si se cree conveniente
se puede optar por la compre del mismo, el usar una versión de prueba no implica
que la calidad de las animaciones sean de menor calidad.
- Visor de Quick Time
181
Visor de películas, imágenes, animaciones.
DESCRIPCION DE LA ESTRUCTURA DEL SITIO
Cabe destacar que la estructura de este sistema Web está basado completamente en
la estructura y funcionamiento de PostNuke 0.7.62, por eso encontraremos nombres y
prefijos similares a la de este CMS. La estructura de las carpetas del sitio Web está
diseñada de la siguiente manera:
|- Admin.
|- Images.
|- Backstage
|- Icos
|- Includes.
|- Classes
|- FCKeditor
|- Fileman
|- JavaScript
|- Modules
|- Styles
|- Themes
|- Uploads
Admin. : En esta carpeta se alojan todos los archivos necesarios para el
funcionamiento de la administración del sitio Web.
Images: Se guardan todas las imágenes del sitio Web. Esta a su vez contiene dos
carpetas más: Backstage e Icos.
Backstage: guarda las imágenes del entorno de la administración
Icos: Es una colección de iconos que pueden ser de utilidad para el usuario.
182
Includes: Guarda toda la información de carga del sistema y entorno del sitio web. En
esta carpeta se pueden encontrar las utilidades más comunes para la carga y
funcionamiento de los módulos (Modules). Esta carpeta a su vez contiene 3 sub-
carpetas: Classes, FCKeditor, Fileman.
Classes: Las clases son un conjunto de funciones que sirven para un fin común. Es por
esto que se ha hecho este apartado en esta carpeta para separar las clases utilizadas
en este sistema. Las clases que se usan son: pureUpload.php (Un uploader) y
tempClass.php (Generador de plantillas).
FCKeditor: Este es un editor de contenido (Content Management System) de la autoría
de Frederico Caldeira Knabben, el cual ha sido adaptado para el funcionamiento en el
sistema. Para más información acerca de éste CMS pueden acceder a la dirección
http://www.fckeditor.net/
Fileman: Es un mini sistema de manejo de archivos, por medio del cual se puede
explorar la carpeta de depósito Uploads.
JavaScript: Se guardan todos los archivos de generación de código JavaScript (.js) ó
cualquier elemento de trabajo con JavaScript.
Modules: un modulo es un conjunto de funciones, archivos de inclusión, clases,
imágenes, etc. Que sirven con un fin común. Este modulo tiene como objetivo mostrar
contenido en el sistema Web. El contenido a mostrar puede ser variable, puede ir desde
contenido dinámico del sitio Web, directorios de enlaces, imágenes, descargas, etc. Y
todo lo que sea de utilidad ó queramos publicar en el sitio Web.
Styles: guarda todas las hojas de estilo (CSS).
Themes: Esta carpeta contiene las plantillas de diseño de la página Web, en ella se
guardan todos los archivos necesarios para el funcionamiento del diseño del sitio Web.
183
Uploads: Carpeta de almacenamiento de archivos externos.
FUNCIONAMIENTO GENERAL DEL SISTEMA
El sistema, como se ha dicho antes, contiene una carpeta llamada “includes” ó archivos
de inclusión, estos archivos son los encargados de descifrar el contenido de cada uno
de los módulos y presentar ante el usuario final el comportamiento de dicho modulo, se
definirá como comportamiento a toda interacción del modulo del sistema con el usuario.
Los archivos principales para la carga de dichos módulos son:
config.php: este archivo contiene todos los parámetros necesarios para la conexión e
integración del sistema con la base de datos, y con el entorno de administración.
Las constantes utilizadas para el funcionamiento de conexión con la base de datos son:
• dbhost: Nombre del servidor (Usualmente es localhost).
• dbuname: Nombre del usuario.
• dbpass: Clave de usuario.
• dbname: Nombre de la base de datos.
• prefix: prefijo utilizado en la base de datos (ejemplo: museo)
Existen además otras constantes que son definidas para el funcionamiento de la clase
que nos ayuda a cargar ó interactuar con la base de datos, la cual la podemos
encontrar en el archivo pnDBFuncions.php el cual se describirá más adelante.
Estas constantes son:
• ncurpage: define en cual pagina queremos comenzar la paginación, por
defecto se puede dejar el valor igual a cero (0).
• nmaxitems: número máximo de ítems por pagina.
• ndefqstring: definición del QueryString. (si se desea).
184
• nmaxlinks: número máximo de enlaces por pagina a mostrar en la
paginación.
• nnextlink: boton/flecha/símbolo con el cual queremos mostrar el enlace hacia
la pagina siguiente.
• nbacklink: boton/flecha/símbolo con el cual queremos mostrar el enlace
hacia la pagina anterior.
pnAPI.php: Este archivo guarda todas las funciones para la carga de los módulos y sus
funciones principales. En este archivo se pueden encontrar las variables del entorno del
sistema, la carga de las tablas del sistema, etc. El listado de las funciones con las que
cuenta este archivo y su definición son:
• pnInit(folder): esta función es la principal de todas, debido a que en ella se
encuentra todas las definiciones, archivos, funciones y demás utilidades a
cargar por defecto al iniciar el sistema. Esta función necesita como parámetro
la carpeta donde se encuentra. Dicha carpeta (ya predefinida) nos dice si nos
encontramos dentro de la administración ó nos encontramos en el entorno del
usuario final, por eso las dos opciones a colocar en esta parte son: admin, main.
• pnDBSetTables(folder): esta función es la que se encarga de cargar las
tablas del sistema/modulo que estén solicitando en ese momento. Si el área
donde se está solicitando no es un modulo, ésta función se encarga de
buscar de manera automática las tablas del sistema que están alojadas en el
archivo includes/pntables.php. Esta función necesita también la variable
folder.
• getAdminCookie(): esta función se encarga de buscar dentro de nuestro
ordenador si realmente existe el cookie del administrador. Este cookie es
generado automáticamente al entrar al sistema de administración. Sino está
185
generado nos envía automáticamente al formulario de ingreso al sistema.
• getCurrentFileName(): función que nos devuelve el nombre del archivo
donde estamos posicionados actualmente.
• pnDBGetTables(): devuelve las variables globales de las tablas de la base
de datos.
• pnGetLocation($key): devuelve el nombre del fólder donde nos encontramos
posicionados actualmente.
• pnGetConfig(key): devuelve las variables globales de configuración del
entorno del sistema. Estas variables (constantes guardadas en el archivo
config.php) son convertidas y guardadas en un solo arreglo (array()) llamado
pnconfig. Así cuando necesitemos llamar una variable global de la
configuración, solo tenemos que escribir el nombre (key) de la variable a
desplegar así: pnGetConfig(‘dbhost’) lo cual nos mostraría ‘localhost’.
• pnInitDB(): guarda en una sola variable global todas las constantes del
sistema (pnconfig).
• pnGetFolder(folder): esta función nos devuelve el path (ruta) de donde
estamos posicionados. Como se dijo anteriormente, estas opciones solo
pueden ser: admin., main. Para un ejemplo podemos decir que si nosotros
escribimos pnGetFolder(‘admin’) esto nos devolvería ‘./’. esta forma de
encontrar el path (ruta) nos ayuda a determinar si la carga de archivos de
inclusión (includes) se deben cargar dentro de una carpeta ó simplemente ser
cargados en el root (raíz) del sistema.
• InitModule(modName): esta función se encarga de encontrar la información
general del modulo a cargar. Solamente se escribe el nombre del modulo que
186
se quiere buscar la información (modName) y ésta se encargará de cargar la
información solicitada.
• pnVarCleanFromInput(): esta función es de vital importancia, debido a que
constantemente gente inescrupulosa con malas intenciones, tratan de
agregar contenido malicioso dentro de los sistemas Web para encontrar
vulnerabilidades y así hacerse con el control total de los sistemas. Esta
función es la encargada de limpiar el contenido agregado de todo contenido
malicioso que encuentre.
• pnStripslashes (value): esta función interactúa completamente con la
función pnVarCleanFromInput(). Dado que esta es la que se encarga de
separar los contenidos enviados al sistema, que están unidos por pipes ( | ).
• pnconfigGetVar(name): esta función devuelve las variables del sistema
guardadas en la base de datos. Las variables del sistema pueden ser: o titulo: Titulo (nombre) del sistema. o num_items: número de ítems por página (general) o num_links: enlaces a mostrar por cada pagina (paginación) o email: correo del sistema (usualmente info@algo.com). o cnombre: nombre del usuario de contacto del sistema. o cemail: correo del contacto del sistema. o ctelefono: teléfono del contacto del sistema. o saludo: saludo inicial. o clave: clave general del sistema para el usuario root. Por defecto
admin.
• pnPermissons(array()): Define el nivel de permisos que puede tener un
usuario del sistema para manipular el mismo.
• ptGenPass(size): un generador de claves aleatorias. Requiere un tamaño de
la clave que se requiere generar (size).
187
• Encrypt(string): encripta un string. Este se ocupa en el ingreso de usuarios
al sistema.
• Login(user, password): determina el acceso de usuarios al sistema desde
un formulario. Requiere los datos de usuario y clave enviados desde el
formulario.
• getConfig(varConf, catalog, tables): obtiene el valor de la variable de
configuración (varConf) requerida. También puede obtener las variables de
configuración de los módulos especificados (catalog). La variable tables sirve
para obtener el valor de la variable global de las tablas del modulo al cual se
está requiriendo esa variable de configuración, esta variable es opcional.
Ejemplo: getConfig(‘ippa’, ‘documentos_configuracion’). Esta función nos
devolvería el número de ítems por página requerido en la configuración del
modulo de Documentos (Descargas). Puede escribirse al final como variable
tables: Documentos_pntables() para obtener el valor de las tablas, ó puede
dejarse en blanco para que lo obtenga el sistema automáticamente.
• pnCreateNavButtons(actual, total, por_pagina, enlace, maxpags): Dibuja
(escribe) los enlaces de la paginación. Los parámetros requeridos son: o actual: pagina donde se quiere comenzar la paginaciónl. Por defecto
es cero (0). o total: el número total de ítems encontrados en un query. o por_pagina: número de ítems que se quiere desplegar por pagina. o maxpags: número total de enlaces que se quiere mostrar en la
paginación.
• teaserText(textstring, nchars, lineend): esta function corta el número de
caracteres de un texto (strig), por ejemplo:
188
teaserText(“Hola mundo cruel!”, 5, ‘…’) nos mostraría Hola…
como puede verse en el ejemplo anterior, los parámetros requeridos son: o textstring: texto (string) a cortar. o nchars: número de caracteres de límite a mostrar. o lineend: simbología utilizada al final del texto cortado. Ejemplo: ‘…’
• printImage(image, folder, size, align, alt, actions, id, wm): Dibuja (escribe)
una imagen con el generador de imágenes redimensionadas (thumbnails).
Esta función requiere los siguientes parámetros: o image: nombre del archivo que se quiere redimensionar. o folder: carpeta donde está alojado el archivo. o size: tamaño (ancho) que se le quiere aplicar a la imagen. o align: alineamiento de la imagen con respecto al texto. Este puede ser:
1. left (izquierdo) 2. right (derecho) 3. top (arriba) 4. bottom (abajo)
o alt: texto adicional cuando el cursor esté sobre la imagen (este texto es
mostrado solamente en Internet Explorer). o actions: scripts ó comportamientos que se le quiere dar a la imagen. o Id: identificador deseado a la imagen. o wm: marca de agua (watermark) que se le quiere dar a las imágenes,
esta debe ser una imagen en formato png24 transparente, y debe ser
alojada en la carpeta images del sistema.
• sendmail(body, subject, toEmail, fromEmail, fromName): función para
envío de correos. Los parámetros a usar son: o body: cuerpo del mensaje o subject: asunto del mensaje.
189
o toEmail: correo del destinatario. o fromEmail: correo del remitente. o fromName: nombre del remitente.
• getFullFolderPath(getfolder, folder): devuelve automáticamente la ruta
absoluta de donde nos encontramos posicionados actualmente. Los
parámetros requeridos son: o getfolder: booleano. Este define si se quiere mostrar la carpeta actual
al final de la ruta. o folder: carpeta que desamos iniciar.
ejemplo: suponiendo que estamos en localhost/museo/
getFullFolderPath(true, ‘museo’). Esto nos mostraría:
c:\appserv\www\museo\
• getFullServerPath(http, srvname, FileToHide): muestra la ruta relativa al
servidor donde nos encontramos alojados. Los parámetros a utilizar son: o http: booleano. Este es si queremos mostrar al comienzo el protocolo
http en la dirección solicitada. o srvname: booleano. Si se quiere mostrar el nombre del servidor. o File_To_Hide: requerido. Esta opción escribiremos el nombre del
archivo donde nos encontramos para que el servidor nos muestre solo
la ruta. Ejemplo:
getFullServerPath(true, true, getCurrentFileName()) con esto nos mostraría automáticamente el nombre del servidor donde
estamos alojados actualmente.
190
• checkQueryString(): devuelve el querystring en que nos encontramos
actualmente y todas sus variables.
ptBackReferer(): una pequeña función para regresar a la pagina donde estábamos
anteriormente, escrita con funciones de JavaScript.
FUCIONAMIENTO DE LOS MODULOS
Para un funcionamiento correcto de un modulo en nuestro sistema, es necesario
primero definir la estructura que debe contener un sitio modulo, para esto vamos a
tomar como ejemplo el modulo de descargas (Documentos). La estructura es la
siguiente:
|- images
|- Categorías.php
|- Configuración.php
|- Documentos.php
|- Pninit.php
|- Pnmenu.php
|- Pntables.php
Los archivos que contienen el prefijo PN son los archivos en los que se crean los
elementos necesarios para la carga de un modulo. Cada uno de ellos contienen
funciones que indican los componentes de carga del modulo.
pntables.php: este archivo contiene toda la carga de las tablas de la base de datos.
Dentro se puede apreciar una función llamada Documentos_pntables(), esta función se
compone de la siguiente manera:
NombreDelModulo_pntables()
191
Donde, NombreDelModulo siempre tiene que llamarse exactamente como el nombre
del modulo está indicado, como ejemplo podemos decir, que si el modulo se llama
NOTICIAS entonces la función de la carga de las tablas se llamará: Noticias_pntables().
Dentro de la función existe la variable $prefix, esta variable contiene el valor del prefijo
definido en el sistema (includes/config.php), y con la cual, tomamos dicho valor con la
función de configuración escrita en el pnAPI.php, así:
$prefix = pnGetConfig("prefix");
La otra variable que contiene la función es $pntables. Esta variable siempre tiene que
ser igualada a un arreglo (array()) dado que posteriormente vamos a llenar dicho
arreglo (array()) con el contenido de la tabla. Ahora bien, cada una de las tablas debe
llenar un modelo de estructura ya establecido la cual debe ir con el siguiente orden:
$tabla_VariableDePrefijo = $prefix . “_nombre de la tabla”;
Pero, como trabajan los arreglos (array()). El funcionamiento del los arreglos(array()) es
el siguiente:
Dentro de una variable X podemos agregar N cantidad de valores, para ser
posteriormente llamados dependiendo de su posición dentro del arreglo. Ejemplo:
$dia = array( “Uno” => “Lunes”, “Dos” => “Martes”, “Tres” => “Miercoles” );
Para obtener un valor especifico del arreglo, pueden obtenerse de dos maneras:
$variable = $dia[1];
192
Esta forma nos daría como resultado “Martes”, debido a que el valor que estamos
intentando acceder es el número 1. Todos los valores dentro del arreglo están
ordenados numéricamente, comenzando siempre por el número cero (0), así si quiero
obtener el día “Lunes” entonces tendría que cambiar el número 1 por 0 así:
$variable = $dia[0];
La segunda manera es escribiendo el nombre del valor asignado a su respectiva
asociación(índice).
$variable = $dia[“Uno”];
Esto nos daría como resultado: “Lunes”, y así sucesivamente. Para llenar el arreglo que
vamos a ocupar para las tablas del modulo vamos a escribir el indice dentro de la
variable $pntables así:
$pntables[“tabla”] = $tabla_VariableDePrefijo; $pntables[“tabla_column”] = array( ‘IdentificadorCampo’ => $tabla_VariableDePrefijo.”.campo”);
Donde, como ya vimos anteriormente, la variable $tabla_VariableDePrefijo es donde
escribimos el prefijo de las tablas concatenado con el nombre real de la tabla, y las
demás opciones son:
“tabla”: es el nombre completo de la tabla (si se quiere, sino un nombre que la
identifique).
“tabla_column”: es el nombre para la variable de las columnas, este valor siempre
requiere que al final lleve el nombre _column para poder separar los nombres. Tambien
se sugiere que se escriba el mismo nombre de la tabla más el indicador _column.
“IdentificadorCampo”: el identificador del campo es el que vamos a escribir para
concoce que campo de la base de datos estamos queriendo acceder, como ejemplo
podemos decir, que si necesitamos identificar el TITULO, en la tabla de los documentos
193
(d_titulo), entonces podríamos identificarlo con el nombre de “tit”, así el sistema ya
tendría amarrado ese nombre al de d_titulo, asi:
“tit” => $tabla_ VariableDePrefijo . “.d_titulo”
Al final de la función de la carga de las tablas, hacemos que dicha función retorne la
variable $pntables, que es donde tenemos guardada toda la configuración de las tablas.
Para llamar todos los valores de las tablas del modulo que queremos cargar, basta con
dar el nombre del cargado de tablas incluido en el pnAPI.php para que el sistema haga
el resto, asi: $tablas = pnDBGetTables()
pnmenu.php: es el archivo de carga para las opciones de menú. En este se
encuentran todas las opciones que se cargaran en el menú administrativo. El modelo
utilizado para esta carga se usan nuevamente arreglos(array()), pero en este caso
multi-dimensionales, quiere decir, que existen arreglos anidados ó arreglos sobre
arreglos. La nomenclatura que usa es la siguiente:
Primero definimos la función con la cual se cargará el menú, la función debe llamarse
NombreDelModulo_menu().
Dentro de la función definimos la variable (puede ser cualquier nombre) y la igualamos
a un arreglo, éste arreglo debe contener como primer índice el nombre del modulo, el
valor de éste índice debe ser otro arreglo en el cual vamos a incluír las opciones que
van a existir en el menú, para el caso del modulo de Documentos, vemos que tenemos
que administrar 3 opciones: Documentos, Categorías, Preferencias. Dentro de cada una
de estas opciones, creamos otro arreglo en el cual van a ir definidas las variables para
la creación del enlace, este arreglo debe contener 3 índices, los cuales deben llevar el
siguiente orden: Nombre del Módulo(module), Opción(opt), Función(func).
En paréntesis se han escrito los valores a los que se hace referencia dentro del
sistema. Ejemplo:
$m = array("Documentos" => array( "Documentos" => array("Documentos", "documentos", "get_all"), "Categorias" => array("Documentos", "categorias", "get_all"), "Preferencias" => array("Documentos", "configuracion", "Edit")
194
) );
Esto nos daría como resultado:
Documentos (modules.php?module=Documentos&opt=documentos&fun.=get_all)
Categorias (modules.php?module=Documentos&opt=categorias&fun.=get_all)
Preferencias (modules.php?module=Documentos&opt=documentos&fun.=Edit)
Como se puede observar, la opción FUNC es la que dicta con que comportamiento va
a comenzar a administrarse la opción OPT del modulo MODULE.
Todo esto es cargado automáticamente desde el archivo includes/pnMenuLeft.php, este
archivo contiene un cargador automatico con el cual se crea dinámicamente el menú de
la izquierda de la administración. La función con la cual se “desbarata” todo el arreglo
multi-dimensional se llama getModMenus(), esta función lo que hace es primero buscar
si dentro de la carpeta de los modulos (modules) se encuentra un archivo pnmenu.php,
posteriormente busca si existe la función NombreDelModulo_menu() y concatena todos
los encontrados en un solo arreglo para después ordenarlos por orden alfabético.
Una vez hecho esto se crea e imprime todo el menú desde la función BuildLeftMenu,
siempre en el archivo includes/pnMenuLeft.php
pninit.php: este es el archivo que contiene la manera en la cual se comportará todo el
modulo para el usuario final. Dentro de este archivo, la función principal de carga se
llama NombreDelModulo_Init(), en esta función deben ir ordenadas las funciones con la
cual comenzara el modulo a comportarse y todas las funciones siguientes. Estas
opciones siempre deben contener como parámetros de carga las opciónes: MODULE,
OPT, FUNC.
Ejemplo:
function Documentos_Init(){
195
list($module, $func, $Id, $query) = pnVarCleanFromInput( 'module', 'func', 'Id', 'query'); $fc = ""; $id = (empty($Id))?(0):($Id); switch($func){ case "Search": $fc.= Documentos_Cat(0, $query); break; case "Cat": $fc.= Documentos_Cat($id); break; case "Download": $fc.= Documentos_Download($id); break; default: $fc.= Documentos_ListOfCats($id); break; } Return $fc; }
Por la forma en que la función SWITCH se comporta, es recomendable dejar las
condicionales de ésta forma para ésta función, aunque también puede desarrollarse con
cualquier condicional lógica preferida.
Dentro del modulo que estamos revisando como ejemplo, existen también 3 archivos
que no contienen el prefijo PN, estos hacen regencia con su nombre a la parte del
modulo que están administrando. Estos archivos son los encargados en contener todo
el comportamiento del modulo dentro de la administración. Vamos a tomar como
ejemplo el archivo categorías.php, dado que las opciones dentro de él son más cortas y
prácticamente toda la estructura es la misma para todos los demás archivos que se
196
refieran a la administración a excepción del archivo configuración.php que lo veremos
más adelante.
categorías.php: este archivo es el que contienen toda la administración de la parte de
las categorías para los documentos. Dentro de él contiene todos los formularios y
funciones necesarias para el manejo de las mismas.
Para comenzar, definimos 6 CONSTANTES las cuales son las que indican al cargador
el comportamiento de este archivo, las 6 constantes son:
• ENCABEZADO
• PAGEWIDTH
• PAGEHEIGHT
• MODULE
• OPT
• FUNC Antes de continuar, vamos a ver como se crean las CONSTANTES en php. La
nomenclatura es la siguiente:
define(NOMBRE, valor)
Es de observar que los nombres de las constantes es sugerido que su nombre sea
escrito en mayúsculas, esto es para diferenciarse de las variables. Para llamar una
constante solo es necesario escribir el NOMBRE de la misma sin el símbolo de dólar
($) que lo anteponga.
ENCABEZADO: este es el nombre que tendrá como titulo la sección a la que nos
estamos refiriendo, para el caso de las categorías, podría llamarse “Mantenimiento de
Categorías de Documentos(Descargas)”
197
PAGEWIDTH y PAGEHEIGHT: estos indican el tamaño de la ventana emergente.
Puede ser variable dependiendo del tamaño del formulario.
MODULE: nombre del modulo donde nos encontramos, en éste caso es Documentos.
OPT: es el nombre de archivo donde nos encontramos pero sin la extensión. En este
caso se llama categorías
FUNC: este sirve solo como referencia a la función que debería ser predeterminada,
aunque en realidad esta se define dependiendo de lo que estamos haciendo. Este valor
puede ser opcional.
La primera función que vamos a ver se llama get_permissons(), esta función aún está
en forma de BETA debido a que aquí es donde se definen los permisos de los botones
de NUEVO, EDITAR y BORRAR. Lo que hace es definir en un arreglo los botones que
se requieren para el presente opción de administración, para nuestro caso necesitamos
que estén activos los 3, para cambiar el estado dinámicamente solo basta con cambiar
el valor de 1 a 0 y automáticamente deshabilitará el botón.
Las siguientes funciones son obligatorias que se llamen de ésta manera para ser
cargadas por el sistema: get_all(), AddNew(), Edit() y Delete()
Las funciones que acompañaran el comportamiento de estas funciones pueden
llamarse como queramos, pero siempre éstas deben mantener el mismo nombre por el
sistema de carga.
La función get_all() contiene el catalogo que se muestra como predeterminado en la
administración, este catalogo es generado automáticamente por la calase DBmysql
definida en el archivo pnDBFuncions.php. esta clase se utiliza de la siguiente manera:
Primero definimos las tablas con las que vamos a trabajar:
$pntables = pnDBGetTables(); $ctable = $pntables['documentos_categorias'];
198
$ccolumn = &$pntables['documentos_categorias_column']; Inicializamos la clase:
$MyCatal = new DBmysql ; $MyCatal->DBconnect();
Le definimos desde que consulta (QUERY) debe comenzar a llenar el catalogo: $MyCatal->DBquery_ID = " SELECT $ccolumn[cid] AS ID, $ccolumn[nombre] AS CATEGORIAS FROM $ctable ORDER BY $ccolumn[nombre] ASC"; Le definimos las variables de comportamiento: $MyCatal->module = MODULE; $MyCatal->func = FUNC; $MyCatal->opt = OPT; $MyCatal->NavCurPage = 0; $MyCatal->NavMaxItems = pnconfigGetVar('num_items'); $MyCatal->NavQstring = "pag"; $MyCatal->NavMaxLinks = pnconfigGetVar('num_links'); $MyCatal->NavNextString = ">>"; $MyCatal->NavBackString = "<<";
Imprimimos el catalogo:
$var.=$MyCatal->DBbuildCatalog();
La función de muestra de formularios (AddNew(), Edit()) se crean de la misma manera.
Primero se define hacia donde va a dirigirse el formulario asi:
$acPage =$_SERVER['PHP_SELF']."?module=".MODULE."&opt=".OPT."&func=SaveNew";
199
Posteriormente se escribe la función que lo que hace es imprimir el inicio (apertura) de
una tabla con el tag de formulario así:
$var =ptOpenFormTable( $name="form1", $method="post", $action=$acPage, $enctype="", $options="" ); INSTALACION DEL SERVIDOR APPSERV
AppServ es un software que nos permite instalar sobre Windows Apache, PHP, MySQL
y phpMyAdmin (interfaz gráfica para adminsitrar MySQL) de forma conjunta. Es una
aplicación muy útil para empezar a familiarizarnos con Gestores de Contenidos,
aprender a configurarlos e instalarlos, ya que nos permite realizar pruebas sobre
nuestro PC y una vez que dominemos el tema podemos decidirnos a comprar un
dominio y un alojamiento.
Para instalar AppServ se deben seguir los siguientes pasos:
• Se debe contar con el paquete de SourceForge, contando con dos versiones
AppServ 2.5.5 (apache 2.0.55, MySQL 5.0.15 y PHP 5) o AppServ 2.4.5 (apache
1.3.34, MySQL 5.0.16 y PHP 4).
• Contando con paquete del ejecutable procedemos a ejecutar la instalación,
recibiendo un mensaje de bienvenida y hacemos Click en Next
200
• Directorio de Instalación: en esta pantalla nos solicita el directorio en el que
queremos instalar la aplicación, por defecto nos marca “c:/appserv”, lo
cambiamos si queremos y pulsamos Next.
• Tipo de Instalación: Elegimos Typical.
• Server Information: La casilla Server Name la dejamos como viene por defecto
con “Localhost” y en la casilla Administrator E-mail Address o lo dejamos como
viene por defecto y luego lo cambiamos, o le introducimos una cuenta de correo
que será la del administrador. El campo “HTTP Port” lo dejamos como viene por
defecto (80), salvo que queramos que el servidor atienda las peticiones en otro
puerto. Pulsamos en Next
201
• MySql Information: Este es uno de los apartados más importantes ya que
empezamos a instalar MySQL. En la casilla Username introduciremos el nombre
del administrador de la base de datos y en la casilla Password le introducimos la
contraseña, aunque si queremos hacerlo más fácil ponemos como usuario: root y
el apartado contraseña lo dejamos vacio ya que posteriormente podemos
cambiarlo con phpMyAdmin. El apartado Charset lo dejamos tal como viene por
defecto. Pulsamos en Next
• Progreso de la instalación: Empieza realmente la instalación mostrándonos
una barra de progreso hasta que aparece una pantalla que nos avisa de que ha
finalizado la misma, debiendo dejar marcadas las opciones que vienen por
defecto. Finalmente pulsamos en Close.
• Comprobación de la instalación: Si se a hecho bien las instalación al poner en
nuestro navegador: http://localhost nos debe aparecer la pantalla siguiente:
202
• Ahora que ya se tiene el servidor, se procede a colocar la carpeta del sitio en su
lugar respectivo y generar la base de datos, en CD del aplicativo se encuentra
una carpeta llamada MUSEO, la cual debe ser colocada en el directorio WWW
de la instalación que se acaba de hacer, la dirección es:
C:\AppServ\www\museo.
• Dentro de esta se encuentra una que se llama database, la cual contiene un
archivo sql llamado museo para generar la base de datos del aplicativo.
• Para general la base de datos se debe seguir los siguiente pasos, copiar el
archivo sql que se encuentra en G:\museo\database llamado museo.sql.
• Luego en le directorio C:\AppServ\mysql\data que ha generado la instalacion del
AppServ se crea una carpeta llamada museo en la cual se depositara el archivo
sql llamado museo., como se muestra en la siguiente figura.
203
• Luego se procede a general la base de datos de la siguiente manera:
• Digitar en el explorador http://localhost/ aparecerá el administrador de PHP,
luego clic en la primera opcion phpMyAdmin Database Manager Versión 2.6.4-
pl4, aparecerá el PHPAdmin, como se muestra en la figura
• Puede observarse en la lista de bases de datos que se encuentra la
correspondiente al museo, pero esta aun no contiene tablas.
204
• Luego clic en el icono , aparecerá la siguiente pantalla
• Dar clic en la pestaña importar archivo y buscar el archivo en el directorio museo
creado anteriormente (C:\AppServ\mysql\data\museo)`
• Dejar las opciones predeterminadas y presionar continuar.
• Si todo ha sido realizado correctamente, ya se encuentra generada la base de
datos museo y lista para ser utilizada.
205
• Luego de generada la base de datos se procede a la colocación de la
información usando para ello el manual del usuario.
EJEMPLOS DE ALGUNOS SCRITP Y CODIGO PHP
Este es un ejemplo de una clase que sube los archivos al servidor
Directorio: C:\AppServ\www\museo\includes\classes
<? /* * Clase DoUpload() * Versión : 1.0 * Fecha : 25/05/2006 10:06 AM * * ************************ * Código de Ejemplo * ************************ * <? * include("pureUpload.php"); * $MyUpload = new DoUpload(); * $MyUpload->_dir = './'; // Directorio donde se guardaran los datos (vacio=folder actual) * $MyUpload->_width = 800; // Máximo tamaño de imágenes (ancho) ¯| * $MyUpload->_height = 600; // Máximo tamaño de imágenes (alto) |- datos opcionales * $MyUpload->_ext = '.doc|.xls'; // Extensiones a validar (Separar por pipes | ) _| * ?> * <form name="form1" method="post" action="" enctype="multipart/form-data"> * <input type="file" name="file"> * <input type="submit" name="Submit" value="Enviar"> * </form> * <? * if($_POST){ * echo($MyUpload->_DoUpload('file')); // Function que hace el upload (Obligatoria) * } * ?> */ class DoUpload{ var $_dir;
206
var $_nam; var $_tmp; var $_ext; var $_msg = ''; var $_width; var $_height; var $_did = true; // Funcion para determinar el nombre del archivo function _set_name($name){ $this->_nam = $_FILES[$name]['name']; return $this->_nam; } // Funcion para determinar el nombre termporal del archivo function _set_temp_name($name){ $this->_tmp = $_FILES[$name]['tmp_name']; return $this->_tmp; } // Funcion que determina el directorio donde se desea guardar el archivo. function _set_dir(){ if(!is_dir($this->_dir)){ return false; }else{ return true; } } // Funcion que determina los permisos del directorio function _set_dir_permissons(){ if($this->_set_dir()){ //chmod(file_or_dir_name, intval($mode, 8)); if(!@chmod($this->_dir, 0755)){ return false; }else{ return true; } } } // Funcion que hace el Path al servidor function _set_path($name){ return $this->_dir.$this->_prepare_name($this->_set_name($name)); } // Funcion que hace el Upload al servidor
207
function _set_upload($name){ return move_uploaded_file($this->_set_temp_name($name), $this->_set_path($name)); } // Funcion que borra del archivo caracteres no validos function _prepare_name($name){ $toDelete = array("\\", "'"); $name = str_replace($toDelete, '', $name); return strtolower($name); } // Funcion para determinar la extension del archivo function _get_extension($name){ $extension = strtolower(substr($this->_set_name($name), strrpos($this->_set_name($name), "."))); return $extension; } // Funcion para determinar si el archivo es una imagen function _is_image($name){ $_img = array('.jpg', '.png', '.gif', '.jpeg', '.bmp'); $_set = (!in_array($this->_get_extension($name), $_img))?(false):(true); return $_set; } // Funcion que valida si la extension del archivo esta // en el listado requerido por el usuario function _validate_extensions($name){ if($this->_ext!=''){ if(!in_array($this->_get_extension($name), $this->_get_list_of_extensions())){ return true; }else{ return false; } }else{ return false; } } // Funcion que determina el listado de extensiones a validar function _get_list_of_extensions(){ $list = explode("|", $this->_ext); return $list; }
208
// Funcion que imprime el listado de extensiones a validar function _print_list_of_extensions(){ $list = $this->_ext; $list = str_replace("|", ", ", $list); return $list; } // Función que determina (siempre y cuando el archivo sea una imagen) // si el tamaño del archivo es mayor al especificado. function _image_size($name){ list($w, $h) = getimagesize($this->_set_temp_name($name)); if($w>$this->_width){ return true; }elseif($h>$this->_height){ return true; }else{ return false; } } // Funcion que Imprime el mensaje de error function _set_print_message($msg){ $this->_msg = $msg; return $this->_msg; // die(); } function _is_uploaded_file($name){ return is_uploaded_file($this->_set_temp_name($name)); } // Funcion que ejecuta el Upload function _DoUpload($name) { $Mensaje = ''; // Verifica si el nombre del archivo no esta vacio if($this->_set_name($name)==''){ $this->_msg = "Debe escojer un archivo"; return $this->_msg; } // Verifica si el directorio existe if(!$this->_set_dir()){ $this->_msg = "El directorio ".$this->_dir." no existe"; return $this->_msg; }
209
// verifica si el directorio tiene permisos de escritura // if(!$this->_set_dir_permissons()){ // $this->_msg = "El directorio ".$this->_dir." no tiene permisos de escritura"; // return $this->_msg; // } // Verifica si el archivo es imagen // y si la extension es valida if($this->_is_image($name)){ if(!$this->_validate_extensions($name)){ if(!empty($this->_width)||!empty($this->_height)){ if(!$this->_image_size($name)){ $this->_set_upload($name); $this->_msg = 'La operacion finalizo con exito'; }else{ $this->_msg = 'Tamanio de la imagen invalido'; } }else{ $this->_set_upload($name); $this->_msg = 'La operacion finalizo con exito'; } }else{ $this->_msg = 'Extension de archivo no valida ('.$this->_print_list_of_extensions().')'; } }else{ if(!$this->_validate_extensions($name)){ $this->_set_upload($name); $this->_msg = 'La operacion finalizo con exito'; }else{ $this->_msg = 'Extension de archivo no valida ('.$this->_print_list_of_extensions().')'; } } return $this->_msg; } } ?> CODIGO PARA LA CONFIGURACION DE CONEXIÓN Directorio: C:\AppServ\www\museo\includes <?
210
/* variables para la conexión a la base de datos */ define('dbhost', 'localhost'); define('dbuname', 'root'); define('dbpass', ''); define('dbname', 'museo'); define('prefix', 'museo'); /* Variables para la navegación por query results */ define('ncurpage', 0); define('nmaxitems', 'pag'); define('ndefqstring', ''); define('nmaxlinks', 10); define('nnextlink', '>>'); define('nbacklink', '<<'); /* Variables para el folder de administración define('foldadmin', '../'); define('foldmain', './'); */ ?>
211
212
INDICE
INTRODUCCIÓN...............................................................................213 INGRESO AL ÁREA DE ADMINISTRACIÓN...................................214 1. CONFIGURACIÓN........................................................................217 1.1 CONFIGURACIÓN .............................................................................................. 217 1.2 USUARIOS DEL SISTEMA................................................................................ 218
1.2.1 CREANDO UN NUEVO USUARIO ........................................................... 218 1.2.2 EDITANDO UN USUARIO .......................................................................... 219 1.2.3 BORRAR UN USUARIO ............................................................................ 220
1.3 PERMISOS DE SISTEMA................................................................................... 220 1.3.1 CREANDO UN NUEVO PERMISO ........................................................... 221 1.3.2 EDITANDO UN PERMISO.......................................................................... 221 1.3.3 BORRAR UN PERMISO DE SISTEMA .................................................... 223
1.4 MENÚ DINÁMICO ............................................................................................... 223 1.4.1 CREANDO UNA NUEVA OPCIÓN DE MENÚ ........................................ 223 1.4.2 EDITANDO EL MENU DINÁMICO ........................................................... 225 1.4.3 BORRAR UNA OPCIÓN DEL MENU DINÁMICO ................................... 226
1.5 BITÁCORA DE USUARIOS: .............................................................................. 226 2.1 DOCUMENTOS .................................................................................................... 228
2.1.1 CREANDO UN NUEVO DOCUMENTO ................................................... 228 2.1.2 EDITANDO UN DOCUMENTO................................................................. 232 2.1.3 BORRAR UN DOCUMENTO................................................................. 232
2.2 CATEGORÍAS..................................................................................................... 232 2.2.1CREANDO UNA NUEVA CATEGORIA ...................................................... 232 2.2.2 EDITANDO UNA CATEGORIA .................................................................. 233 2.2.3 BORRAR UNA CATEGORIA................................................................. 234
2.3 PREFERENCIAS ................................................................................................. 234 3. GALERÍAS ....................................................................................235 3.1 GALERÍAS........................................................................................................ 235
3.1.1 CREANDO UNA NUEVA GALERÍA.......................................................... 236 3.1.2 MODIFICANDO UNA GALERÍA. ................................................................ 237
4. SECCIONES..................................................................................240 4.1 CREANDO UNA NUEVA SECCIÓN. ............................................................... 240
4.1.2 MODIFICANDO UNA SECCIÓN. ............................................................. 241 4.2 PREFERENCIA................................................................................................... 243
213
INTRODUCCIÓN
Aun cuando los administradores de contenidos son fáciles de usar, cuando son tomados
y adaptados a las necesidades particulares de un sitio determinado, tienden lógicamente
a tener variantes, es por ello que se hace indispensable la creación de un Manual de
Usuario.
Esta herramienta ofrecerá al administrador una breve explicación de las áreas
administrables del sitio:
• Configuración
• Documentos
• Galerías
• Secciones
Todo ello con el objeto guiar al administrador y/o administradores del mismo sobre el
correcto manejo de las diferentes opciones que ofrece el sitio. Ilustrando gráficamente
cada uno de los componentes de sitio, además de la correspondiente explicación de las
opciones que comprenden el mismo. De esta forma se pretende que los beneficios que
el sitio ofrece sean aprovechados al máximo, obteniendo así el mayor aprovechamiento
en función de la difusión del Museo Nacional de Historia.
214
INGRESO AL ÁREA DE ADMINISTRACIÓN.
Para ingresar a la administración del sitio, debe digitar la dirección o URL del sitio de
administración en la barra de direcciones del explorador de Internet. Así podrá ingresar
a la Administración en línea de la Visita Virtual al Museo Nacional de Historia. Una vez
digitada la dirección vera el recuadro como el que aparece en la figura N°.1.
En este recuadro se solicita al usuario su nombre de usuario y contraseña, una vez
introducidos dichos campos, presionar el botón aceptar o la tecla “Enter” para acceder
a la pantalla principal. Tal como se muestra en la figura N° 2 y N° 3.
FIGURA N° 1
FIGURA N° 2
En este espacio se digita el nombre de usuario.
En este espacio se digita la clave de usuario.
Botón Aceptar
215
A continuación se presenta la pantalla del Menú General de Administración de la Visita
Virtual al Museo Nacional de Historia de El Salvador. (FIGURA. N° 3).
Las opciones contenidas en este menú, permiten la manipulación total del sitio, a las
mismas se accede dando un clic sobre el nombre de cada una. Las cuales son:
1. CONFIGURACION:
Configuración de sistema: Determina el funcionamiento general de la página
principal del sitio así como el acceso al sistema.
Usuarios del Sistema: Permite adicionar, borrar y administrar a los usuarios del
sistema.
Permisos del sistema: Permite asignarle a los usuarios existentes privilegios para
agregar, editar y borrar contenido en los módulos de documentos, galerías
secciones.
Menú dinámico: Permite agregar, borrar y administrar las diferentes ítems del
menú de la página principal de la visita virtual al Museo Nacional de Historia.
FIGURA N° 3
216
Bitácora de Usuarios: Muestra las fechas en las cuales los usuarios han realizado
modificaciones en los módulos de documentos, galerías y secciones del sitio.
2. DOCUMENTOS
Documentos: Permite agregar, borrar y editar documentos para ser mostrados en
el sitio.
Categorías: Permite agregar, borrar, y administrar categorías para agrupar los
documentos que estarán disponibles en el sitio.
Preferencias: Determina la configuración general de los documentos a subir al sitio
como es tipo de extensiones permitidas, ítems por pagina, limite de caracteres y
otras opciones en la forma de mostrar los documentos en el sitio.
3. GALERIA:
Galería: Este menú da la opción de agregar, borrar y editar las galerías que se
suben al sitio. Preferencias: Determina la configuración general de las galerías a subir al sitio
como es el numero de columnas a utilizarse, numero de imágenes por pagina,
tamaño de las imágenes, carpeta en la cual se almacenaran y opciones al ser
mostradas en el sitio 4. SECCIONES
Secciones: Este menú da la opción de agregar, borrar y editar las secciones que se
suben al sitio.
Preferencias: Determina la configuración general de las secciones a subir al sitio
como son las opciones al ser mostrada cada sección, fecha, barrar y otras
opciones en el sitio Determina el formato de los documentos a presentarse en el sitio.
5. PAGINA PRINCIPAL: Muestra la pagina principal del área administrativa
6. SALIR: Sale del área administrativa
217
1. CONFIGURACIÓN 1.1 CONFIGURACIÓN
Este menú guarda las características generales de la configuración del sitio como se
observa en la figura Nº 4 y contiene los siguientes ítems:
Max. Ítems (General): determina el número de temas que se mostrarán
Max. Enlaces (General): Permite configurar el número de links que se mostraran
E-mail: Es el email oficial del sitio
Nombre Sitio: Es el titulo que aparecerá en todas las ventanas del sitio Web
Clave de administrador: Es la clave de acceso que ha sido asignada al
administrador general del sitio.
Plantilla: Permite seleccionar entre dos colores: Museo Azul y Museo Café
Separador de navegación: Es el signo que se utiliza para separar los diferentes
item.
Posición de menú: Permite seleccionar entre posición Horizontal o vertical para el
menú.
FIGURA Nº 4
218
1.2 USUARIOS DEL SISTEMA
En este menú podemos crear, editar y borrar usuarios FIGURA Nº 5 como veremos a
continuación:
1.2.1 CREANDO UN NUEVO USUARIO
Para crear una nueva galería se presiona el icono de nuevo e
inmediatamente se observa la ventana de la figura Nº. 6
Luego se completan los datos requeridos como son: usuario, clave Nombre completo del
usuario, correo electrónico del usuario y el estado con un check se encuentra activo.
Clic en guardar y el usuario estará creado.
FIGURA Nº 5
219
1.2.2 EDITANDO UN USUARIO
Para editar un usuario se debe dar clic en el circulo ubicado a la izquierda del nombre
del usuario, así mismo dar clic sobre el icono editar. Aparecerá inmediatamente la
ventana de la FIGURA Nº 7 donde podemos editar la información del usurario y luego
guardar, cancelar o borrar el usuario con la opción Borrar y aparecerá la ventana de la
FIGURA Nº 8, al dar clic sobre si se elimina el usuario.
FIGURA Nº 6
220
1.2.3 BORRAR UN USUARIO
Para borrar un usuario se debe dar clic en el circulo ubicado a la izquierda del nombre
del usuario, así mismo dar clic sobre el icono borrar. Aparecerá inmediatamente la
ventana de la FIGURA Nº 9 , al aceptar el sistema confirmara la eliminación del usuario.
1.3 PERMISOS DE SISTEMA
FIGURA Nº 8
FIGURA Nº 9
221
En este menú podemos crear, editar y borrar permisos para los usuarios del sistema ver
FIGURA Nº 10 como veremos a continuación:
1.3.1 CREANDO UN NUEVO PERMISO
Clic al icono de nuevo e inmediatamente se observa la ventana de la figura
Nº. 10, luego seleccionamos en modulo el cual puede ser: Documentos, Secciones o
Galerías, seguidamente seleccionamos el usuario y luego con un check los permisos que
le asignaremos, estos pueden ser: Agregar, Editar y borrar. La opción de estado
determina si el permiso de encuentra activo o no.
Para finalizar clic en guardar y el permiso estará creado.
1.3.2 EDITANDO UN PERMISO
FIGURA Nº 10
222
FIGURA Nº 11
Para editar un permiso se debe dar clic en el circulo ubicado a la izquierda del nombre
del usuario, así mismo dar clic sobre el icono editar. Aparecerá inmediatamente la
ventana de la FIGURA Nº 11 donde podemos editar las opciones del permiso y luego
guardar, cancelar o borrar el permiso con la opción Borrar y aparecerá la ventana de la
FIGURA Nº 12. Finalmente al dar clic en si, se elimina el permiso.
FIGURA Nº 12
223
1.3.3 BORRAR UN PERMISO DE SISTEMA
Para borrar un permiso se debe dar clic en el circulo ubicado a la izquierda del nombre
del usuario, así mismo dar clic sobre el icono borrar. Aparecerá inmediatamente la
ventana de la FIGURA Nº 13, al aceptar el sistema confirmara la eliminación del
permiso.
1.4 MENÚ DINÁMICO
En este menú podemos crear, editar y borrar el menú principal del sitio FIGURA Nº 14
como veremos a continuación:
1.4.1 CREANDO UNA NUEVA OPCIÓN DE MENÚ
Para crear una nueva opción de menú se presiona el icono de nuevo e
inmediatamente se observa la ventana de la figura Nº. 15. donde se completan las
siguientes opciones: Titulo: es el nombre que aparecerá en la opción de menú, URL:
Dirección a la cual hacemos el enlace, si no se conoce la URL al presionar el botón
escoger aparcera una ventana como la de la FIGURA Nº 16 donde seleccionará una de
las opciones y luego de clic en guardar, esto nos llevara a otra ventana como la de la
FIGURA Nº 17 donde encontraremos todos los documentos o galerías o secciones que
se encuentran activas las cuales al darle clic a alguno de ellos nos regresa a la pantalla
del menú con la URL y ya esta escrita.
FIGURA Nº 13
224
Posición: en esta parte podemos seleccionar Al comienzo o después de y según los
menús que ya estén creados así se podrá colocar.
Estado: Esta opción me activa el menú al dar un clic en la casilla de verificación.
Para finalizar clic en guardar y el nuevo menú estará creado.
FIGURA Nº 14
FIGURA Nº 15
225
1.4.2 EDITANDO EL MENU DINÁMICO
Para editar un menú se debe dar clic en el circulo ubicado a la izquierda del nombre del
usuario, así mismo dar clic sobre el icono editar. Aparecerá inmediatamente la ventana
de la FIGURA Nº 15 donde podemos editar las opciones del permiso y luego guardarlas
o cancelar.
226
1.4.3 BORRAR UNA OPCIÓN DEL MENU DINÁMICO
Para borrar una opción del menú se debe dar clic en el circulo ubicado a la izquierda del
nombre de la opción, así mismo dar clic sobre el icono borrar. Aparecerá
inmediatamente la ventana de la FIGURA Nº 18, al aceptar el sistema confirmara la
eliminación de la opción.
1.5 BITÁCORA DE USUARIOS:
Esta opción del sistema me permite visualizar un historial de los cambios realizados al
sitio ver FIGURA Nº 19, el usuario que lo hizo, a que hora lo hizo, que acción realizo y
en que modulo lo hizo.
FIGURA Nº 18
227
FIGURA Nº 19
228
2. DOCUMENTOS
2.1 DOCUMENTOS
Este menú me permite crear nuevos, editar y borrar los documentos que se muestran
en el sitio. Como se muestra en la FIGURA Nº 20
2.1.1 CREANDO UN NUEVO DOCUMENTO
Para crear un nuevo documento se presiona el icono de nuevo e
inmediatamente se observa la ventana de la figura Nº 21.
FIGURA Nº 20
229
Donde se completan las siguientes opciones: Primero seleccionar una categoría, escribir
un titulo para el documento y en la opción archivo presionar el botón Escoger (ver
FIGURA Nº 22) selecciona uno de los archivos que se encuentran en la lista y luego clic
en insertar, esto me devolverá a la pantalla anterior.
Si se desea subir un archivo nuevo, clic en examinar y aparecerá la ventana de la
FIGURA N’23 y luego buscar en las diversas ubicaciones del equipo el archivo, luego
clic en abrir, clic en subir y aparecerá un mensaje como el que se muestra en la FIGURA
Nº 24 y aparecerá en el listado para poder ser utilizado.
FIGURA Nº 22
230
También podemos utilizar el editor del administrador ver FIGURAS Nº 25 y Para finalizar
clic en guardar y el nuevo documento esta listo.
Guarda el archivo
Crea un archivo nuevo
Permite tener una vista preliminar del archivo
muestra algunas plantillas para diseño de la sección.
Corta una sección u objeto
Copia una sección u objeto
Pega una sección u objeto previamente copiada.
Imprime el documento
Permite activar la herramienta de corrector de ortografía.
Permite realizar una búsqueda dentro del documento
Permite seleccionar todo el contenido de la sección.
FIGURA Nº 23
FIGURA Nº 25
231
Elimina el formato de la sección
Permite la creación de formulario.
Asigna formato de negrita al texto
Asigna formato cursivo al texto
Asigna formato subrayado al texto
Asigna formato de subíndice al texto
Asigna formato de superíndice al texto
Justifica el texto hacia la izquierda
Centra el texto
Justifica el texto hacia la derecha
Justifica el texto tanto a la derecha como a la izquierda.
Inserta un vínculo
Elimina un vínculo
Establece una referencia
Inserta una imagen
Permite insertar o editar una animación flash.
Inserta y/o edita una tabla
Inserta una línea horizontal entre texto.
Inserta iconos
Inserta caracteres especiales
Inserta un salto de página
Activa el teclado universal
Asigna un estilo al texto
Asigna formato al texto
Permite seleccionar un tipo de letra.
Asigna tamaño al texto
Asigna color al texto
232
FIGURA Nº 26
Asigna un color de fondo
Maximiza el área de edición.
Este botón permite que la información aparezca una página
diferente, con tan solo ubicarse dentro del documento donde se quiere que finalice
la primera página, se presiona el botón y ese será el inicio de la siguiente página.
(Donde se da clic, lo que queda arriba será la primera página y la parte de abajo la
segunda).
2.1.2 EDITANDO UN DOCUMENTO
Para editar un documento se debe dar clic en el circulo ubicado a la izquierda del
nombre del usuario, así mismo dar clic sobre el icono editar. Aparecerá inmediatamente
la ventana de la FIGURA Nº 21 donde podemos editar las opciones del documento y
luego guardarlas o cancelar.
2.1.3 BORRAR UN DOCUMENTO
Para borrar un documento se debe dar clic en el circulo ubicado a la izquierda del
nombre del usuario, así mismo dar clic sobre el icono borrar. Aparecerá inmediatamente
la ventana de
la FIGURA Nº
26, al aceptar el
sistema confirmara
la eliminación
del documento.
2.2 CATEGORÍAS
Al seleccionar la opción de categorías aparecerá una ventana como la FIGURA Nº 27
2.2.1CREANDO UNA NUEVA CATEGORIA
233
Para crear una nueva categoría se presiona el icono de nuevo e
inmediatamente se observa la ventana de la figura Nº 28 donde se completan las
siguientes opciones: Primero se escribe un nombre, una descripción y en la opción padre
tenemos dos opciones: crear una nueva categoría o agregarle a una ya existente esto lo
que hace es crearme una categoría dentro de la otra. Para finalizar clic en guardar para la
categoría quede creada.
2.2.2 EDITANDO UNA CATEGORIA
Para editar una categoría se debe dar clic en el circulo ubicado a la izquierda del
nombre del usuario, así mismo dar clic sobre el icono editar. Aparecerá inmediatamente
FIGURA Nº 28
FIGURA Nº 27
234
la ventana de la FIGURA Nº 28 donde podemos editar las opciones de la categoría y
luego guardarlas o cancelar.
2.2.3 BORRAR UNA CATEGORIA
Para borrar una categoría se debe dar clic en el circulo ubicado a la izquierda del
nombre del usuario, así mismo dar clic sobre el icono borrar. Aparecerá inmediatamente
la ventana de la FIGURA Nº 29, al aceptar el sistema confirmara la eliminación de la
categoría.
Como su nombre lo indica, galerías permite administrar las galerías de fotografías con
las que contará el sitio. Esta sección se divide en dos: Galerías y Preferencias.
Galerías. Maneja básicamente todo lo concerniente a la administración de imágenes,
en su mayoría fotografías. (Subir, cambiar y eliminar).
2.3 PREFERENCIAS
Al seleccionar la opción de preferencias aparecerá una ventana como la FIGURA Nº 30
donde se configuran las siguientes opciones para los documentos:
Ítems por pagina, si se muestra o no la descripción de introducción de los documentos,
el limite de caracteres para la descripción de la introducción, la posición donde se
FIGURA Nº 29
235
mostrara la fecha que puede ser: no mostrar, arriba, abajo, final de titilo o comienzo de
titulo, también podemos configurar las extensiones de archivos con los cuales se puede
trabajar, un asterisco permite todas las clases y al final la opción si se desea mostrar o
no el editor. Todos los cambios tienen que ser guardados para que tengan validez.
3. GALERÍAS
Como su nombre lo indica, galerías permite administrar las galerías de fotografías con
las que contará el sitio. Esta sección se divide en dos: Galerías y Preferencias.
3.1 GALERÍAS.
FIGURA Nº 30
236
FIGURA Nº 31
Maneja básicamente todo lo concerniente a la administración de imágenes, en su
mayoría fotografías. (Subir, cambiar y eliminar).
3.1.1 CREANDO UNA NUEVA GALERÍA.
Para crear una nueva galería se presiona el icono nuevo e
inmediatamente se observa la ventana de la figura Nº 31
Donde:
Titulo: Asigna un titulo que identifique a la galería.
Descripción: coloca una breve descripción del contenido de la galería.
Estado: Define si la galería se encuentra o no activa.
237
Permite buscar el archivo (imagen) que se quiere subir a la galería.
Permite incrementar el número de imágenes por galería.
Almacena la galería de imágenes.
Suspende la creación de la galería.
Una vez definidos el titulo y la descripción de la galería, se procede a elegir los archivos
que conformaran la misma. Para ello se presiona el botón examinar, lo que provocara
que aparezca la ventana siguiente:
Como se observa en la figura N.32 El recuadro muestra las opciones de origen de
archivos, es decir las posibles unidades fuentes de las imágenes que conformaran la
galería. Inicialmente aparecen 5 espacios para conformar la galería, pero de
necesitarse mas espacios, es posible agregarlos con el botón Mas Fotos.
3.1.2 MODIFICANDO UNA GALERÍA.
FIGURA Nº 32
238
FIGURA Nº 33
Para modificar una galería, se debe dar clic en el circulo ubicado a la izquierda del
nombre de la misma, si mismo dar clic sobre el icono modificar. Aparecerá
inmediatamente la ventana de la FIGURA Nº 33
Como se observa en la figura, esta ventana es muy similar a la ventana de creación de
una nueva galería, con la diferencia que el primero de los 3 últimos botones muestra la
lista de las imágenes que componen la galería.
El botón ver imagen permite ver la imagen seleccionada de la lista, y el botón borrar
imagen como lo indica su nombre, elimina la imagen.
239
Y por ultimo tenemos los botones guardar y cancelar, los que realizan la misma función
que en la ventana de creación de galería.
240
4. SECCIONES Se divide en dos categorías, Secciones y Preferencias.
Secciones: presenta el área donde se edita el contenido a mostrarse en el sitio Web.
Como muestra la ventana de la figura Nº.35 en Secciones se administran los archivos
que darán cuerpo al sitio, sean estos documentos, paginas Web, etc.
4.1 CREANDO UNA NUEVA SECCIÓN.
Para crear una nueva sección se presiona el icono “Nuevo” e
inmediatamente se observa la ventana de la FIGURA Nº 36 aquí podemos encontrar la
barra de herramientas de la FIGURA Nº 25
FIGURA Nº 35
241
Este botón permite que la información aparezca una página diferente,
con tan solo ubicarse dentro del documento donde se quiere que finalice la primera
página, se presiona el botón y ese será el inicio de la siguiente página. (Donde se da
clic, lo que queda arriba será la primera página y la parte de abajo la segunda).
Una vez definido el formato del documento, se presiona el botón guardar.
4.1.2 MODIFICANDO UNA SECCIÓN.
242
FIGURA Nº 37
Para modificar una Sección debe darse clic sobre el círculo ubicado a la izquierda del
nombre de la Sección que se desee modificar. Como se muestra en la FIGURA Nº 37
Una vez presionado el icono “Modificar”, aparece la ventana de edición que muestra el
contenido de la Sección que será modificada. Ver FIGURA Nº 38 Como se observa en
esta ventana es posible realizar cualquier cambio al documento, mediante las
herramientas de edición antes descritas, una vez realizados los cambios, debe
presionar el botón guardar para que dichos cambios surtan efecto.
243
4.2 PREFERENCIA
En la ventana de la figura Nº.39, observamos la ventana Configuración de Secciones
que se encuentra dentro de Preferencias. Como lo indica el titulo de esta ventana en
ella es posible configurar el formato general de los archivos que estarán dentro de la
categoría Secciones.
244
FIGURA Nº 39
De donde:
Mostrar Editor: Activa y desactiva el editor de textos
Mostrar texto de Introducción: Activa y desactiva la opción de texto de introducción.
Mostrar navegación: Muestra las barras de navegación.
Mostrar aumento y Reducción de texto: Activa y desactiva la opción de aumentar o
reducir el tamaño del texto.
Mostrar Fecha y Hora: Permite que se muestre la fecha y hora en el sitio.
Introducción en negrita: Activa la opción de que la introducción aparezca en formato
de
negrita.
Introducción en itálica: Activa la opción de que la introducción aparezca en formato de
Itálica.
Una vez definido el formato, se presiona el botón Guardar y los cambios tienen efecto
en las secciones.