Joyerito

Accesorios

MANUAL
técnico
Diseñador por:
Elkin Gutiérrez
Robinson Navia Multi
Paula Cubillos
medios.com
 Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

Contenido

Introducción ........................................................................................................................................... 3
Objetivo ......................................................................................................................................................
Requerimientos de hardware.................................................................................................................. 4
Instalación............................................................................................................................................... 6
Dreamweaver..........................................................................................................................................
Adobe Photoshop ...................................................................................................................................
Adobe Illustrator ....................................................................................................................................
Respaldar datos .................................................................................................................................... 10
Recomendaciones .....................................................................................................................................
Posibles errores y soluciones ...................................................................................................................

2
MANUAL Multi
técnico Joyerito
Accesorios
medios.com

Introducción

La finalidad de todo manual técnico es la de proporcionar al lector la lógica con la que se ha desarrollado
una aplicación, la cuál se sabe que es propia de cada programador; por lo que se considera necesario ser
documentada.

Aclarando que este manual no pretende ser un curso de aprendizaje de cada una de las herramientas em-
pleadas para el desarrollo del sitio, sino documentar su aplicación en el desarrollo de la página web. Para
un mayor detalle acerca de cada una de las herramientas utilizadas, y su forma de operación y aplicación,
se recomienda consultar los manuales respectivos de cada uno de ellos.

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.

Objetivo

Proporcionar una guía para el lector, del desarrollo de la interfaz y de la instalación del sitio web de JOYE-
RITO ACCESORIOS.

3
 Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

Requerimientos mínimos

Hardware

Pc Intel x86
1. Pentium IV o Equivalente
2. 8 GB de MEMORIA RAM
3. 1 Tarjeta de Red
4. Disco duro >=500 GB.

Mac óptimo proceso gráfico

1. Procesador (6MB Caché, hasta 3.20 GHz)
2. Memoria Ram 6 GB2 DDR3 a 1600 MHz
3. Disco Duro Disco Duro SATA de 1TB a 5400 o 7200RPM
4. Tarjeta de video 1GB GDDR5 VRAM

Software

1. Windows 7/8/10
2. masOS Mavericks/Yosemite/High Sierra
3. Navegadores: Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari.
4. Lenguaje utilizado HTML5, CSS3 y Javascript
5. Dreamwear
6. Adobe Photoshop
7. Adobe Illustrator

4
MANUAL Multi
técnico Joyerito
Accesorios
medios.com

Instalación

El proyecto página Web Joyerito Accesorios se distribuye de la siguiente manera:

En la carpeta raíz se encuentran las páginas html disponibles. Se enumeran de acuerdo a la prioridad que
le fue asignada:

Como subcarpetas existen las siguientes:

JS. Carpeta que contiene la información de los elementos JavaScript usados en el contenido de la página.

5
 Multi MANUAL
medios.com
Joyerito
Accesorios
técnico
CSS. Almacena la información de los diferentes estilos aplicados en el contenido de la página.

Imagenes. Contiene la información de las imágenes a ser usadas en las diferentes páginas.

6
MANUAL Multi
técnico Joyerito
Accesorios
medios.com
Audio. Contiene el audio que va a ser usado como fondo al ingresar al index.

JavaScript permite crear aplicaciones específicamente orientadas a su funcionamiento en la red Internet.

Usando JavaScript, se pueden crear páginas HTML dinámicas que procesen la entrada del usuario y que
sean capaces de gestionar datos persistentes usando objetos especiales, archivos y bases de datos rela-
cionales.

Con JavaScript se pueden construir que varían desde la gestión de la información corporativa interna y su
publicación en Intranets hasta la gestión masiva de transacciones de comercio eléctronico.

Los clientes Web que soportan JavaScript, tales como el Netscape Navigator/Communicator (desde la
versión 2.0) o el Microsoft Internet Explorer (desde la versión 3.0) pueden interpretar sentencias JavaScript
colocadas en un documento HTML.

Cuando el cliente Web solicita una página de este tipo, el servidor envía por la red al cliente el contenido
completo del documento; incluyendo todos los códigos HTML y las sentencias Javascript que pudieran
existir en éste.

El cliente lee entonces la página de forma secuencial, desde el principio hasta el final, representando vi-
sualmente los códigos HTML y ejecutando las sentencias JavaScript conforme avanza el proceso de lectura
e interpretación.

Las sentencias JavaScript colocadas en una página Web pueden dar respuesta a eventos de usuarios,
tales como la pulsación de un botón del ratón (clic), la entrada de datos en un formulario y la navegación
por una página.

Ejemplo de código JavaScript.

<SCRIPT LANGUAGE=”JavaScript”>
document.write(‘Texto generado desde Javascript’)
</SCRIPT>

7
 Multi MANUAL
medios.com
Joyerito
Accesorios
técnico
Dreamweaver

Adobe Dreamweaver CC Versión 16.0.0 Con este grandioso programa tendremos la oportunidad de lograr
desarrollar diferentes contenido Web con una rapidez mayor y eficacia, Con la nueva interfaz mas optimi-
zada y sus diferentes herramientas que estan enlazadas a la edicion visual de CSS que podra codificar de
una forma mas intituiva , Este programa te permite compartir tus trabajos directamente desde la aplica-
cion y de esta manera nos ayuda a mantener al dia los estandares Web de esta manera podremos disfrutar
un mundo creativo en un solo Lugar.

Características

Codifica más rápido gracias a las nuevas funciones de edición visual, entre las que se incluyen el Dise-
ñador de CSS y la interfaz actualizada de Diseño de cuadrícula fluida. Arrastra y suelta widgets de IU de
jQuery para crear apps para dispositivos móviles personalizadas y, a continuación, empaquétalas con
Adobe® PhoneGap Build.

Presentamos una intuitiva herramienta de edición visual que te ayudará a crear código limpio de confor-
midad con los estándares web y te permitirá aplicar rápidamente propiedades CSS como degradados y
sombras de cuadro.

Con Dreamweaver CC, integrado en Creative Cloud, tu proceso creativo será fluido e intuitivo y contará con
más conectividad. Consíguelo como una suscripción a una aplicación individual o con un abono completo
a Creative Cloud, que también incluye el resto de las herramientas creativas de Adobe.

Requerimientos del sistema

• Procesador Intel® Pentium® 4 o AMD Athlon® de 64 bits.

• Microsoft® Windows® 7 o Windows 8.
• 1 GB de RAM.
• 1 GB de espacio disponible en el disco duro para la instalación; se requiere espacio libre adicional
durante la instalación (no se puede instalar en dispositivos de almacenamiento flash extraíbles).
• Resolución de 1280 x 1024 con tarjeta de vídeo de 16 bits.
• Java™ Runtime Environment 1.6 (incluido).
• Se requiere disponer de una conexión a Internet y registrarse para la activación del software y la vali-
dación de los abonos obligatorias, y para el acceso a los servicios online*.

8
MANUAL Multi
técnico Joyerito
Accesorios
medios.com
Capturas

9
Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

10
MANUAL Multi
técnico Joyerito
Accesorios
medios.com

11
 Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

Photoshop

Adobe Photoshop CC Versión 16.0 Español Mayor libertad, velocidad y potencia para hacer realidad imá-
genes increíbles. Conseguirás decenas de funciones nuevas y renovadas, entre las que se incluye la he-
rramienta de enfoque más avanzada del mercado. Comparte tu trabajo directamente desde Photoshop®
CC en Behance® para recibir comentarios y mostrar tus propios proyectos. Accede a funciones nuevas en
cuanto estén disponibles. Disfruta de todo tu mundo creativo en un único lugar.

Características

Photoshop CC incluye muchas novedades. Utiliza la herramienta Enfoque suavizado completamente nue-
va para destacar los detalles. Convierte instantáneas con baja resolución en grandes imágenes con alta
resolución. Consigue las avanzadas herramientas de análisis de imagen y edición en 3D que antes solo se
ofrecían en Adobe Photoshop Extended.

Consigue imágenes nítidas y claras en todo momento. Ahora, Enfoque suavizado resalta los detalles y la
textura, elimina los efectos de halo y el ruido, y te permite realizar ajustes para conseguir el aspecto con-
creto que deseas. Es todo lo que necesitas para lograr la nitidez.

Requerimientos del Sistema

• Procesador Intel Pentium 4 o AMD Athlon® de 64 bits. (de 2 GHz o superior).

• Microsoft® Windows® 7 con Service Pack 1 o Windows 8.

12
MANUAL Multi
técnico Joyerito
Accesorios
medios.com
• 1 Giga de RAM.
• 2,5 Gigas de espacio disponible en el disco duro para la instalación; se requiere espacio libre adicional
durante la instalación
• (no se puede instalar en dispositivos de almacenamiento flash extraíbles).
• Resolución de 1024 x 768 (se recomienda 1280 x 800) con tarjeta gráfica OpenGL 2.0, color de 16 bits
y 512 Megas de VRAM (se recomienda 1 Giga)
• Se requiere disponer de una conexión a Internet y registrarse para la activación del software y la vali-
dación de los abonos obligatorias, y para el acceso a los servicios online.

Capturas

13
Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

14
MANUAL Multi
técnico Joyerito
Accesorios
medios.com

15
 Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

Illustrator

Conoce la versión de Illustrator más potente y conectada de todos los tiempos. La nueva herramienta
Retocar texto te ofrece un control de escritura aún mayor: Mueve, cambia la escala y gira caracteres in-
dividuales con la certeza de que podrás copiar o modificar la fuente en cualquier momento. Además, con
Illustrator CC, puedes compartir tu trabajo directamente desde la aplicación y sincronizar colores desde
Adobe Kuler. Disfruta de todo tu mundo creativo en un único lugar. Trabaje con el texto de forma mucho
más eficaz. Coloque numerosos archivos a la vez con total control y cree con la ayuda de un pincel gene-
rado a partir de una foto.

Requerimientos

• Procesador: Intel Pentium 4 o AMD Athlon 64

• Sistemas Operativos: Microsoft Windows 7 con Service Pack 1, Windows 8, or Windows 8.1
• Memoria: 1 Giga de RAM (3 Gigas recomendado) para 32 bit; 2 Gigas de RAM (8 Gigas recomendado)
para 64 bit
• Disco Duro: 2 Gigas de espacio libre
• Resolución: 1024 x 768 display (1280 x 800 recommended)
• Modo HiDPI: Requiere resolución de 1920 x 1080
• OpenGL: 4.x
• Modo Touch workspace: Requiere pantalla tactil y windows 8.1
• Opcional: Para usar GPU Performance se requiere 1 Giga de VRAM (2 Gigas recomendado); y los ultimos drivers

16
MANUAL Multi
técnico Joyerito
Accesorios
medios.com
Las siguientes tarjetas de vídeo tienen soporte para las características de GPU Performance:
• NVIDIA Quadro K Series
• NVIDIA Quadro 6xxx
• NVIDIA Quadro 5xxx
• NVIDIA Quadro 4xxx
• NVIDIA Quadro 2xxx
• NVIDIA Quadro 2xxxD
• NVIDIA Quadro 6xx
• NVIDIA GeForce GTX Series (4xx, 5xx, 6xx, 7xx, Titan)
• Intel HD Graphics 4000 Series
• Intel HD Graphics 5000 Series
• Intel Iris Graphics 5000 Series
• Intel Iris Pro Graphics 5000 Series
• Las siguiente tarjetas de vídeo AMD solo funcionan sobre windows 8 o superior:
• AMD Radeon R9 Series GraphicsAMD Radeon R7 Series Graphics
• AMD Radeon HD 7000 Series Graphics
• AMD Radeon HD 8000 Series Graphics

Capturas

17
Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

18
MANUAL Multi
técnico Joyerito
Accesorios
medios.com

19
Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

20
MANUAL Multi
técnico Joyerito
Accesorios
medios.com

Respaldar datos

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. Conocer códigos en JAVASCRIPT.

21
 Multi MANUAL
medios.com
Joyerito
Accesorios
técnico

Posibles errores y soluciones

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

Solución:

1. Comprobar la conexión a internet, ya que este error se presenta cuando la conexión no está activa.
2. Revisar si la tarjeta de Red de la pc está habilitada o deshabilitada.
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.

2. No suben las imágenes ni videos.

Solución:

1. Verificar que las imágenes estén .jpg

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

22