Apéndice B. Manual de Usuario.
Contents
1. gt lt P ALIGN CENTER gt lt IMG SRC TemplatePath img Bnestrategias g1f gt lt P gt lt Contenido gt lt TABLE BORDER 0 WIDTH 480 CELLSPACING 0 CELLPADDING 0 gt lt CONTENT gt lt TABLE gt lt HR gt lt CONTENIDO_TXT gt lt BR gt lt HR gt lt CONTENIDO_FILE gt lt TD gt lt Columna 3 gt lt TD WIDTH 140 VALIGN TOP ALIGN RIGHT gt lt BR gt lt Encuesta gt lt TABLE BORDER 0 WIDTH 140 CELLSPACING 1 CELLPADDING 1 BGCOLOR 336699 gt lt TR gt lt TD BGCOLOR 336699 ALIGN CENTER CLASS Headencuesta gt Encuesta lt TD gt lt TR gt lt TR gt lt TD BGCOLOR EO0EOE0 CLAS S encuesta gt lt P ALIGN JUSTIFY gt Crees que los jugadores de la seleccion mexicana hacen bien en no querer dar entrevistas a la prensa lt P gt lt FORM gt lt INPUT TYPE RADIO NAME ASD gt Si lt BR gt lt INPUT TYPE RADIO NAME ASD gt No lt BR gt lt center gt lt INPUT TYPE BUTTON VALUE Vota gt lt center gt lt FORM gt lt TD gt lt TR gt lt TABLE gt lt Resultados gt lt BR gt lt TABLE BORDER 0 WIDTH 140 CELLSPACING 1 CELLPADDING 1 BGCOLOR 3366909 gt lt TR gt lt TD BGCOLOR 336699 ALIGN CENTER CLASS Headencuesta gt Jornada 5 lt TD gt lt TR gt lt TR gt lt TD BGCOLOR E0EOE0 ALIGN CENTER CLASS encuesta gt Toluca vs Pumas lt BR gt Final 2 2 lt TD gt lt TR gt lt TD BGCOLOR E0E0E0 ALIGN CENTER CLASS encuesta gt Cruz Azul vs Le n2. siguiendo el mismo proceso para agregar una secci n y finalmente se debe oprimir el bot n continuar para hacer la actualizaci n de la secci n 148 NOTA Si se pretende modificar el nombre de la secci n esta no debe tener secciones hijas ya que al modificar el nombre se perder la relaci n con las subsecciones Mod Eecroion Erm Figura 80 Pantalla para modificar una secci n B 5 4 Para ver el rbol de navegaci n de las secciones se debe oprimir el bot n Ver Arbol y se mostrar una nueva ventana con las secciones principales esto funciona como un explorador de Windows ya que al dar clic en alguna secci n se mostrar sus subsecciones si es que tiene F hrb de ne apii PHH OA E E rial E resi Figura 81 rbol de Navegaci n 149 B 6 Art culos Un art culo es la informaci n referente a un tema espec fico Este m dulo permite al usuario agregar eliminar modificar y ver art culos de informaci n para un portal Articles Figura 82 Pantalla principal de art culos B 6 1 Para agregar un nuevo art culo se debe oprimir el bot n Agregar y se mostrar una nueva pantalla donde se deber capturar la siguiente informaci n 7 T tulo del art culo Secci n a la que pertenecer el art culo 7 Template Se debe seleccionar el template donde aparecer el art culo en el cual se va a desplegar la informaci n del art culo 150 Finalmente se
3. Ap ndice B Manual de Usuario B 1 Requerimientos Resoluci n en pantalla m nima de 800 x 600 7 Internet Explorer 5 0 superior 2 Netscape v 4 7 2 Plataformas PC con Windows 93 NT 4 0 2000 o superior 7 Macromedia Flash Player B 2 Acceso al m dulo administrativo de portales l Abrir el navegador Microsoft Internet Explorer v4 0 o versi n mayor De igual manera se puede abrir un navegador de Netscape Opera u AOL pero cabe mencionar que el sistema fue dise ado para el navegador de Microsoft Internet Explorer 2 Escribir la siguiente direcci n dentro del navegador http 140 148 181 5 bcvwm admin index jsp 140 El http 1140 148 4 38 bcvwm adminfindex jsp Figura 71 Direcci n electr nica del MACP 3 Escribir Login y password de administrador del M dulo Administrativo de Portales M dulo Interactivo para el Desarrollo De Portales Figura 72 Pantalla Inicial del MACP 141 B 3 Herramientas del MACP El MAP es una herramienta que permite al usuario crear su propio portal de informaci n con las secciones y los art culos de informaci n que requiera es decir la estructura de navegaci n los cuales ser n presentados en templates ya definidos Los usuarios de este m dulo administrativo ajenos al administrador pertenecer a grupos de trabajo cada grupo de trabajo tendr acceso a diferentes m dulos del m dulo administrativo por lo cual un usuario podr administrar los
4. T 100 CELLSPACING 0 CELLPADDING 0 gt lt TR gt lt TD HEIGHT 40 COLSPAN 3 gt lt IMG SRC TemplatePath img top_sports jpg gt lt TD gt lt TR gt lt TR gt lt TD HEIGHT 10 COLSPAN 2 BGCOLOR 010066 gt amp nbsp lt TD gt lt TD HEIGHT 10 CLASS date BGCOLOR 010066 ALIGN CENTER gt lt DATE gt lt TD gt lt TR gt lt TR gt lt Columna 1 gt lt TD WIDTH 130 BGCOLOR 010066 VALIGN TOP gt lt TABLE BORDER 0 WIDTH 130 CELLSPACING 0 CELLPADDING 0 gt lt TR gt lt TD ALIGN CENTER CLASS menu gt FUTBOL lt MENU_FUTBOL gt lt TABLE gt lt P gt lt TABLE BORDER 0 WIDTH 130 CELLSPACING 0 CELLPADDING 0 gt lt TR gt lt TD ALIGN CENTER CLASS menu gt TENNIS lt MENU_TENNIS gt lt TABLE gt lt P gt lt TABLE BORDER 0 WIDTH 130 CELLSPACING 0 CELLPADDING 0 gt lt TR gt lt TD ALIGN CENTER CLASS menu gt OTROS lt MENU_OTROS gt lt TABLE gt 154 lt P gt lt Icon gt lt P ALIGN CENTER gt lt A HREF http www vwbeetle com mx gt lt IMG SRC TemplatePath img boton_beetle gif BORDER 0 gt lt A gt lt P gt lt P ALIGN CENTER gt lt A HREF http www nicepace com gt lt IMG SRC TemplatePathimg boton_nicepace gif BORDER 0 gt lt A gt lt P gt lt P ALIGN CENTER gt lt A HREF http www microsoft com gt lt Banner_IMG gt lt A gt lt P gt lt TD gt lt Columna 2 gt lt TD WIDTH 510 VALIGN TOP ALIGN CENTER gt lt BR
5. correspondiente Proporciona una liga al home Proporciona una liga al mapa del sitio Proporciona una liga al home pero en el otro idioma Directiva para indicar la categor a a la cual pertenece a una Secci n Directiva para indicar el lenguaje en el cual esta la Secci n o Art culo Directiva para indicar el padre al cual pertenece una Secci n o Art culo Directiva para indicar si se quiere obtener todos true o s lo uno false de los hijos de la Secci n Tabla 7 Lista de Directivas del Sistema NOTA Tanto la p gina de cada template debe ser un archivo HTML y las im genes nicamente pueden ser archivos JPG o GIF El tama o v lido para el screenshot es de 300 X 200 en caso contrario no se podr almacenar el template 158 B S 2 Para eliminar un template es necesario seleccionarlo y que el template no sea utilizado por alguna secci n o art culo se debe oprimir el bot n Eliminar si el template no es usado por alguna secci n o art culo entonces este ser borrado y se mostrar la pantalla inicial del m dulo sin el template Pero si el template es utilizado por alguna secci n O template se mandar un mensaje y no se podr eliminar hasta cambiar el template de la secci n o art culo que lo utilice ADVERTENCIA Toda informaci n eliminando no podr ser recuperada de ninguna manera ya que ser eliminada directamente de la base de datos B 8 3 Para modificar un template se debe se
6. dulo Administrativo de Contenidos para Portales Interactivos Web Se debe tener cuidado ya que si se modifica alg n campo y se salva se modificar la configuraci n de la base de datos Database seiu Figura 86 Pantalla para configurar Base de Datos B S Templates Un template es una p gina HTML con im genes y una estructura definida en la cual se va mostrar la informaci n de los art culos y las secciones Para agregar un template al sistema este debe estar en un archivo zip que contenga todos los archivos necesarios para que el template funcione este archivo zip debe contener la siguiente estructura 153 ima screenshot E styles _bevwm Jtemplate_descripcion_area_ing Figura 87 Estructura de Templates Un template puede contener variables de ambiente para saber que un template utilizara una variable de ambiente se deber n poner comentarios con el siguiente formato lt LINK1 gt Un ejemplo de ello se muestra en el siguiente c digo lt DOCTYPE HTML PUBLIC W3C DTD HTML 4 0 Transitional EN gt lt HTML gt lt HEAD gt lt TITLE gt Deportes Tesis lt TITLE gt lt META HTTP EQUIV Content Type CONTENT text html charset iso 8859 1 gt lt META NAME Author CONTENT Luis Vidrio gt lt META NAME CopyRight CONTENT UDLA gt lt HEAD gt lt BODY BGCOLOR FFFFFF TEXT 000000 LEFTMARGIN 0 TOPMARGIN 0 MARGINWIDTH 0 MARGINHEIGHT 0 gt lt TABLE BORDER 0 WIDTH 780 HEIGH
7. enshot del template y adem s se debe indicar si el template ser un utilizado en una secci n o en un art culo en cualquiera de los casos sea secci n o art culo se desplegar una nueva pantalla para cargar las variables y el c digo correspondiente para cada una 156 Mew template Figura 90 Pantalla para agregar un template En caso de que se haya seleccionado que es un template para una secci n o art culo se desplegar la siguiente pantalla donde se pedir el nombre y el c digo debe ser c digo HTML para cada uno de los campos utilizado en el template Al introducir la informaci n del ltimo campo o variable se desplegar la pantalla principal del sistema con el nuevo template Figura 91 Pantalla para agregar c digo de una variable de un template 157 Las variables del sistema almacenadas hasta el momento son las siguientes Nombre de la Variable System Counter Section Name Section Link Article Title Article Link EgetArticleLink getSectionLink System Home System Sitemap System Home Swap Fset category Fset language Fset parent Fset parser Funcionalidad de la Variable Cuenta todos aquellos art culos correspondientes a la secci n Proporciona el nombre de la Secci n Proporciona la liga a una Secci n Proporciona el nombre del Art culo Proporciona una liga al Art culo Proporciona al Art culo correspondiente Proporciona una liga a la Secci n
8. leccionar el template y se debe oprimir el bot n Modificar se mostrar una nueva pantalla con la informaci n correspondiente al template y una vez modificada la informaci n se debe oprimir el bot n continuar para actualizar la informaci n el template Figura 92 Pantalla para modificar un Template 159 B 9 Noticias Una noticia es una nota informativa referente a una secci n Esta secci n nos permite agregar eliminar modificar y agregar noticias al banner del Sitio Figura 93 Pantalla principal de Noticias B 9 1 Para agregar una noticia es necesario oprimir el bot n Agregar el cual desplegar una nueva pantalla en cual se debe escribir el t tulo y la descripci n de la noticia tambi n es necesario seleccionar el idioma de la noticia para elo el idioma por default es el espa ol en caso de que el idioma sea en ingles se debe seleccionar el bot n que esta en la parte inferior izquierda 160 Ingreso de noticias Figura 94 Pantalla para agregar una noticia B 9 2 Para eliminar una noticia nicamente se debe se debe seleccionar la noticia deseada oprimir el bot n Eliminar y confirmar que la noticia se va a eliminar Una vez eliminada una noticia esta no podr ser recuperada ya que se elimina directamente de la base de datos B 9 3 Para modificar una noticia es necesario seleccionar la noticia oprimir el bot n modificar y se desplegar una nueva pa
9. lt BR gt Final 1 3 lt TD gt lt TR gt lt TD BGCOLOR FRE0E0OE0 ALIGN CENTER CLASS encuesta gt Monterrey vs Am rica lt BR gt Final 3 1 lt TD gt lt TR gt lt TD BGCOLOR E0E0E0 ALIGN CENTER CLASS encuesta gt Irapuato vs Puebla lt BR gt Final 2 2 lt TD gt lt TR gt lt TD BGCOLOR E0E0E0 ALIGN CENTER CLASS encuesta gt Atlas vs Atlante lt BR gt Final 1 1 lt TD gt lt TR gt lt TD BGCOLOR fE0E0E0 ALIGN CENTER CLASS encuesta gt Morelia vs Monterrey lt BR gt Final 2 3 lt TD gt lt TR gt lt TD BGCOLOR E0E0E0 ALIGN CENTER CLASS encuesta gt Chivas vs Pachuca lt BR gt Final 0 2 lt TD gt lt TR gt lt TD BGCOLOR EO0E0E0 ALIGN CENTER CLASS encuesta gt Necaxa vs Tigres lt BR gt Final 1 0 lt TD gt lt TR gt lt TD BGCOLOR FRE0E0E0 ALIGN CENTER CLASS encuesta gt Santos vs Celaya lt BR gt Final 5 2 lt TD gt lt TR gt lt TABLE gt 155 lt TD gt lt TR gt lt TABLE gt lt BODY gt lt HTML gt Figura 88 C digo ejemplo de un Template HTML Esta herramienta permite al usuario agregar eliminar y modificar los templates que van a ser usados para presentar la informaci n de los art culos y las secciones de informaci n Templates manager e E E i e Ss S 5h o P 7 CE Figura 89 Pantalla Principal de Templates B 8 1 Para agregar un template se desplegar una nueva pantalla donde se debe registrar el nombre del nuevo template cargar el archivo ZIP el scre
10. m dulos a los cuales su grupo tenga acceso M dulo Administrativo Project lean Figura 73 Pantalla Principal del MACP 142 Tomando en cuenta que ya se tiene listo los templates del sitio dentro un archivo ZIP con la siguiente estructura 1 Ma screenshot E Jtemplate_dercripcion_area_ing Figura 73 Estructura de un Template El proceso para dar de desarrollar un sitio es el siguiente 77 Configurar la Base de Datos a utilizar 77 Crear templates Crear secciones padres Crear subsecciones 7 Crear art culos 7 Crear noticias RECOMENDACI N Hacer pruebas de funcionalidad del sitio A continuaci n se describir la manera de utilizar cada una de las herramientas del M dulo Administrativo de Contenidos para Portales Interactivos Web est n organizadas en orden alfab tico 143 B 4 Cambiar Password Password es la contrase a con la cual el administrador o un usuario del M dulo Administrativo de Contenidos para Portales Interactivos Web entrara al sistema para administrarlo Este m dulo permite al administrador cambiar el login y password de administrador al M dulo Administrativo de Contenidos para Portales Interactivos Web y nicamente podr ser modificado por el administrador del sistema B 4 1 Para modificar el password del administrador nicamente se debe escribir el nuevo password confirmarlo y oprimir el bot n Continuar Esto tambi n se hace para un usuario
11. ntalla en la cual aparecer la informaci n de la noticia t tulo descripci n e imagen Una vez editada la informaci n se debe confirmar que se quiere desea modificar la informaci n de la noticia 161 Modificaci n de noticias Figura 95 Pantalla para modificar una noticia B 9 4 Para agregar una noticia al banner del sitio es necesario oprimir el bot n Agregar Banner el cual desplegar la siguiente pantalla Agregar a banner Figura 96 Pantalla para agregar una noticia a un banner de un Template En el recuadro izquierdo est n todas aquellas noticias existentes dentro del sitio pero las noticias que son desplegadas en el banner del sitio son aquellas que est n en el recuadro derecho Para agregar una noticia al banner nicamente debemos seleccionar la s 162 noticia s y oprimir el bot n agregar en el caso contrario para que una noticia no aparezca en la banner se debe seleccionar la noticia del recuadro derecho y oprimir el bot n eliminar Una vez que se oprime el bot n Aceptar el sistema confirmar que el proceso se realiz satisfactoriamente 163
12. oprime el bot n continuar para agregar el art culo y se mostrar la pantalla principal del m dulo administrativo con el nuevo art culo New arilcle Figura 83 Pantalla para agregar un nuevo art culo B 6 2 Para eliminar un art culo primero se debe seleccionar el art culo y se debe oprimir el bot n Eliminar se mostrar la pantalla principal del m dulo pero sin el art culo seleccionado ADVERTENCIA Toda informaci n borrada no podr ser recuperada de ninguna manera ya que ser borrada de la base de datos B 6 3 Para modificar un art culo se debe seleccionar un art culo y se debe oprimir el bot n Modificar se desplegar una nueva pantalla con la informaci n correspondiente al art culo seleccionado Posteriormente se podr modificar la informaci n del art culo y salvar la informaci n con el bot n Continuar para que la informaci n sea modificada 151 Modifv article Figura 84 Pantalla para modificar un art culo B 6 4 Para ver un art culo nicamente se debe seleccionar el art culo y se debe accionar el bot n Ver Art culo Se desplegar una nueva pantalla con la informaci n del art culo en el Template asignado al art culo e Carros ro rs rr lr a adi A r Ep mee pe g E A ny go n Y MEE de e al E Figura 85 Ejemplo de art culo 152 B 7 Base de Datos Este m dulo permite ver la configuraci n de la base de datos utilizada por el M
13. que pertenece a un grupo MIEL E Figura 74 Pantalla para modificar el password de administrador 144 B 5 Secciones Una secci n es un rea de informaci n espec fica la cual puede contener varias subsecciones o niveles Estas definen el rbol de navegaci n del sitio tal como se muestra en el siguiente diagrama rbol de navegaci n de un Sitio rbol de navegaci n Figura 75 rbol de estructura de un sitio Este m dulo permitir al usuario agregar eliminar modificar y ver secciones de informaci n las cuales pueden ser secciones padres o secciones pertenecientes a otra secci n 145 Secitlons Figura 76 Pantalla principal de secciones B 5 1 Para agregar una nueva secci n se debe oprimir el bot n Agregar y se desplegar una nueva pantalla En esta pantalla debe escoger el tipo entre Section y Category y oprimir continue Choose vpe B Figura 77 Pantalla para seleccionar Secci n o categor a Una secci n puede contener en diferentes categor as esto tomando desde el punto de vista de una p gina HTML Es decir el template correspondiente a una secci n puede tener el siguiente formato 146 Men Navigation Content Menu Navigation Right Figura 78 Categor as en un Template Entonces para cada una de estas partes del template se crear una Categor a y para este ejemplo se crear la categor a menuNavigation la categor a Content y la ca
14. tegor a MenuNavigationRight Una vez creada una categor a esta podr utilizarse en cualquier template En la siguiente pantalla desplegada se debe dar un nombre a la nueva secci n y se debe especificar si la nueva secci n ser una secci n principal o pertenece a otra secci n se debe seleccionar un Template ya existente para desplegar la informaci n referente a esta secci n as como es necesario seleccionar el lenguaje en el que estar el template estos lenguajes est n definidos en la base de datos y nicamente el administrador puede agregar o eliminar lenguajes y finalmente se debe oprimir el bot n continuar para que se muestre la pantalla principal del m dulo ya con la nueva secci n 147 Yew section Bl Figura 79 Pantalla para agregar una nueva secci n B 5 2 Para eliminar una secci n se debe seleccionar la secci n se debe oprimir el bot n Eliminar y se mostrar la pantalla principal del m dulo sin la secci n seleccionada ADVERTENCIA Toda informaci n eliminada no podr ser recuperada de ninguna manera ya que ser borrada de la base de datos Se debe tener cuidado al eliminar una secci n ya que si tiene subsecciones no podr ser eliminada hasta que no tenga ninguna relaci n B 5 3 Para modificar una secci n es necesario seleccionar la secci n deseada la cual se mostrar en pantalla con la informaci n referente a la secci n seleccionada se puede modificar cualquier campo
Download Pdf Manuals
Related Search