Publicado el — Dejar un comentario

Productos Stores Tecnorrill

Continuando con las funcionalidades de la plataforma de tiendas vamos a ver como crear y editar nuestros productos.

OJO antes de continuar los productos para darse de alta requieren tener ya creados los siguientes elementos:

por lo tanto si no los haz creado te sugiero lo hagas antes de continuar primero.

Boton de menu

Accesamos al menú, en la parte superior derecha se encuentra el botón de acceso al mismo

Menú desplegable

Selecciona la opción de PRODUCTOS en el menú desplegable

Indice de productos

Si queremos crear un nuevo producto seleccionamos la opción de “+ Nuevo producto” en el indice de productos

Opciones de tiendas

Veras las opciones de los productos que podrás modificar:

  • Tienda a la que pertenece
  • Grupo perteneciente
  • Nombre
  • Descripción
  • Precio regular de venta
  • Imágenes del producto
  • Numero de piezas en el inventario (stock)
  • Numero de piezas con aviso preventivo
  • Numero de piezas con alarma (aviso urgente)
  • Opción para activar o desactivar el producto
Enviar los datos

Al terminar de capturar los datos pulsa el botón de Enviar para registrarlos, Nota: al capturar los datos de manera correcta, te enviara una leyenda de color azul en la parte superior que dice creado con éxito. De no ser así verifica que tus datos sean correctos.

Tienda creada con éxito.

Y listo el producto ya estara disponible para ser desplegado en la plataforma de tiendas.

Publicado el — 1 comentario

Grupos de productos Stores

Continuando con las funcionalidades de la plataforma de tiendas vamos a ver como crear un grupo de productos.

Botón de menú

Accesar al menú, en la parte superior derecha se encuentra el botón de acceso al menú

Menú desplegable

Selecciona la opción de Grupos en el menú desplegable

Los grupos de productos, es decir estos objetos agrupan productos que pueden ser del mismo tipo, por ejemplo, bebidas, entradas, plato fuerte, herramientas, etc, los grupos serán agrupados por categorías (solo recomendado tener varias para una tienda con muchos productos)

Indice de Grupos

Para crear un nuevo grupo basta con seleccionar la opción “+ Nuevo Grupo”.

Nuevo grupo

Para crear un grupo introducimos el nombre, la descripción, seleccionamos una imagen y seleccionamos el tipo de grupo.

al terminar damos clic en enviar y esperamos la leyenda de color azul en la parte superior derecha “creado con éxito”

Creado con éxito.

una vez mostrada la leyenda esta listo nuestro grupo de proyecto para catalogar u organizar nuestros productos.

Publicado el — Dejar un comentario

Categorías Stores-tecnorrill

Las categorías nos permiten organizar grupos de productos, para tiendas muy pequeñas o con muy pocos productos recomiendo se haga una sola categoría con todos.

Indice de categorías

Para crear una categoría nueva seleccionamos la opción “+ Nueva categoría” donde veremos las siguientes opciones:

Crear nueva categoría.

Para crear una categoría introducimos el nombre, la descripción, seleccionamos una imagen y asociamos la categoría a un tipo de tienda (en nuestro caso sera el tipo de tienda que nosotros tenemos, restaurante, paletería, etc).

al terminar damos clic en enviar y esperamos la leyenda de color azul en la parte superior derecha “creado con éxito”

Creado con éxito.

Si viste esta leyenda tu categoría fue creada y ahora puedes usarla para organizar tus grupos de productos o para empezar a dar de alta los mismos, si tienes alguna duda adicional no dudes en consultarlo.

Publicado el — 2 comentarios

Crear una tienda

Continuando con las funcionalidades de la plataforma de tiendas vamos a ver como crear nuestra primera tienda.

Boton de menu

Accesar al menú, en la parte superior derecha se encuentra el botón de acceso al menú

Menú desplegable

Selecciona la opción de TIENDAS en el menú desplegable

Indice de tiendas

Selecciona la opción de “+ Nueva tienda” en el indice de tiendas

Opciones de tiendas

Veras las opciones de las tiendas que podrás modificar:

  • El nombre de la tienda
  • Resumen de los servicios
  • Logotipo
  • Imagen de fondo
  • Numero de celular
  • Direcciones URL
  • Dirección
  • email de contacto
  • Tipo de tienda
  • Opciones de envió
  • Tema visual a desplegar
Enviar los datos

Al terminar de capturar los datos pulsa el botón de Enviar para registrarlos, Nota: al capturar los datos de manera correcta, te enviara una leyenda de color azul en la parte superior que dice creado con éxito. De no ser así verifica que tus datos sean correctos.

Tienda creada con éxito.

Y listo la tienda ya sera desplegada en la plataforma de tiendas.

Publicado el — Dejar un comentario

Registro e inicio de sesión primeros pasos.

Los pasos aquí descritos son para el inicio de sesión del sistema de administración de las tiendas, el cual también administra los usuarios de la plataforma de compras.

pagina principal

En la pagina principal tendremos dos opciones login/registro, la primera nos da la opción de entrar unicamente si ya estamos registrados.

Pagina de login

En esta pagina lo único que introducimos es nuestro correo con el que nos dimos de alta y la contraseña, en caso de no recordar la contraseña estará la opción para recuperarla en “perdiste tu contraseña?”.

Pagina de registro

En caso de ser un usuario nuevo, se podrá hacer el registro teniendo un email(recordar que debe ser real por que se utilizara para recuperar la cuenta), e introduciendo tu nombre y contraseña personalizada para este sitio.

si eras un usuario nuevo ya puedes ingresar a la plataforma después de tu registro.!

Publicado el — Dejar un comentario

Stores Tecnorrill(sistema administrativo)

Continuando la descripción del la plataforma de las tiendas llegamos a ver las paginas que nos permiten configurar las tiendas (portales de clientes/usuarios). como en la versión de las tiendas también para comodidad de los usuarios se puede trabajar la pagina desde un teléfono móvil o una computadora ya que la interface se ajusta a la pantalla que se este usando.

Opciones disponibles

Podemos personalizar las tiendas, categorías, grupos de productos, los productos, atributos de los productos y direcciones de entrega.

Indice de tiendas

En el indice de tiendas podremos ver y administrar nuestras tiendas.

Para mas detalles puedes consultar el siguiente articulo.

Edición de tienda

En las opciones para edición de las tiendas podemos configurar:

  • El nombre de la tienda
  • Resumen de los servicios
  • Logotipo
  • Imagen de fondo
  • Numero de celular
  • Direcciones URL
  • Dirección
  • email de contacto
  • Tipo de tienda
  • Opciones de envió
  • Tema visual a desplegar
Indice de Categorías

Las categorías nos permiten organizar grupos de productos (solo se vuelven bastante útiles cuando las tiendas donde tienen una gran cantidad de productos)

Para mas detalles puedes consultar el siguiente articulo.

Edición de categorías

La edición de las categorías podremos modificar el nombre, la descripción, la imagen y el tipo de tienda donde estará disponible.

Indice, Grupos de productos

Los grupos de productos agrupan tipos de productos para su despliegue y selección mas fácil.

Para mas información puedes consultar el siguiente artículo.

Edición de grupos

La edición de los grupos, podremos modificar el nombre, la descripción, la imagen y la categoría a la que pertenece.

Indice de productos.

El indice de productos nos permite administrar los productos de nuestra tienda.

Edición de productos

En las opciones para edición de las productos podemos configurar:

  • La tienda a la que pertenece
  • El grupo al que pertenece
  • El nombre
  • Descripción
  • Precio
  • Hasta cuatro imágenes del producto
  • Dirección
  • Numero de piezas en el inventario
  • Numero de piezas aviso preventivo
  • Numero de piezas en alerta
  • Opción si estará activo o no el producto.

Para mas información puedes consultar el siguiente articulo:

Indice de atributos

En el indice podemos ver todos los atributos de los productos, esto a que se refiere?? jeje

Bueno los atributos pueden ser:

  • sabores
  • colores
  • tamaños
  • complementos
  • especificaciones
  • lo que tu quieras…

cuantos puedo usar?, TODOS SON ILIMITADOS Y SON PERSONALIZADOS PARA CADA PRODUCTO.

Edición de atributos.

La edición de los atributos nos permitirá modificar:

  • Nombre
  • Descripción
  • Precio (en dado caso de ser sabor o combinación sustituye el precio, en caso de ser adicionales se suma, si pones cero al precio no cambia.
  • El producto al cual pertenece
  • El tipo de atributo (sabor, sabor 2… sabor n, tamaño, color, tipo, etc)
Direcciones de entrega

Opciones de direcciones de entrega, para tener distintas opciones en la compra y venta de activos ( es decir como usuario o como vendedor)

ademas de estas opciones que son solo para las tiendas se tienen opciones de los usuarios:

Opciones del perfil

En el perfil podremos modificar:

  • El nombre de usuario
  • email
  • Actualizar la contraseña
  • habilitar la autentificación de dos factores.
  • Registro de sesiones del navegador y opción de cerrar todas las sesiones (seguridad)
  • Borrar la cuenta.

las opciones antes listadas corresponden al sistema administrativo de gestión de las tiendas, es decir unicamente señalo las opciones de configuración existentes de la plataforma.

Publicado el — Dejar un comentario

Stores Tecnorrill

Digitalizando Negocios 2.0 descripción de las tiendas

Para continuar con el desarrollo de las tiendas virtuales efectué una nueva versión de la plataforma de tiendas la cual contiene las siguientes funcionalidades.

Portada

La portada fondo y colores ahora son totalmente personalizables, para cada tienda, así como las leyendas mostradas.

buscador de tiendas.

Se mantiene el mismo buscador de tiendas

Menú lateral

Su menú lateral para acceder a las opciones disponibles

Resumen

Resumen con datos de contacto y teléfono.

Menu

Menú con categorías, grupos de productos y productos totalmente personalizables

atributos de productos

Atributos de productos prácticamente infinitos e ilimitados en su tipo, haciendo con esto flexibilidad para uso en cualquier tipo de tienda.

Autoajuste inteligente

Autoajuste inteligente para ocupar todo el espacio disponible según la configuración de los productos.

Carrito de compras

Carrito de compras con detalle de la compra el total y las opciones de compra.

Versiones móvil y web

Ajuste a versiones mobiles o web segun el dispositivo usado.

Pagina Inicio web
Menú versión web

Cabe señalar que todas las opciones desplegadas son con figurables, es decir temas desplegados, imágenes, logos, productos, atributos de productos, etc, todas las opciones se configuran desde una interface de usuario a la que todos los dueños de las tiendas tienen acceso.

Sistema administrativo de gestión de datos de tiendas

Cabe destacar que las tiendas estan programadas en Javascript, con ayuda de React.js y el sistema administrativo en php con ayuda de laravel, las tiendas las puedes encontrar en la siguiente dirección Stores (tecnorrill.com), que esperas ingresa ya tu tienda y empieza a digitalizar tu negocio.

Publicado el — Dejar un comentario

ESP8266, lecturas sensores analogos 4-20 mA.

En la búsqueda de bajar los costos de operación industrial, hay muchos intentos de utilizar chips de bajo costo para la medición de sensores industriales de distintos tipos, la ventaja es que muchos manejan el estándar de señal de 10v de 4-20mA generando una señal análoga.

Sin más preámbulos les describo mi experiencia tomando lecturas análogas, directamente desde estos sensores, en mi caso utilice un ESP8266 modelo NODE-MCU V3.

MATERIALES

En mi caso yo utilicé los siguientes materiales:

  • Chip de bajo costo ESP8266 NODEMCU v3
  • Resistencia de 160 ohms
  • Cables dupont
  • ¡Muchas ganas de aprender!
Esta imagen tiene un atributo ALT vacío; su nombre de archivo es lua-nodemcu-v3-esp8266-wifi-ch340-modulo-iot-D_NQ_NP_825903-MLM31222067307_062019-F-1-1024x969.jpg
ESP8266

CONEXIONES

Para que el dispositivo pueda leer la señal dé manera correcta realice la siguiente conexión:

CONEXIÓN

Básicamente reducimos o escalamos la señal a un espectro leíble por el ESP8266, tomando en cuenta que este chip, tiene un rango de lecturas análogas de 0 a 3.3v, debido a esto propuse utilizar una resistencia de 160 ohms.

  • A0 ⇒ SEÑAL SENSOR
  • GND ⇒ TIERRA DEL SENSOR

En palabras más coloquiales, lo que hay que hacer es hacer un puente que circule la señal, la escale por medio de la resistencia y no dañe nuestra placa.

Y bueno la manera correcta de tomar la lectura es antes y después de la resistencia tal como se muestra en la figura anterior.

Con esta simple conexión podremos tomar lecturas directas de las señales analógicas de los instrumentos con este estándar de comunicación, cabe mencionar que por la naturaleza de la señal también puedes leer los dispositivos con comunicación por el protocolo industrial HART, únicamente tomando la lectura instantánea como puede ser el caso de un medidor de gasto ultrasónico.

¡Espero sea de ayuda en tu día, buen día!.

Publicado el — Dejar un comentario

ESP8266 Multiplexor HP4067 CMOS 16 CH

Un problema muy común al utilizar los chips de bajo costo para desarrollo de tecnologías IoT, es el número limitado de entradas analógicas disponibles, esto debido a que la implementación de las mismas resulta encarecer el producto, pero bueno, dado que el problema es la necesidad de ampliar el número de entradas analógicas existen varios métodos para hacerlo.

Sin embargo yo voy a describir una que considero muy simplificada y elegante.

MATERIALES

En mi caso yo utilicé los siguientes materiales:

  • Chip de bajo costo ESP8266 NODEMCU v3
  • Multiplexor analógico/digital CD74HC4067 16-analógico
  • Cables dupont
  • ¡Muchas ganas de aprender!
ESP8266
MULTIPLEXOR

CONEXIONES

Para que el dispositivo funcione de manera correcta realice la siguiente conexión:

CONEXIÓN DEL MULTIPLEXOR.
  • La señal en SIG ⇒ A0 (en mi caso por que ocupo ampliar en número de señales analógicas a leer)
  • S3 ⇒ D1 tomando la señal SCL.
  • S2 ⇒ D2 tomando la señal de SDA.
  • S1 ⇒ D3, utilizando la entrada denominada GPI0.
  • S0 ⇒ D4, utilizando la entrada denominada GPI2.
  • EN y GND a tierra.
  • Vcc en mi caso a 3v dado que el multiplexor tiene un rango de voltaje de 2v a 6v.

CÓDIGO

El código más simplificado que encontré (que funcionara) y adapte es el siguiente:

const int muxSIG = A0;
const int muxS0 = D4;
const int muxS1 = D3;
const int muxS2 = D2;
const int muxS3 = D1;
 
int SetMuxChannel(byte channel)
{
   digitalWrite(muxS0, bitRead(channel, 0));
   digitalWrite(muxS1, bitRead(channel, 1));
   digitalWrite(muxS2, bitRead(channel, 2));
   digitalWrite(muxS3, bitRead(channel, 3));
}
 
void setup()
{
   Serial.begin(9600);
   pinMode(muxS0, OUTPUT);
   pinMode(muxS1, OUTPUT);
   pinMode(muxS2, OUTPUT);
   pinMode(muxS3, OUTPUT);
}
 
void loop()
{
   for (byte i = 0; i < 16; i++)
   {
      SetMuxChannel(i);
      muxValue = analogRead(muxSIG);
 
      Serial.print(muxValue);
      Serial.print("\t");
   }
   Serial.println();
   delay(1000);
}

¡Con esto leemos los 16 puertos analógicos ampliados, uno a uno!

¡de manera muy simplificada lo sé pero es una opción!

Cabe mencionar que este dispositivo tiene la capacidad de manejar dispositivos analógicos y digitales y por lo cual se puede decir que los dispositivos conectados tendrán la capacidad de ser dispositivos de lectura o escritura; Por lo regular este dispositivo es utilizado cuando se requiere controlar muchos leds en un proyecto.

¡Espero les sea útil la información!, buen día.

Publicado el — Dejar un comentario

Digitalizando negocios

Como parte de la transformación que tendrá nuestra vida, incluye la digitalización de los negocios, ¿Po que?, pues simplemente por que debemos optimizar los recursos al máximo, dada la necesidad de optimizarnos mucho mas, se requerirá que la mayoría de los servicios tengan opciones electrónicas de mejora, por lo tanto y como apoyo a la digitalización de pequeños negocios locales principalmente, cree una pequeña plataforma con las siguientes características:

Plataforma de tiendas (listado de tiendas)

El listado de las tiendas tiene el siguiente contenido configurable:

  • Logotipo de la empresa o negocio.
  • Nombre del negocio o empresa
  • Descripción general de los servicios prestados
  • Enlace a tienda electrónica
  • Ademas de contener un baner publicitario de todas las tiendas.
Mapa de localización de todas las tiendas

El mapa general de las tiendas contiene la localización de todas las tiendas registradas en la plataforma y el acceso directo a cada tienda electrónica, ademas de su baner publicitario.

Las tiendas tienen las siguientes funcionalidades:

PORTADA DE LA TIENDA

Portada de la tienda

Pagina principal de la tienda con los siguientes campos configurables:

  • Logotipo de la empresa o negocio.
  • Baner publicitario.
  • Nombre del negocio o empresa
  • Descripción general de los servicios prestados
  • Dirección del negocio
  • Teléfono del negocio
  • Cartel de propaganda de la tienda

MENÚ DE LA TIENDA

La tienda tiene las siguientes funcionalidades:

Menú inteligente de la tienda:

  • Baner publicitario
  • Opción de tener productos y promociones
  • Grupos de artículos (clasificación general)
  • Categorías de artículos dentro de los grupos (clasificación secundaria dentro de los grupos)
  • LAS CATEGORÍAS SON ENLACES DIRECTOS AL LISTADO DE PRODUCTOS DENTRO DE CADA CATEGORÍA.

Listado de productos:

  • los productos están clasificados dentro de grupos con categorías, por ejemplo en la tienda de crepas sury tenemos el grupo de bebidas frías, dentro la categoría de frapuchinos, y vemos como se hace el listado de los productos.
  • Los productos tienen la opciones configurables:
    • Nombre del producto
    • Descripción general
    • Precio
  • en el listado del producto podemos marcar los elementos para realizar el pedido de los mismos así como la cantidad requerida.
Realiza tu pedido

Opciones de envió y enviar tu pedido por whatsapp:

  • Al terminar de seleccionar los productos deseados se efectúa el calculo automático del monto a pagar
  • Tenemos la opción de seleccionar si el cliente pasa por el pedido o lo requiere con entrega a domicilio
  • En caso de requerir envió a domicilio se envía de manera automática la localización del dispositivo donde se efectuó el pedido.
  • una vez presionado el boto para levantar el pedido se envía el mensaje de whatsapp donde el cliente debe enviarlo para confirmar el pedido.
Menú flotante

Para simplificar la navegación en la pagina se agrego un menú flotante el cual permite ir directamente al menú inteligente, al botón para realizar el pedido y verificar los productos en el carrito, con un solo clic.

Dirección de la tienda

Ademas para la gente que no sabe donde esta la tienda se agrego una sección donde esta la ubicación dentro de google maps, el cual nos puede enviar un enlace directo a google maps para utilizar asistencia por gps al sitio.

Cabe mencionar ademas que la pagina tiene un diseño responsivo inteligente que detecta si esta corriendo en un teléfono móvil o una computadora por lo tanto la visibilidad de los elementos es la misma para cualquier dispositivo, ademas de que la usabilidad se optimiza para cada ocasion.

Pagina en versión PC
Pagina en versión móvil

La pagina fue creada en apoyo a un gran amigo, pero aprovecho para ponerla a disposición de cualquiera que requiera un apoyo en estos tiempos tan difíciles.

la pagina principal se encuentra en el siguiente enlace:

Espero sea de su agrado suerte en su día…