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', '&gt;&gt;'); define('nbacklink', '&lt;&lt;'); /* 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.