Manual del sistema PAGINA WEB, UFT

Preview:

DESCRIPTION

 

Citation preview

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Contenido

1. Introducción

2. Requerimientos

3. Instalación

3.1 Appserv

3.2 Dreamwear

3.3 Flash

3.4 Fireworks

3.5 Configurar el FTP

4. El sitio WEB creado, colocar:

4.1 FPDF

4.2 MD5

5. Respaldar Datos

6. Recomendaciones

7. Posibles Errores y Soluciones.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Introducción

Es importante leer este manual antes de comenzar a usar la página web,

ya que aquí se encuentra toda la información necesaria para el programador o

administrador debe tener en cuenta, a fin de lograr la ejecución correcta de la

misma.

Cabe destacar que es primordial leer este manual si se trabajara con

código o diseño en una maquina por primera vez, siendo necesario instalar

algunos programas útiles para realizar algunas mejoras de ser necesario o

corregir errores presentes.

El manual incluye los pasos para realizar la instalación de 3 programas

esenciales para elaborar, diseñar, codificar y ejecutar con éxito la página web.

Appserv es una herramienta OpenSource para Windows que facilita la

instalación de Apache, MySQL y PHP en la cual estas aplicaciones se

configuran en forma automática. Como extra incorpora phpMyAdmin para el

manejo de MySQL

Adobe Dreamweaver es una aplicación en forma de suite (basada en la

forma de estudio de Adobe Flash que está destinada a la construcción, diseño y

edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente

por Macromedia (actualmente producido por Adobe Systems es el programa

más utilizado en el sector del diseño y la programación web, por sus

funcionalidades, su integración con otras herramientas como Adobe Flash y,

recientemente, por su soporte de los estándares del World Wide Web

Consortium.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Flash es la tecnología más comúnmente utilizada en el Web que permite

la creación de animaciones vectoriales. El interés en el uso de gráficos

vectoriales es que éstos permiten llevar a cabo animaciones de poco peso, es

decir, que tardan poco tiempo en ser cargadas por el navegador.

Fireworks es una aplicación en forma de estudio (basada en la forma de

estudio de Adobe Flash), pero con más parecido a un taller destinado para el

manejo híbrido de gráficos vectoriales con Gráficos en mapa de bits.

FTP significa File Transferer Protocol o Protocolo de Transferencia de

Archivos. Es una herramienta de internet más antigua que la WWW y es usada

para recibir y/o enviar archivos de una máquina a otra con sólo identificar un

nombre y una contraseña.

Éste servicio es muy usado en internet, especialmente por aquellos que

mantienen una página web o para el intercambio de archivos grandes.

Antiguamente trabajar con un servidor de FTP era costoso, y solo accesible

para personas con altos conocimientos sobre el tema, actualmente no existen

impedimentos para que cualquier usuario común acceda a este servicio, ya que

los nuevos programas de fácil manejo lo hacen más sencillo

En caso de existir algunos errores, durante la instalación de algunos

programas, cuenta con las posibles soluciones pàra las falla más comunes.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Requerimientos Mínimos

Hardware

1. Pc Intel x86

2. Pentium IV o Equivalente

3. 512 MB RAM

4. 1 Tarjeta de Red

5. Disco duro varia el tamaño, depende si es solo para la página web de

inscripciones de la UFT puede ser de <=40 GB, si la pc es compartida como

muchas otras más cosas >=40 GB.

Software

1. Windows 2000/2003/XP/VISTA/SEVEN

2. Navegadores: Mozilla Firefox, Internet Explorer, Google Chrome.

3. Appserv

4. Macromedia 8

4.1 Dreamwear

4.2 Flash

4.3 Fireworks

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Instalación

3.1 Appserv

1. Buscar el archivo Ejecutable en el disco C de la pc de nombre “Appserv”, hacer

doble clic sobre él y automáticamente visualizara lo siguiente:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR ESTE BOTON

.

2. Aceptar la licencia.

PRESIONAR ESTE BOTON

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

3. Presionar “NEXT” para que guarde el programa en el pc.

PRESIONAR ESTE BOTON

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

4. Resumen de lo que se instalará.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR ESTE BOTON

5. Configura el servidor.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

AQUÍ COLOCAS CUALQUIER DIRECCION

WEB.

AQUÍ REPITES LA

DIRECCION WEB

LUEGO PRESIONAN

EL SIGUIENTE BOTON

6. Configuración de la Clave, la cual siempre debe memorizarla.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

COLOCAR 1234 Y MEMORIZARLA, YA

QUE SE USARA MAS ADELANTE.

AQUÍ REPITEN LA CLAVE

LUEGO

PRESIONAR

ESTE BOTON

7. Si alguna seguridad activa, en caso de presentarse de no ser así seguir con el

paso 8.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

POR ULTIMO PRESIONAN

ESTE BOTON SI APARECE.

8. Para finalizar

De esta manera queda instalado el Appserver en la pc que facilita la

instalación de SQL y PHP.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR ESTE BOTON

ESTE BOTON

Instalación

3.2 Dreamweaver

1. Buscar el archivo Ejecutable en el disco C de la pc de nombre “Dreamweaver”,

hacer doble clic sobre él y automáticamente visualizará lo siguiente:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

2. Visualizará la iniciación de la instalación del programa.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR ESTE BOTON

ESTE BOTON

3. Aceptar la Licencia.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

SELECCIONAR ACEPTO

LUEGO

PRESIONAR

ESTE BOTON

4. Destino de la Instalación y seleccionar donde se colocaran los iconos del

programa.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR AQUÍ, SI DESEA

CAMBIAR LA UBICACIÓN DE LA

INSTALACION.

PUEDE SELECCIONAR ALGUNAS

DE LAS DOS OPCIONES O

NINGUNA.

LUEGO PRESIONAR

ESTE BOTON .

5. Combo de instalación.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

6. Inicia la Instalación

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR ESTE

BOTON.

7. Espere, mientras se instala el programa.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

8. Finalizada la instalación, presione

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR ESTE

BOTON.

Instalación

3.3 Flash

1. Buscar el archivo Ejecutable en el disco C de la pc de nombre “Flash”, hacer

doble clic sobre él y automáticamente visualizará lo siguiente:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

2. Visualizará una pantalla de Bienvenido y debe presionar lo siguiente:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR ESTE

BOTON.

3. Aceptar Licencia

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

SELECCIONAR ACEPTO

PRESIONAR ESTE

BOTON.

4. Destino de instalación de su preferencia.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PUEDE SELECCIONAR ALGUNAS

DE LAS DOS OPCIONES O

NINGUNA.

LUEGO PRESIONAR

ESTE BOTON.

PRESIONAR AQUÍ, SI DESEA

CAMBIAR LA UBICACIÓN DE LA

INSTALACION.

5. Presionar siguiente, así:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

6. Iniciar Instalación

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

7. Espere mientras se instala y luego visualizará lo siguiente:

De esta manera se ha culminado con éxito la instalación de este programa.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

Instalación

3.4 Fireworks

1. Buscar el archivo Ejecutable en el disco C de la pc de nombre “Fireworks”,

hacer doble clic sobre él y automáticamente visualizará lo siguiente:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

2. Aceptar la licencia.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

SELECCIONAR ACEPTO

LUEGO PRESIONAR

ESTE BOTON.

3. Destino de instalación de su preferencia.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR AQUÍ, SI DESEA

CAMBIAR LA UBICACIÓN DE LA

INSTALACION.

PUEDE SELECCIONAR ALGUNAS

DE LAS DOS OPCIONES O

NINGUNA.

LUEGO PRESIONAR

ESTE BOTON.

4. Combo de instalación.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

5. Iniciar instalación.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

6. Esperar mientras se instala.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

7. Al finalizar la instalación visualizará lo siguiente.

De esta manera queda con éxito instalado este programa.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

LUEGO PRESIONAR

ESTE BOTON.

Instalación

3.5 Configurar el FTP

1. Buscar la carpeta en el disco C de la pc de nombre “FTP”, hacer doble clic

sobre ella, luego visualizará varios archivos y debe hacer doble clic en el archivo

de nombre “NICO FTP”.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

ABRIR LA CARPETA

FTP Y ABRIR EL

ARCHIVO NICOFTP

2. Buscar el menú FTP y luego presionar conectar.

MANUAL DEL SISTEMA

PRESIONAR

CONECTAR

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

3. Luego, debe presionar la opción de nuevo así:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

PRESIONAR LA

OPCION DE NUEVO

4. Configurar el FTP así:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Colocar el nombre del

sitio web.

Colocar el nombre del

sitio web

Colocar el nombre de

usuario

Debes Colocar la

contraseña que se ha

memorizado

anteriormente.

Presionar CONECTAR

5. Conexión realizada con éxito debes visualizar así:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Si está todo bien debería de observar

estas letras en azul. En el Caso que le

salgan de color rojo es porque hay algo

malo y no se puede conectar.

6. Luego abrir la carpeta HTML:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Si está todo bien, abrir esta carpeta

public_html (es aquí donde se deben

subir todos los archivos a internet).

7. Buscamos la carpeta donde se tiene guardador todos los archivos que

colocaremos en el sitio web, así:

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Luego se busca el directorio donde

tenemos los archivos que vamos a subir

en el dominio.

8. Luego

De esta manera ha quedado configurado el FTP con éxito.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Por último se selecciona los archivos y

seleccionar éste botón verde para enviar

los archivos que están localmente

montarlos en internet.

Sitio Web creado

4.1 FPDF

Con el sitio web creado se debe llevar dentro del mismo por medio de la técnica

copiar y pegar un código ya preestablecido de nombre FPDF, siendo este una clase

escrita en PHP que permite generar documentos PDF directamente desde PHP, es decir, sin

usar la biblioteca PDFlib. La F de FPDF significa Free (gratis y libre): puede usted usarla para

cualquier propósito y modificarla a su gusto para satisfacer sus necesidades.

Cabe mencionar que este documento debe estar guardado en el disco C de la pc.

4.2 MD5

Código que está guardado en el disco C de la pc, este es en JSCRIPT, el mismo

se debe copiar y pegar en el sitio web. Esto para la seguridad de la página, es decir

encriptaciones de las claves o lo que se ajusta a las necesidades.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Respaldar Datos o Información

En el disco C de la pc, donde se ha instalado todo lo anterior encontraras una

página en código PHP ya preestablecido, debes copiar y pegar esa página dentro del

sitio web creado. De esta manera cada vez que se ejecute se creara un archivo .sql y allí

tendrás el respaldo de la base de datos y PHP.

Es muy importante realizar esta operación para así tener respaldo de todo lo que

se hace dentro del sitio web.

Recomendaciones

1. Verificar siempre la conexión a internet en el momento que quieras ver la página

en la web.

2. Comprobar que todos los programas estén previamente instalado y con éxito.

3. Confirmar que todos las imágenes a subir estén .jpg y los videos .flv, para ello se

instala el flash que los convierte automáticamente tus videos.

4. Verificar la conexión el FTP para que no hay problemas en la transferencia de

archivos.

5. Conocer códigos en PHP y JAVASCRIPT.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Posibles Errores y Soluciones

1. Tratar de navegar en la web con el link de la página.

Solución:

1.1 Comprobar la conexión a internet, ya que este error se presenta cuando la

conexión no está activa.

1.2 Revisar si la tarjeta de Red de la pc está habilitada o deshabilitada.

1.3 Verificar si el antivirus está bloqueando la URL de la página, porque ha

detectado una amenaza.

Nota: Si persiste lo más recomendable es ubicar a un técnico o al departamento

de sistemas.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

2. Configuración del FTP: Si al momento de configurarlo visualiza esto o letras en

rojo.

Solución:

2.1 Error en la contraseña, no se colocó la memorizada anteriormente. Intentar

colocar la memorizada, de persistir desinstalar todo y volver a instalar.

2.2 Está haciendo clic en aceptar y es en conectar.

Nota: De persistir ubicar a un técnico o al departamento de sistemas.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas

Visualiza esto o letras en rojo.

3. No suben las imágenes ni videos.

Solución

3.1 Verificar que los imágenes estén .jpg

3.2 Comprobar que los videos este en una extensión .flv.

MANUAL DEL SISTEMA

Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas