Desarrollo de E-commerce con PHP: Una Guía Completa

by on

¿Quieres mejorar tus competencias en PHP (programming language)? Cuenta con ello. Consigue todo lo que necesitas para alcanzar tus objetivos en un práctico paquete. Esta obra es esencial para quienes buscan adentrarse en el mundo del comercio electrónico.

Escrita por uno de los mayores expertos en desarrollo web, esta guía presenta un enfoque práctico y accesible para diseñar, desarrollar y optimizar tiendas virtuales exitosas. Desde los fundamentos del diseño web, pasando por los protocolos y lenguajes web hasta el propio marketing web, este libro abarca todos los aspectos necesarios para crear una plataforma de comercio electrónico robusta y atractiva.

Los lectores aprenderán el uso de las herramientas populares de desarrollo web, como HTML, CSS y frameworks especializa-dos como JSPs y la siempre imprescindible usabilidad. Se exploran los fundamentos de marketing digital, incluyendo marketing web, visibilidad y costes. También, se aborda el trabajo con textos, imágenes digitales, los elementos multimedia.

En resumen, con esta obra los lectores obtendrán los conocimientos necesarios para lanzar con éxito su propia tienda virtual y competir en el dinámico mundo del comercio electrónico. Desde la web del libro los lectores podrán descargar y utilizar el código que contiene el libro para poner en práctica los conocimientos adquiridos.

Tabla de Contenido

1. Márketing Web

El marketing web es fundamental para el éxito de cualquier tienda virtual. Abarca desde la venta estratégica hasta la visibilidad en buscadores y la presentación de la información.

  • 1.1 La Venta Estratégica
  • 1.2 Visibilidad en Buscadores
    • 1.2.1 Uso de semántica web
    • 1.2.2 Uso de metadatos
    • 1.2.3 Uso de JSON-LD
    • 1.2.4 Optimización para dispositivos móviles y otras consideraciones
  • 1.3 Presentación de la Información
  • 1.4 La Audiencia
  • 1.5 Entorno de Negocio
  • 1.6 Beneficios y Costes
    • 1.6.1 Beneficios del Marketing Web
    • 1.6.2 Costos del Marketing Web
    • 1.6.3 Retorno de Inversión (ROI)

2. Diseño Web

Un diseño web efectivo es crucial para atraer y retener clientes. Incluye la organización del contenido, la estructura, las presentaciones multimedia y la usabilidad.

  • 2.1 Introducción
    • 2.1.1 Diferencia entre web y página web
    • 2.1.2 Historia de la web
    • 2.1.3 Cómo funciona la web
  • 2.2 Diseño Efectivo, Desarrollo y Uso
  • 2.3 Organización del Contenido: CMS
    • 2.3.1 CMS Headless
  • 2.4 Estructura
  • 2.5 Presentaciones Multimedia
  • 2.6 Objetivos Medibles
  • 2.7 Roles y Flujos de Trabajo (Workflows)
    • 2.7.1 En el contexto web
    • 2.7.2 En el contexto e-commerce
    • 2.7.3 Los flujos de trabajo
  • 2.8 La Web Corporativa
    • 2.8.1 Características de una web corporativa
    • 2.8.2 Cómo se estructura una web corporativa
  • 2.9 Los Estándares
    • 2.9.1 Estándares de Usabilidad
    • 2.9.2 Estándares de Accesibilidad
  • 2.10 La Usabilidad
    • 2.10.1 Resumen sobre las leyes que intervienen en la usabilidad
  • 2.11 Creación de Modelos de Usuario
    • 2.11.1 Identificación de Segmentos de Usuarios
    • 2.11.2 Características Demográficas
    • 2.11.3 Comportamientos y Preferencias
    • 2.11.4 Objetivos del Usuario
    • 2.11.5 Dispositivos y Canales de Acceso
    • 2.11.6 Retención y Servicio al Cliente
    • 2.11.7 Feedback y Opiniones
    • 2.11.8 Personalización y Preferencias de Comunicación
  • 2.12 Test de Usabilidad
    • 2.12.1 ¿Cuándo se debe aplicar un test de usabilidad?
    • 2.12.2 Características de un buen tester
    • 2.12.3 Proceso de un test de usabilidad
  • 2.13 Feeds RSS
    • 2.13.1 Ejemplo de Feed RSS
  • 2.14 Tiempos de Carga y Respuesta
  • 2.15 Beneficios del Desarrollo de un Buen Sitio Web

3. Diseño y Desarrollo de Aplicaciones Web

El desarrollo de aplicaciones web involucra la elección de la plataforma, los lenguajes web, y la gestión de elementos multimedia.

  • 4.1 Elección de la Plataforma Web
    • 4.1.1 Definir los objetivos del proyecto
    • 4.1.2 Identificar las necesidades del negocio
    • 4.1.3 Evaluar las opciones disponibles
    • 4.1.4 Considerar la facilidad de uso
    • 4.1.5 Revisar la personalización y flexibilidad
    • 4.1.6 Evaluar la seguridad y el soporte
    • 4.1.7 Considerar el costo
    • 4.1.8 Revisar las integraciones y la escalabilidad
  • 4.2 Lenguajes Web
    • 4.2.1 HTML y CSS
    • 4.2.2 JavaScript
    • 4.2.3 PHP y otros lenguajes de servidor
    • 4.2.4 Lenguajes de Bases de datos
    • 4.2.5 Elección del lenguaje
  • 4.3 Componentes del Estándar J2EE: Servlets y JSPs
    • 4.3.1 Servlets (Servidores de Servlet)
    • 4.3.2 JSPs (JavaServer Pages)
    • 4.3.3 Otras consideraciones a tener en cuenta
  • 4.4 Elementos Críticos en Páginas E-Commerce
  • 4.5 Imágenes Digitales
    • 4.5.1 ¿Qué son las imágenes digitales?
    • 4.5.2 ¿Cómo se editan las imágenes digitales?
    • 4.5.3 Ejemplos de uso de imágenes digitales
  • 4.6 Edición Multimedia
    • 4.6.1 ¿Qué es la edición multimedia?
    • 4.6.2 Ejemplo de edición multimedia
  • 4.7 El Vídeo Digital
    • 4.7.1 Características del vídeo digital
    • 4.7.2 Ejemplos de uso de vídeo digital

STORYBOARD - ¿Qué es y cómo se hace?

  • 4.8 Historia. Píxel
    • 4.8.1 Orígenes y desarrollo temprano
    • 4.8.2 Impacto en la cultura digital
  • 4.9 Frame (Fotograma)
    • 4.9.1 Características de un fotograma
    • 4.9.2 Ejemplos de uso de los fotogramas
  • 4.10 Relación de Aspecto (Aspect Ratio)
  • 4.11 FPS (Frames Per Second)
  • 4.12 Vídeo Progresivo/Entrelazado
    • 4.12.1 Vídeo Progresivo (Progressive Scan)
    • 4.12.2 Vídeo Entrelazado (Interlaced Scan)
  • 4.13 Compresión de Vídeo y Formatos Estándar
    • 4.13.1 Compresión sin pérdida (Lossless)
    • 4.13.2 Compresión con pérdida (Lossy)
    • 4.13.3 Formatos o códecs estándar
  • 4.14 Contenedor de Vídeo
  • 4.15 Estándares de Vídeo Analógico y Digital
    • 4.15.1 Estándares de vídeo analógico
    • 4.15.2 Estándares de vídeo digital
    • 4.15.3 Técnicas de mejora de vídeo digital
  • 4.16 Interfaces de Señal de Vídeo: Analógicas y Digitales
    • 4.16.1 Interfaces de señal de vídeo analógicas
    • 4.16.2 Interfaces de señal de vídeo digitales
  • 4.17 Audio Digital
    • 4.17.1 Conversión Analógico-Digital (ADC)
  • 4.18 La Señal de Audio como Archivo
    • 4.18.1 Representación digital
    • 4.18.2 Ventajas del audio digital
  • 4.19 Compresión de Audio y Formatos Estándar
    • 4.19.1 Compresión sin pérdida (lossless)
    • 4.19.2 Compresión con pérdida (lossy)
    • 4.19.3 Formatos estándar
  • 4.20 Storyboard para Diseñar Películas y Animaciones
    • 4.20.1 Paso 1: desarrollo del Concepto
    • 4.20.2 Paso 2: estructura y Planificación
    • 4.20.3 Paso 3: creación del Storyboard
    • 4.20.4 Paso 4: revisión y Edición
    • 4.20.5 Importancia del Storyboard
  • 4.21 Hardware para la Manipulación de Audio/Vídeo Digital
    • 4.21.1 Ordenador (PC o Mac)
    • 4.21.2 Dispositivos de captura y entrada
    • 4.21.3 Monitores y pantallas
    • 4.21.4 Dispositivos de salida
    • 4.21.5 Controladores y superficies de control
    • 4.21.6 Periféricos de Entrada
    • 4.21.7 Dispositivos de almacenamiento externo

4. Introducción a Internet

Comprender los fundamentos de Internet es esencial para cualquier desarrollo web. Esto incluye navegadores, correo electrónico y otras aplicaciones.

  • 5.1 Introducción a Internet
  • 5.2 Navegadores de Internet
  • 5.3 El Correo Electrónico en Internet
  • 5.4 Otras Aplicaciones de Internet
  • 5.5 Herramientas de Diseño de Páginas Web

5. Lenguaje HTML

HTML es el lenguaje base para la creación de páginas web. Comprende la estructura, la inserción de textos, gráficos e hipervínculos.

  • 6.1 Programación en HTML
  • 6.2 Creación de una Página en HTML
    • 6.2.1 Definición del tipo de documento DTD (!DOCTYPE)
    • 6.2.2 Etiqueta html
    • 6.2.3 Etiqueta head
    • 6.2.4 Etiqueta body
    • 6.2.5 Comentarios
  • 6.3 Cabeceras y Títulos
    • 6.3.1 Elemento title
    • 6.3.2 Elementos h1h6
    • 6.3.3 Elemento header
    • 6.3.4 Elemento hgroup
  • 6.4 Inserción de Textos
    • 6.4.1 Elemento abbr
    • 6.4.2 Elemento address
    • 6.4.3 Elemento bdo
    • 6.4.4 Elementos blockquote y cite
    • 6.4.5 Elemento code
    • 6.4.6 Elemento data
    • 6.4.7 Elemento dfn
    • 6.4.8 Elemento em
    • 6.4.9 Elemento i
    • 6.4.10 Elementos ins y del
    • 6.4.11 Elemento kbd
    • 6.4.12 Elemento mark
    • 6.4.13 Elemento math
    • 6.4.14 Elemento pre
    • 6.4.15 Elementos sub y sup
    • 6.4.16 Elemento var
  • 6.5 Separación de Bloques de Textos
    • 6.5.1 Elemento article
    • 6.5.2 Elemento aside
    • 6.5.3 Elemento div
    • 6.5.4 Elemento footer
    • 6.5.5 Elemento main
    • 6.5.6 Elemento nav
    • 6.5.7 Elemento section
  • 6.6 Inserción de Gráficos
    • 6.6.1 Elementos figure y figcaption
    • 6.6.2 Elemento img
    • 6.6.3 Elemento picture
    • 6.6.4 Elemento source
  • 6.7 Creación de Hipervínculos a Otras Páginas
    • 6.7.1 Elemento a
  • 6.8 Creación de Tablas
    • 6.8.1 Elementos disponibles en HTML5
  • 6.9 Inserción de Distintos Frames en una Página

6. Animación de Gráficos

La animación de gráficos puede mejorar la experiencia del usuario. Incluye transformaciones, efectos, transiciones y animaciones.

  • 7.1 Creación de Animaciones en Formato Vídeo
    • 7.1.1 Inserción de vídeos en una página web
  • 7.2 Transformaciones y Efectos
    • 7.2.1 Función de escalado (scale)
    • 7.2.2 Función de rotación (rotate)
    • 7.2.3 Función de sesgado (skew)
    • 7.2.4 Función de traslado (translate)
    • 7.2.5 Filtros o efectos en CSS
  • 7.3 Transiciones
    • 7.3.1 Propiedad transition-delay
    • 7.3.2 Propiedad transition-duration
    • 7.3.3 Propiedad transition-property
    • 7.3.4 Propiedad transition-timing-function
  • 7.4 Animaciones
    • 7.4.1 Propiedad animation-delay
    • 7.4.2 Propiedad animation-direction
    • 7.4.3 Propiedad animation-duration
    • 7.4.4 Propiedad animation-fill-mode
    • 7.4.5 Propiedad animation-iteration-count
    • 7.4.6 Propiedad animation-name
    • 7.4.7 Propiedad animation-play-state
    • 7.4.8 Propiedad animation-timing-function
    • 7.4.9 Regla keyframes
    • 7.4.10 Ejemplos resueltos
  • 7.5 Efectos con Textos
    • 7.5.1 Efectos estéticos y con movimiento
    • 7.5.2 Creación de textos mejorados y con movimiento
    • 7.5.3 Adecuación de los efectos a la página web
  • 7.6 Creación de Mapas
    • 7.6.1 Identificar la ubicación del archivo
    • 7.6.2 Incrustación de etiqueta IMG
    • 7.6.3 Agregado del atributo usemap
    • 7.6.4 Crear el archivo de mapa de imagen
    • 7.6.5 Definir las áreas interactivas
    • 7.6.6 Guardar y subir el archivo
  • 7.7 Como Arrastrar y Colocar Imágenes
    • 7.7.1 Crear el marcado HTML
    • 7.7.2 Estilizar con CSS
    • 7.7.3 Agregar el script de JavaScript

7. Optimización y Limitaciones del Diseño

La optimización del diseño es crucial para garantizar una buena experiencia de usuario. Incluye la repartición de espacios, la inserción de backgrounds y la creación de hipervínculos.

  • 8.1 Repartición de Espacios Dentro de una Página
    • 8.1.1 Diseño basado en tablas
    • 8.1.2 Diseño basado en cajas flexibles (Flexbox)
    • 8.1.3 Diseño basado en cuadrículas (Grid Layout)
  • 8.2 Inserción de un Background
    • 8.2.1 Propiedades CSS disponibles
    • 8.2.2 Adaptación receptiva y adaptativa
  • 8.3 Creación de Hipervínculos en Regiones de la Pantalla
    • 8.3.1 Texto con hipervínculos
    • 8.3.2 Imágenes con hipervínculos
    • 8.3.3 Mapas de imagen
    • 8.3.4 CSS para estilizar hipervínculos
  • 8.4 Limitaciones del Tamaño de las Páginas
  • 8.5 Optimización del Tamaño de los Gráficos para una Mayor Rapidez
  • 8.6 Limitaciones de la Posición de los Elementos
  • 8.7 Formatos de Gráficos Admitidos

Fernán García de Zúñiga
Desarrollador web, crea y mantiene los sitios web de Arsys. También idea herramientas internas que facilitan y mejoran los procesos.

tags: #desarrollo #ecommerce #php #tutorial

Publicaciones populares: