2. MANUAL DEL SISTEMA
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
3. MANUAL DEL SISTEMA
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
4. MANUAL DEL SISTEMA
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
5. MANUAL DEL SISTEMA
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
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
6. MANUAL DEL SISTEMA
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:
PRESIONAR ESTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
7. . MANUAL DEL SISTEMA
2. Aceptar la licencia.
PRESIONAR ESTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
8. MANUAL DEL SISTEMA
3. Presionar “NEXT” para que guarde el programa en el pc.
PRESIONAR ESTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
9. MANUAL DEL SISTEMA
4. Resumen de lo que se instalará.
PRESIONAR ESTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
10. MANUAL DEL SISTEMA
5. Configura el servidor.
AQUÍ COLOCAS CUALQUIER DIRECCION
WEB.
AQUÍ REPITES LA
DIRECCION WEB
LUEGO PRESIONAN
EL SIGUIENTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
11. MANUAL DEL SISTEMA
6. Configuración de la Clave, la cual siempre debe memorizarla.
COLOCAR 1234 Y MEMORIZARLA, YA
QUE SE USARA MAS ADELANTE.
AQUÍ REPITEN LA CLAVE
LUEGO
PRESIONAR
ESTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
12. MANUAL DEL SISTEMA
7. Si alguna seguridad activa, en caso de presentarse de no ser así seguir con el
paso 8.
POR ULTIMO PRESIONAN
ESTE BOTON SI APARECE.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
13. MANUAL DEL SISTEMA
8. Para finalizar
PRESIONAR ESTE BOTON
ESTE BOTON
De esta manera queda instalado el Appserver en la pc que facilita la
instalación de SQL y PHP.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
14. MANUAL DEL SISTEMA
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:
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
15. MANUAL DEL SISTEMA
2. Visualizará la iniciación de la instalación del programa.
PRESIONAR ESTE BOTON
ESTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
16. MANUAL DEL SISTEMA
3. Aceptar la Licencia.
SELECCIONAR ACEPTO
LUEGO
PRESIONAR
ESTE BOTON
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
17. MANUAL DEL SISTEMA
4. Destino de la Instalación y seleccionar donde se colocaran los iconos del
programa.
PRESIONAR AQUÍ, SI DESEA
CAMBIAR LA UBICACIÓN DE LA
INSTALACION.
PUEDE SELECCIONAR ALGUNAS
DE LAS DOS OPCIONES O
NINGUNA.
LUEGO PRESIONAR
ESTE BOTON .
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
18. MANUAL DEL SISTEMA
5. Combo de instalación.
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
19. MANUAL DEL SISTEMA
6. Inicia la Instalación
PRESIONAR ESTE
BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
20. MANUAL DEL SISTEMA
7. Espere, mientras se instala el programa.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
21. MANUAL DEL SISTEMA
8. Finalizada la instalación, presione
PRESIONAR ESTE
BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
22. MANUAL DEL SISTEMA
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:
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
23. MANUAL DEL SISTEMA
2. Visualizará una pantalla de Bienvenido y debe presionar lo siguiente:
PRESIONAR ESTE
BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
24. MANUAL DEL SISTEMA
3. Aceptar Licencia
SELECCIONAR ACEPTO
PRESIONAR ESTE
BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
25. MANUAL DEL SISTEMA
4. Destino de instalación de su preferencia.
PRESIONAR AQUÍ, SI DESEA
CAMBIAR LA UBICACIÓN DE LA
INSTALACION.
PUEDE SELECCIONAR ALGUNAS
DE LAS DOS OPCIONES O
NINGUNA.
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
26. MANUAL DEL SISTEMA
5. Presionar siguiente, así:
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
27. MANUAL DEL SISTEMA
6. Iniciar Instalación
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
28. MANUAL DEL SISTEMA
7. Espere mientras se instala y luego visualizará lo siguiente:
LUEGO PRESIONAR
ESTE BOTON.
De esta manera se ha culminado con éxito la instalación de este programa.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
29. MANUAL DEL SISTEMA
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:
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
30. MANUAL DEL SISTEMA
2. Aceptar la licencia.
SELECCIONAR ACEPTO
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
31. MANUAL DEL SISTEMA
3. Destino de instalación de su preferencia.
PRESIONAR AQUÍ, SI DESEA
CAMBIAR LA UBICACIÓN DE LA
INSTALACION.
PUEDE SELECCIONAR ALGUNAS
DE LAS DOS OPCIONES O
NINGUNA.
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
32. MANUAL DEL SISTEMA
4. Combo de instalación.
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
33. MANUAL DEL SISTEMA
5. Iniciar instalación.
LUEGO PRESIONAR
ESTE BOTON.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
34. MANUAL DEL SISTEMA
6. Esperar mientras se instala.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
35. MANUAL DEL SISTEMA
7. Al finalizar la instalación visualizará lo siguiente.
LUEGO PRESIONAR
ESTE BOTON.
De esta manera queda con éxito instalado este programa.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
36. MANUAL DEL SISTEMA
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”.
ABRIR LA CARPETA
FTP Y ABRIR EL
ARCHIVO NICOFTP
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
37. MANUAL DEL SISTEMA
2. Buscar el menú FTP y luego presionar conectar.
PRESIONAR
CONECTAR
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
38. MANUAL DEL SISTEMA
3. Luego, debe presionar la opción de nuevo así:
PRESIONAR LA
OPCION DE NUEVO
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
39. MANUAL DEL SISTEMA
4. Configurar el FTP así:
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
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
40. MANUAL DEL SISTEMA
5. Conexión realizada con éxito debes visualizar así:
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
41. MANUAL DEL SISTEMA
6. Luego abrir la carpeta HTML:
Si está todo bien, abrir esta carpeta
public_html (es aquí donde se deben
subir todos los archivos a internet).
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
42. MANUAL DEL SISTEMA
7. Buscamos la carpeta donde se tiene guardador todos los archivos que
colocaremos en el sitio web, así:
Luego se busca el directorio donde
tenemos los archivos que vamos a subir
en el dominio.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
43. MANUAL DEL SISTEMA
8. Luego
Por último se selecciona los archivos y
seleccionar éste botón verde para enviar
los archivos que están localmente
montarlos en internet.
De esta manera ha quedado configurado el FTP con éxito.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
44. MANUAL DEL SISTEMA
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
45. MANUAL DEL SISTEMA
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
46. MANUAL DEL SISTEMA
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
47. MANUAL DEL SISTEMA
2. Configuración del FTP: Si al momento de configurarlo visualiza esto o letras en
rojo.
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas
48. MANUAL DEL SISTEMA
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.
Autor(es): Amanda Luque, Osney Rojas, María Mendoza, Guillermo Cárdenas