Personal, Proyecto

Mi primer proyecto web / My first web project

Proyecto web / Web project: www.pizzeriapinocchio.es

Es el primer proyecto comercial que realizo en solitario, ya que hasta ahora sólo había hecho proyectos en grupo (proyectos que hice durante mi formación en el Máster).

Descripción

Se trata de una página web de información para una Pizzería. En ella, se muestran distintos detalles de la empresa, como información sobre la localización, horarios, teléfono, fotos,… algo básico para este tipo de sitios web.

También se muestra un catálogo con los productos que ofrece el restaurante, el cual se ha implementado para que funciona de forma dinámica y, así, darle “un poco de vida” a una página que en principio es totalmente estática.

Datos técnicos

La tecnología que he utilizado para este proyecto ha sido (teniendo siempre a mano la “biblia” de estos temas, http://www.w3schools.com/):

  • HTML4.
  • JavaScript.
  • CSS3.
  • PHP5.
  • MySQL.

El IDE que he utilizado ha sido el Eclipse Indigo.

El sitio web ha sido optimizado para su visualización en Google Chrome pero, por supuesto, podrá ser visualizado perfectamente en el resto de navegadores.

Web alojada en 1and1.es.

Estructura y diseño

La web ha sido diseñada de forma que su navegación sea clara e intuitiva, mostrando con facilidad los datos requeridos por el usuario:

  • En la parte superior, además de la barra con el título del sitio, se encuentra debajo otra barra con los botones que dan acceso a todas las páginas disponibles. Desde cualquier página se podrá acceder a cualquiera de las otras páginas del sitio web siempre.
  • En la parte central se encuentra el cuerpo de la página que se esté visualizando. El tamaño de este cuerpo será estático, para así no “marear” el resto de la estructura de la página. Cada página tiene una estructura interna del cuerpo distinta, para adaptarse a cada caso.
  • Por último, en la parte inferior, se encuentra el pie de página. Tiene una información fija sobre la localización de la pizzería, así como información de contacto. De esta manera, el usuario no tendrá problema en encontrar la información más importante del restaurante.

Cada página cuenta con la estructura anterior (que, por supuesto, está construida en CSS) cambiando sólo el contenido de la parte central, el cuerpo. Haré una breve descripción de la “funcionalidad especial” de cada página:

  • Inicio: las imágenes que se muestran se hacen a partir de un script de jQuery llamado carrousel.
  • Localización y horarios: no es que haya nada especial, pero sí que hay algo que es externo, el mapa de Google Maps. Se puede obtener a partir de su página.
  • Preparar pedido: este es el plato fuerte del desarrollo, ya que ha sido el que mayor tiempo me ha llevado. Se trata de una serie de funciones en JavaScript que “juegan” con los productos para que el usuario pueda hacer la simulación de un pedido para así conocer el precio que le costará. En principio es una simulación, pero en un futuro no muy lejano podrían realizarse pedidos a domicilio. Los datos son obtenidos de una base de datos MySQL a través de código PHP. En otro post haré una especie de tutorial explicando esto.
  • Sugerencias: aquí el usuario puede realizar preguntas, pedir información o realizar sugerencias a través de un simple formulario.

Y aquí acaba todo. No es un proyecto web complicado en apariencia, pero profundizando un poco, algunas secciones son bastante complejas.

La web estará actualizándose frecuentemente, por lo que puede que haya cosas de más de las explicada en este post.

Para más detalles, no tienes más que visitar la web http://www.pizzeriapinocchio.es.

Curiosidades

Android apps @ Blackberry Playbook

Artículo interesante sobre las aplicaciones de Android.

Por lo visto, en la versión 2.0 de la tablet de RIM, Blackberry Playbook, será posible ejecutar aplicaciones de Android. Con esto, se meten de lleno en la competición por vender tabletas, ya que Playbook tiene mejores prestaciones que iPad2, pero le fallaba el respaldo de las apps.

http://www.slashgear.com/playbooks-android-app-support-explored-21214616/

Publicado con WordPress para BlackBerry.

Personal, Proyecto

Bienvenid@ / Welcome to you

Español

Hola a todos los lectores.

Este blog que estoy estrenando lo he creado con el propósito de hacer un seguimiento “detallado” de mi vida profesional.

Aquí, expondré los diferentes retos que se me vayan apareciendo a lo largo de los distintos trabajos que vaya realizando, ya sea para empresas o en proyectos “autónomos”.

En algunos casos, intentaré realizar breves tutoriales con el fin de aportar mi granito de arena a esta gran comunidad que es Internet.

El verdadero fin de este blog es el de hacer una versión extendida de mi currículum, que además esté al alcance del que tenga interés en echarle un vistazo.

En cualquier caso, gracias por dedicar unos minutos a la lectura de mi “cuaderno de bitácora”.


English

Hi to all readers.

I’m premiering this blog I created for the purpose to do a “detailed” following from my professional life.

Here, I’ll expose the different challenges that they appear to me over the different jobs, either in companies or projects “autonomous”.

In some cases, try to make short tutorials to contribute my bit to this great community that is the Internet.

The real purpose of this blog is to make an extended version of my resume, which also is within reach of an interest in checking out.

In any case, thanks for taking the time to read my “log”.

Publicado con WordPress para BlackBerry.