Estructura de tutoriales— ElectroCrea

Estructura de tutoriales

Con la finalidad de apoyar el desarrollo de tutoriales como soporte para nuestra comunidad, hemos creado la siguiente estructura para publicar tutoriales en nuestro sitio web. Incluimos algunas herramientas, formatos y etiquetas en HTML que pueden ser descargados y modificados de acuerdo a las necesidades del tutorial.

Título de tutorial:

Es importante elegir un título que en pocas palabras logre describir el contenido de forma detallada, de ser posible especificar el modelo del producto que se va a utilizar.

Ejemplo:
 
¿Cómo instalar driver CH340 para Arduinos genéricos?

Formato para imagen principal:

La imagen principal es la que se muestra en esta página y debe contener del lado izquierdo una fotografía de buena calidad del producto principal del cual hablaremos en el tutorial o de algo respresentativo. Del lado derecho debe tener un texto corto que resuma el título del tutorial. La plantilla para esta imagen puede ser descargada en el siguiente botón.

DESCARGAR

 

Ejemplo:
Si el título es ¿Cómo instalar driver CH340 para Arduinos genéricos? La imagen diría "Driver CH340"

Diagrama de conexión:

 La primera imagen del tutorial debe ser el diagrama de conexíon. En este diagrama se debe mostrar la forma en la que estaremos conectando nuestros módulos. Es importante utilizar el color rojo para VCC , negro para GND y amarillo para SEÑAL. En caso de que existan mas conexiones utilizar diferentes colores. La plantilla para el diagrama puede ser descargada en el siguiente botón.

DESCARGAR

Primer parrafo:

¿Qué aprenderemos en el tutorial?

El primer parrafo debe definir los que vamos a enseñar en el tutorial, debemos dar una idea clara de lo que se podrá aprender y aplicar una vez que se haya completado el tutorial.

Ejemplo:

En este tutorial aprenderemos a utilizar el Módulo GPS U-blox Neo 6. Te mostraremos como determinar las coordenadas e interpretarlas para conocer con gran exactitud tu ubicación. Aprenderas a almacenar esta información para posteriormente enviarla como mensaje a tu celular y revisar en GoogleMaps
la dirección.

Segundo parrafo:

¿Qué materiales usaremos?

En esta sección debemos enlistar en viñetas los materiales que usaremos para realizar el tutorial. En caso de que sea un producto que nosotros manejamos habrá que agregar un enlace hacia el producto en nuestro sitio web. 

Ejemplo:

Los materiales que usaremos son los siguientes: • Arduino Uno • Caja para proyectos 200mx120x75mm
• Sensor de tempratura DS18B20

Contenido del tutorial:

En esta sección es donde se desarrolla lo mas importante del tutorial, es importante ser muy claro y especificar cada detalle para que la comunidad entienda a la perfección el procedimiento para llegar al resultado.

Podemos explicar las caracteristicas del componente que vamos a manejar, incluir diagramas de su funcionamiento, comparaciones con otros productos similares, imaganes, una explicación del pinout apoyada en diagramas etc.

Conclusión:

 Al final del tutorial es importante agregar una conclusión en donde repasemos un poco de lo que se aprendió, enlistemos algunos de los usos que se le puede dar a lo aprendido, agradezcamos a la comunidad que se tomó el tiempo de ver el tutorial y recordar que los materiales pueden ser adquiridos en nuestro sitio web. 

Ejemplo:
Con lo aprendido en el tutorial podremos usar el Modulo GSM SIM800L para proyectos como: - Alarmas contra robo - Monitoreo de estación climatólgica - Activación de dispositivos a distancia Agradecemos que te hayas tomado el tiempo de ver este tutorial y esperamos te haya sido de mucha ayuda para tus proyectos. Recuerda que la mayoría de estos materiales los puedes
conseguir en nuestro sitio web con envío de 1 día gratis a todo México.

HERRAMIENTAS

Código Arduino:

El código Arduino se puede insertar de la siguiente forma

1- Se copia el código del IDE de Arduino en Editar > Copiar como HTML:

2- Se inserta como HTML (verifica que el código se encuentre entre el tag <pre>  Aquí  </pre>

//Este es un ejemplo de como mostrar un código para un tutorial en ElectroCrea

int LED = 13; //Definimos la palabra "LED" como el pin 13

void setup() {
  pinMode(LED, OUTPUT); //Definimos el "LED" como una salida
}

void loop() {
  digitalWrite(LED, HIGH);  // Enciende el led 
  delay(1000);              // espera 1 segundo
  digitalWrite(LED, LOW);   // Apaga el led 
  delay(1000);              // espera 1 segundo
}

PinOut: 

Si el tutorial trata sobre algún módulo; es necesario especificar cual es la función de los pines. Para dar una mejor presentación al tutorial tenemos las siguientes etiquetas HTML para diferenciar por colores cada uno de los pines. 

ETIQUETA RESULTADO
<span class="pinout pinout-rojo">VCC</span> VCC
<span class="pinout pinout-negro">GND</span> GND
<span class="pinout pinout-amarillo">SEÑAL</span> SEÑAL
<span class="pinout pinout-gris">TXD</span> TXD
<span class="pinout pinout-celeste">RXD</span> RXD
<span class="pinout pinout-morado">DIR</span> DIR
<span class="pinout pinout-azul">STEP</span> STEP
<span class="pinout pinout-cafe">ENABLE</span> ENABLE
<span class="pinout pinout-verde">RESET</span> RESET
<span class="pinout pinout-naranja">SCL</span> SCL
<span class="pinout pinout-rosa">SDA</span>  SDA

Tablas: 

Para insertar una tabla en un tutorial hemos creado una formato especial, este formato puede usado agregando id="tutorial" dentro de la etiqueta <table> de la siguiente forma: 

Ejemplo:

<table id="tutorial">
<tr>
<th>Sensor</th>
<th>Alcance</th>
</tr>
<tr>
<td>Sensor Ultrasónico</td>
<td>400cm</td>
</tr>
<tr>
<td>Sensor Sharp</td>
<td>80cm</td>
</tr>
</table>

De esta forma la tabla de despliega con el siguiente formato:

Sensor Alcance
Sensor Ultrasónico 400cm
Sensor Sharp 80cm

Advertencias, Consejos y Comentarios :

Aqui va el contenido

Botones de Descarga :

DESCARGAR
Sale

Unavailable

Sold Out