# 10 - LCD

> **PIC C Compiler CCS**
>
> [**PIC16F887 / PIC16F877A**](https://docs.microside.com/practicas/pic-c-compiler-ccs/pic16f887-or-pic16f877a)

<figure><img src="https://177299348-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbyV2zAlQAiqg46a3Lr8z%2Fuploads%2FYEqF6r6RtpZZxNfpEXLv%2Flcd.png?alt=media&#x26;token=f2a40794-7741-46e0-94bd-0fde9e5bdf1d" alt=""><figcaption></figcaption></figure>

## **Introducción**

En esta práctica se visualiza un mensaje a través de un display LCD (display de cristal líquido), uno de los dispositivos más comunes para lograr la visualización de variables, instrucciones, alertas, mensajes, menús y cualquier texto que deseemos representar.

## **Descripción**

En esta práctica se visualiza un mensaje a través de una pantalla LCD (Liquid Crystal Display) de 16×2, para la comunicación de datos se encuentra conectada al puerto B de la tarjeta **X-TRAINER**.

**Materiales:**

1 x Tarjeta **X-TRAINER**. [**Manuales**](https://docs.microside.com/tarjetas-de-desarrollo/x-trainer) | [**Comprar**](https://www.microside.com/shop/category/entrenadores-pic-1)

1 x Pantalla LCD 16×2.

1 x Potenciómetro de 10k Ohms.

1 x Resistencia de 220 Ohms.

1 x Protoboard de 830 puntos.

1 x Juego de cables Dupont.

1 x Cable micro USB.

**Software:**

Windows 8.1 o posterior.

PIC C Compiler v5.069 o posterior. [**Descarga**](http://www.ccsinfo.com/ccsfreedemo.php)

X-TRAINER Suite v1.0 [**Descarga**](https://raw.githubusercontent.com/MICROSIDE-TECHNOLOGY/microside_download_archive/main/Tools/X-TRAINER%20Suite/X-TRAINER%20Suite%20Setup.zip)

## **Procedimiento**

**1.** En el apartado de “[**Diagrama Esquemático**](#diagrama-esquematico)” selecciona el modelo de tu tarjeta, realiza las conexiones que se muestran en la imagen y conéctala a la computadora.

{% hint style="info" %}
Las conexiones mostradas en los diagramas esquemáticos son las mismas ya sea que la tarjeta **X-TRAINER** posea el **PIC16F887** o el **PIC16F877A**.
{% endhint %}

**2.** Ejecuta **PIC C Compiler**, crea un nuevo proyecto con el código fuente que se encuentra en el apartado "[**Código**](#codigo)" y compila el programa.

{% hint style="success" %}
Si tienes dudas de cómo realizar los pasos anteriores puedes encontrar un manual de **PIC C Compiler** a través del siguiente [**link**](https://docs.microside.com/practicas/ides/pic-c-compiler-ccs).
{% endhint %}

**3.** Abre el **Software X-TRAINER Suite v1.0** en el apartado **PIC16F877A/887**, selecciona el archivo .hex generado al compilar el proyecto y programa la tarjeta.

{% hint style="success" %}
Si tienes dudas de cómo realizar los pasos anteriores puedes encontrar un manual del **Software X-TRAINER Suite v1.0**. a través del siguiente[ **link**](https://docs.microside.com/tarjetas-de-desarrollo/software-x-trainer-suite).
{% endhint %}

**4.** Al terminar de programar, la tarjeta **X-TRAINER** se reiniciará automáticamente y se ejecutará el programa de esta práctica.

## **Diagrama esquemático**

Selecciona el modelo de tu tarjeta **X-TRAINER.**

{% tabs %}
{% tab title=" LITE M R2" %}

<figure><img src="https://raw.githubusercontent.com/MICROSIDE-TECHNOLOGY/10-LCD-CCS-PIC16F887-877A/main/Diagrama%20de%20conexi%C3%B3n/X-TRAINER_Lite-M-r2_Practica-10_PIC16F_Microside_02.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="LITE M R3" %}

<figure><img src="https://177299348-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbyV2zAlQAiqg46a3Lr8z%2Fuploads%2FFGP1ROMOEk920jM9raex%2FLCD%20PIC16F877A%20%20o%20PIC16F887%20X-TRAINER%20LITE%20M%20MICROSIDE.webp?alt=media&#x26;token=2d22ef9d-8728-4345-b8ec-c7e9e38722e3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="LITE F" %}

<figure><img src="https://raw.githubusercontent.com/MICROSIDE-TECHNOLOGY/10-LCD-CCS-PIC16F887-877A/main/Diagrama%20de%20conexi%C3%B3n/X-TRAINER_LITE-F_Practica-10_PIC16F_Microside_01.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="PRO R3" %}

<figure><img src="https://177299348-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbyV2zAlQAiqg46a3Lr8z%2Fuploads%2FuDuMaQ6kgoFlbQRvJg71%2F10%20LCD%20X%20Trainer%20Pro%2016.png?alt=media&#x26;token=e06ba601-6dd5-486e-a8a7-7f90b1e00c5b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="PRO R4 " %}

{% endtab %}
{% endtabs %}

## **Código**

{% tabs %}
{% tab title="PIC16F887" %}
{% embed url="<https://gist.github.com/microside-mx/03e815bef46bc73c4f0806954f69330d>" %}
{% endtab %}

{% tab title="PIC16F877A" %}
{% embed url="<https://gist.github.com/microside-mx/681ba424624af2dc3e2cef0c089aa733>" %}
{% endtab %}
{% endtabs %}

## **Descargas**

<table data-card-size="large" data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><mark style="color:green;"><strong>Software X-TRAINER Suite v1.0</strong></mark></td><td><a href="https://raw.githubusercontent.com/MICROSIDE-TECHNOLOGY/microside_download_archive/main/Tools/X-TRAINER%20Suite/X-TRAINER%20Suite%20Setup.zip">https://raw.githubusercontent.com/MICROSIDE-TECHNOLOGY/microside_download_archive/main/Tools/X-TRAINER%20Suite/X-TRAINER%20Suite%20Setup.zip</a></td></tr><tr><td align="center"><mark style="color:green;"><strong>Proyecto</strong></mark></td><td><a href="https://github.com/MICROSIDE-TECHNOLOGY/10-LCD-CCS-PIC16F887-877A/archive/refs/heads/main.zip">https://github.com/MICROSIDE-TECHNOLOGY/10-LCD-CCS-PIC16F887-877A/archive/refs/heads/main.zip</a></td></tr></tbody></table>
