16
UNIVERSIDAD TECNOLOGICA DEL ESTADO DE ZACATECAS TECNOLOGIAS DE LA INFORMACION Y LA COMUNICACIÓN PROFESOR: JOSE FRANCISCO HERNANDEZ SERRANO ALUMNO: FRANCISCO HERRER BERENICE CANIZALEZ SANDRA MONTOYA MATERIA: OPTATIVA TEMA: TIENDA EN LINEA

Utzaropa documentacion

Embed Size (px)

Citation preview

Page 1: Utzaropa documentacion

UNIVERSIDAD TECNOLOGICA DEL ESTADO DE ZACATECAS

TECNOLOGIAS DE LA INFORMACION Y LA COMUNICACIÓN

PROFESOR:

JOSE FRANCISCO HERNANDEZ SERRANO

ALUMNO:

FRANCISCO HERRER

BERENICE CANIZALEZ

SANDRA MONTOYA

MATERIA:

OPTATIVA

TEMA: TIENDA EN LINEA

Page 2: Utzaropa documentacion

PARTICULARIDADES DE LAS PANTALLAS PEQUEÑAS

Desventajas de una pantalla chica

Denominación del formato Relación de aspecto

Formato oblongo de foto pequeña (36x24) 3:2 (1,5:1)

Formato alto de foto pequeña (24x36) 2:3 (0,67:1)

Formato cuadrado de foto pequeña (36x36), formato medio (6x6) 1:1

Formato PC, Formato televisión 4:3 (1,33:1)

Formato pantalla ancha (HDTV) 16:9 (1,78:1)

Fomato cinematográfico banda ancha 1,85:1

Formato cinematográfico Cinemascope 2,35:1

1.- Baja resolución

En realidad es la más grande desventaja de las pantallas chica ya que el usuario

no puede reconocer iconos, letras o elementos que se reflejen en la interfaz

2.-Acoplacion

La pantalla chica no podrá mostrar una página web o tienda en si ya que la

resolución requerida no es la suficiente y entonces el usuario tendrá esa gran

limitación

3.-Escritorio personalizado

No podrás organizar accesos rápidos en el escritorio ya que tu pantalla solo

mostrara un menú inicial.

4.-Menos diversión

No podrás disfrutar imágenes, videojuegos, películas etc. Ya que la pantalla chica

te impedirá ver detalles importantes.

Page 3: Utzaropa documentacion

Ventajas de una pantalla chica

1.- Gasta menos batería.

2.-El no gozar de servicios como internet, juegos, redes sociales pues

involuntariamente dejaras de gastar dinero.

3.-Sera más resistente a caídas ya que la pantalla se encuentra protegida ante

caídas y no se expone ante cualquier golpe.

4.-Será más fácil y barato cambiar de pantalla.

5.-Nadie se interesara en robar tu celular ya que la moda o tendencia ahora es

una pantalla grande.

Ventajas y desventajas de una pantalla grande

La tendencia actual con la mayoría de los teléfonos inteligentes es la presencia de

una pantalla cada vez más grande, al menos en los modelos ‘tope de gama’. Hace

unos meses, el tamaño más grande llegaba a ser de 4.2 pulgadas, pero los

últimos modelos de HTC o Samsung, por ejemplo, han llegado hasta las 4.7 o 4.8

pulgadas.

se cuenta con una pantalla grande en un teléfono celular podemos dar por hecho

que será muy placentero ver imágenes, videos o películas, navegar en internet,

jugar y leer revistas o libros electrónicos. Todo eso está disponible para que lo

utilicemos cuando queramos y se puede manejar más fácilmente en un display del

tamaño adecuado.

Page 4: Utzaropa documentacion

Para que todo eso sea todavía más satisfactorio, hay que comprobar que las

especificaciones técnicas de la pantalla también sean suficientes para obtener lo

mejor del contenido multimedia. Eso es a lo que nos tienen acostumbrado las

principales marcas, con tecnología OLED o LCD, por mencionar un par, y

resoluciones que pueden ir hasta 720 pixeles, o más allá, en el caso del iPhone

4S.

Hablando de iPhone, es uno de los casos curiosos en que el tamaño de la pantalla

no ha rebasado las 3.5 pulgadas; la razón para eso es que Apple ha visto que el

usuario puede usar de forma satisfactoria un teléfono con tamaño de pantalla que

actualmente puede ser visto como pequeño y, para que no se vuelva obsoleta, le

ha integrado mejor resolución y tecnología que se adecúe a los estándares

actuales.

. Con la tecnología actual, los dispositivos pueden usar un display enorme sin que

el grosor de éstos tenga que incrementar su tamaño, no obstante, portar contigo

uno de estos móviles se puede volver molesto, depende de cómo acostumbres

hacerlo. Si sueles llevarlo en la bolsa del pantalón o camisa, dependiendo de las

dimensiones de tus bolsillos, o si sueles estar sentado, será más difícil sacar

el gadget de donde esté guardado, sobre todo si consideras que la mayoría

solemos ver la pantalla un montón de veces al día.

1.- No se puede usar con una mano

Los móviles con una pantalla tan grande no se pueden utilizar con una sola mano

de una manera ágil. Sí es necesario, se puede marcar un número con una mano,

o incluso navegar por Internet, pero se reduce la agilidad que tenemos con el

Smartphone. Al final, es fácil que acabemos escribiendo un email con las dos

manos. Y eso es una limitación importante. Lo más curioso es que uno se adapta

fácilmente a utilizar el Smartphone con las dos manos, y no se da cuenta de lo

limitado que era hasta que no vuelve a uno con un tamaño inferior.

2.- Se caen más

Page 5: Utzaropa documentacion

Desde mi punto de vista es un problema todavía más importante que el anterior.

Son mucho más propensos a caerse con un tamaño así. Es una cuestión

científica. El móvil tiene un tamaño mayor y un centro de gravedad más alejado de

los extremos del Smartphone. En muchas ocasiones, es incluso difícil mantenerlo

por el centro de gravedad cuando estamos escribiendo, pues el teclado aparece

en la sección inferior de la pantalla. Una pérdida de equilibrio, y el Smartphone se

va al suelo. Además, el hecho de que sean más anchos también dificulta el

mantenerlo en la mano, y eso hace que se caigan más.

3.- Caídas más aparatosas

Su mayor longitud también hace que las caídas sean más aparatosas que las de

un Smartphone más pequeño. Es más, es más fácil doblarlo, aunque pueda

parecer imposible. Es verdad que para doblar un teléfono inteligente es necesario

darle un golpe importante. Pero si te vas a gastar 600 euros, tampoco estaría nada

mal que el móvil fuera capaz de soportar un golpe importante sin doblarse.

4.- Pantallas más costosas

El día de mañana, si quieres cambiar la pantalla, también se notará, tratándose de

una pantalla de mayor tamaño también será una pantalla más cara. Normalmente,

no solo tendrás que sustituir la pantalla, sino también el digitador, por lo que el

precio se va multiplicando, aunque sea en menor medida.

5.- Pantallas con menor densidad de píxeles

¿Qué pantalla se ve mejor, una de 21 pulgadas Full HD o una de 23 pulgadas Full

HD? Si vas a estar a la distancia suficiente, lo mejor es que compres la de 21

pulgadas, pues la densidad de píxeles es mayor. La nitidez con la que se ven las

imágenes es mayor en una televisión que en otra. Obviamente, si vas a estar muy

alejado, será necesario que la pantalla sea más grande. No es el caso de los

Page 6: Utzaropa documentacion

Smartphone. Una pantalla Full HD en un Smartphone de 4,5 pulgadas es mejor

que una pantalla Full HD en un Smartphone de cinco pulgadas.

6.- Móviles más grandes

Lo más obvio cuando compramos un móvil de mayor tamaño es que cuente con

un tamaño mayor. No obstante, aun siendo obvio, no siempre lo pensamos al

comprarlo. Un tamaño mayor hace que sea más incómodo de llevar, y

normalmente que pese más. Uno acaba adaptándose, pero lo cierto es que nota la

diferencia cuando vuelve a utilizar un Smartphone con un tamaño menor, y

debemos pensar que, al fin y al cabo, un móvil es un móvil.

7.- Gastan más batería

Por último, no debemos olvidarnos del talón de Aquiles de los Smartphone, la

autonomía. La pantalla es la principal responsable del consumo de batería del

Smartphone. Una pantalla de mayor tamaño consume más energía que una

pantalla de menor tamaño, y eso también hay que tenerlo muy en cuenta al elegir

Smartphone.

DISEÑO DE SOFTWARE EN EL CONTEXTO MÓVIL

Interacción física: Hablemos de la interacción física del usuario con el móvil

en realidad hoy en día una de las desventajas que tiene una pantalla grande es

que el usuario no lo puede manipulas con ambas manos así que estará expuesto

a no sujetarlo bien y por lo tanto estará en riesgo de que el celular caiga y la

pantalla se rompa.

La interacción física es lo más importante y se recomienda que de preferencia los

celulares cuenten con un teclado una pantalla táctil al mismo tiempo.

Page 7: Utzaropa documentacion

Seria genial que existiese un celular con las capacidades y especificaciones

actuales que contenga un teclado y al mismo tiempo una pantalla táctil.

Se podría manejar con ambas manos y el teclado sería un apoyo para proteger a

la pantalla.

Los gustos son diferentes pero desde el punto de vista analítico esto sería lo

mejor, lástima que estos teléfonos han sido opacados por los Smartphone

actuales.

Cuando se va a desarrollar un software para móvil es necesario tener en

cuenta lo siguiente

Tienen menos resolución, tamaño, colores, memoria RAM, menor velocidad del

CPU y ancho de banda. Diferentes mecanismos de entrada y salida de datos

(I/O).

Las pantallas pequeñas necesitan cambiar y/o adaptar iconos, imágenes, sonidos,

indicadores de estado, Menús, la forma de selección/indicación, localización de

texto incrementar las experiencias táctiles, las palabras que se utilizan en los

mensajeros y los mapas de navegación, etc.

Page 8: Utzaropa documentacion

Los métodos de entrada para los dispositivos determinan en gran medida como

debe diseñarse la aplicación. Existen dispositivos que sólo permiten la entrada de

datos mediante el teclado, unos por teclado o por la pantalla y otros únicamente

por la pantalla. Por lo que es importante determinar el método de ingreso de datos

y de optimizar la interface.

Nosotros también tomamos en cuenta estos puntos antes de crear la interfaz de

nuestra tienda en línea:

-Color: tomamos en cuenta esto ya que la tienda debería tener un fondo colorido.

No utilizar sombreados. Se dispone de un rango muy pequeño de bits.

-Fuentes: La letra la creamos grande y entendible para que el usuario que entrara

a nuestra página pudiera reconocer bien los textos ya que algunos celulares no

tienen mucha resolución

-Formatos de archivos: Es imposible que una imagen de una página sea vista por

todos los celulares ya que los formatos pueden ser diferentes y algunos celulares

no soportan las imágenes.

-Memoria: esta aplicación no consume bastante memoria ya que los procesos y

servicios que brinda son simples.

DETERMINAR EL TIPO DE APLICACIÓN QUE

SE VA A REALIZAR

Nosotros creamos una tienda virtual que será capaz de adaptarse a un móvil al

igual que una pc.

Page 9: Utzaropa documentacion

En esta aplicación venderemos ropa deportiva y los usuarios podrán ver una

interfaz llamativa, amigable y bastante divertida.

Nuestra tienda lleva por nombre utzaropa y su dirección web es

utzaropa.jimdo.com.

El principal objetivo de esta tienda es demostrar como una página web se puede

hacer responsiva para acoplarse a diferentes interfaces y resoluciones, así mismo

también que el usuario pueda acceder a nuestros productos y observarlos de una

manera divertida y fácil.

Esta página tendrá categorías como mujeres, hombre y contacto las cuales le

permitirá al usuario interactuar con los creadores de la página así como observar

más productos que le puedan gustar al cliente.

En la parte inferior viene información acerca del teléfono, domicilio y contactos

directos de la empresa/tienda.

DEFINICIÓN DE REQUERIMIENTOS

Fecha Versión Descripción Autor

13/07/2015 Diseño La interfaz debe ser amigable y los

productos deben ser claros, tener

precio, modelos y existencias.

Sandra

13/072015 Diseño La interfaz debe tener un menú de

los productos así como informes

acerca de los creadores, domicilio,

teléfonos.

Berenice

14/07/2015 Funcionalidad Los componentes del menú deben

llevar al lugar que indiquen.

Francisco

14/07/2015 Funcionalidad La tienda debe ser responsiva. Sandra

Page 10: Utzaropa documentacion

14/07/2015 Funcionalidad Los productos deben estar

disponibles para agregar al carrito

de compra.

Berenice

15/07/2015 Diseño En el índex debe aparecer un carrito

para la opción de compra.

Francisco

15/07/2015 Funcionalidad Activar que elementos se deberán

agregar al carrito de compra.

Francisco

15/07/2015 Diseño Los productos deberán tener el tipo

de moneda que se requiere para

pagarlo ($ )

Sandra

15/07/2015 Funcionalidad La tienda indicara el precio final de

los productos, al final de la compra

e indicara la forma de pago.

Berenice

15/07/2015 Pruebas Se podrá acceder a la página desde

cualquier móvil.

Francisco

15/07/2015 Pruebas Cualquier usuario podrá acceder a

la página sin necesidad de algún

registro o cuenta.

Berenice

16/07/2015 Diseño Crear un apartado en el menú

llamado contacto en el cual los

usuarios puedan comunicarse

directamente con el usuario.

Sandra

16/07/2015 Funcionalidad Dar funcionalidad el apartado

contacto en el menú para que los

usuarios puedan comunicarse con

nosotros.

Francisco

APLICACIÓN Y PRUEBAS DE USABILIDAD

Page 11: Utzaropa documentacion

Primer prueba: Que el link que se consiguió sea válido y seguro, que nos dirija

asía nuestra tienda y nos muestre las actualizaciones.

Segunda prueba: Que la tienda sea visible desde dispositivos móviles, Tablet y

computadoras

Tercer prueba: Que los elementos que contiene el menú nos dirijan a el lugar que

nos dicen.

Ejemplo que inicio nos mande al índex, que mujeres nos lleve a la

categoría ropa para mujeres y así sucesivamente.

Cuarta prueba: Que nuestras categorías al igual que la prueba anterior

tuviesen un destino real, seguro y confiable

Quinta prueba: Que la parte de hipervínculos como lo es Facebook, twitter, etc.

Funcionaran.

Sexta prueba: que el botón añadir en efecto agregara artículos al carrito

de compras.

Page 12: Utzaropa documentacion

Séptima prueba: Qué el carrito de compras funcionara y nos

apareciera la siguiente interfaz para continuar con la compra o de lo

contrario nos demostrara que esta vacío.

Octava prueba: Que los productos que se muestran lleven a una

interfaz que nos permita aceptar o cancelar la compra

Novena prueba: ESTA fue la más importante y nos referimos a que

diferentes usuarios puedan acceder y comprar artículos de nuestra

tienda lo cual resulto excelente ya que varias personas pudieron

Page 13: Utzaropa documentacion

acceder a nuestra tienda para comprar y observar los productos en

general.