Interfacing Graphical LCD(GLCD-JHD12864E) with Microchip PIC16f877 Microcontroller




In this post/tutorial i am going to teach you how to interface graphical lcd jhd12864E with microchip pic16f877 microcontroller. I am going to display my website name “www.microcontroller-project.com” and a special pattern that displays thick lines on dotted graphical lcd display. In graphical lcd name “jhd12864” the number 128×64 means lcd has 128 coulombs and 64 rows. On graphical lcd’s data(character, numbers) is displayed on dots. A joint between coulomb and row is termed as dot. Total dots present in jhd12864 lcd are 128 x 64 = 8192 dots. When dots are combined they make a dot cluster. This cluster of dots in square form is know as matrix. On these 8192 dots we can display/make our data(character, number, image). In graphical lcd’s we are free to make character’s of our desired size unless the size is in the matrix of graphical lcd. 

Before proceeding i would recommend you to please go through a small tutorial. This tutorial will helps you to understand how text is displayed on graphical lcd, how graphical lcd dots are arranged in pages, how graphical lcd is initialized(Graphical Lcd initializing commands), each and every pin of graphical lcd is deeply explained in the tutorial. You can easily understand the code below if you go through the tutorial. 

Interfacing Graphical LCD(GLCD-JHD12864E) with Microchip PIC16f877 Microcontroller

Graphical Lcd with Pic Microcontroller – Project requirements

  • Microcontroller(Microchip Pic16f877)
  • Graphical Lcd(JHD12864E)
  • Crystal (20MHZ)
  • Capacitors (30pf)
  • Potentiometer-Variable resistor(0-100k)
  • Connecting Wires
  • Power Source (Battery, Adapter etc)

Graphical Lcd which i am using is JHD12864E. It comes in 20 Pin Package. Pin out of JHD12864E is given below. Its an 8-bit lcd. It comes with two built in controllers. Each controller is selected with chip select pins (cs1 and cs2). ​Visit the tutorial link given above to properly understand the pin functions and how to use them properly.

Graphical Lcd with Pic Microcontroller – Project requirements

Graphical lcd with pic microcontroller – Project Circuit Diagram

Lcd data pins are connected to Port-B of pic16f877 microcontroller. Lcd is interfaced in 8-bit mode with microcontroller. RS(register select) Pin of Lcd is connected to Port-D pin#7. RW(Read/Write) Pin of Lcd is connected to Port-D Pin#6. EN(Enable) Pin of Lcd is Connected to Port-D pin#5. CS1(Chip select) Pin of Lcd is connected to Port-D pin#4. CS2(Chip select) of lcd is connected to Port-C pin#4. RST(Reset) pin of Lcd is Connected to Port-D pin#2. A variable resistor is used between pins VEE and V0. This variable resistor is very important, it sets the Lcd contrast. Just connect the resistor, vary the resistance by rotating the knob, Adjust the best quality of lcd display that suites you. You can view highly black colour dots by increasing the resistance. If you want to see fant text reduce the resistance. LED+ and LED- are back light pins. I usually switch on the back light same i did for this project.

All other connections are necessary connections to make controller work. Attach crystal(20Mhz) to controller in parallel to two 30pf capacitors. Supply +5v to vcc and vdd. Make GND ground. Circuit diagram of the project is give below.

Graphical lcd with pic microcontroller – Project Circuit Diagram

Coming to code portion. I write code in c++ language and used MPLAB-IDE with High Tech C compiler to compile code and generate Hex code.

  • Clearlcd() function is half-filling each page with dots. Both halfs pages are filled in up and down position. If 2nd page of 1rst half is filled from down then 2nd page of 2nd half is filled from up.
  • #define statements are defining pins as rs,rw,en etc. Now these pins can be accessed in code as rs,rw,en etc.
  • delay() function is used to generate some delay where required.
  • lcdcmd() is sending commands to lcd. It also manipulates lcd pins to successfully execute the command.
  • lcddata() is sending data to lcd. It also manipulates lcd pins to successfully display data on lcd.

Main() function contains the code that displays all stuff on lcd. First it jumps to clearLcd() function fills pages with dots. Then it displays my web site name on lcd. Pattern of each character of my site is commented in the code.

  
 #include<htc.h>
 void clearlcd();
 #define rs RD7
 #define rw RD6
 #define en RD5
 #define cs1 RD4
 #define cs2 RC4
 #define re RD2
  
  
 void delay(unsigned int d){
 unsigned int i,j;
 for(i=;i< d;i++)
 for(j=;j< 5;j++);
  
 }
  
 void lcdcmd(char value){
 PORTB=value;
 rw=;
 rs=;
 en=;
 delay(300);
 en=1;
 delay(300);
 en=;
  
  
 }
  
  
 lcddata(char data1)
 {
 PORTB=data1;
 rw=;
 rs=1;
 en=;
 delay(300);
 en=1;
 delay(300);
 en=;
 }
  
  
  
 void main(){
  
 TRISB=0x00; //Port-B as Output Port
 TRISD=0x00; //Port-D as Output Port
 TRISD=0x00; //Port-D as Output Port
 TRISC=0x00; //Port-C as Output Port
  
  
 delay(300);
 re=1; //Reset disabled
 lcdcmd(0x3E); //Display Off
 lcdcmd(0x3F); //Display on
 lcdcmd(0x3F); //Display on
 clearlcd();
 cs1=1; //Selecting 1 Half
 cs2=; //Switch off other half
  
  
 lcdcmd(0x3F); //Display on
 lcdcmd(0x40); //Setting y-address
 lcdcmd(0xBB); //Setting x-address page 3 is selected
 lcdcmd(0xC0); //start line
 delay(3000);
 lcddata(0x00); //M
 lcddata(0xFD);
 lcddata(0xFB);
 lcddata(0xF7);
 lcddata(0xFB);
 lcddata(0xFD);
 lcddata(0x00);
 lcddata(0xFF); //M
  
 lcddata(0x0D); //i
 lcddata(0xFF);
  
 lcddata(0xC7); //c
 lcddata(0xBB);
 lcddata(0x7D);
 lcddata(0x7D); //c
 lcddata(0xFF);
  
 lcddata(0x01); //r
 lcddata(0xF7);
 lcddata(0xFB);
 lcddata(0xFD); //r
 lcddata(0xFF);
  
 lcddata(0xC3); //o
 lcddata(0x3D);
 lcddata(0x3D);
 lcddata(0xC3); //o
 lcddata(0xFF);
  
 lcddata(0xC7); //c
 lcddata(0xBB);
 lcddata(0x7D);
 lcddata(0x7D); //c
 lcddata(0xFF);
  
 lcddata(0xC3); //o
 lcddata(0x3D);
 lcddata(0x3D);
 lcddata(0xC3); //o
 lcddata(0xFF);
  
 lcddata(0x01); //n
 lcddata(0xF7);
 lcddata(0xF7);
 lcddata(0x07); //n
 lcddata(0xFF);
  
  
 lcddata(0xF7); //t
 lcddata(0x01);
 lcddata(0x67);
 lcddata(0x7F); //t
 lcddata(0xFF);
  
 lcddata(0x01); //r
 lcddata(0xF7);
 lcddata(0xFB);
 lcddata(0xFD); //r
 lcddata(0xFF);
  
 lcddata(0xC3); //o
 lcddata(0x3D);
 lcddata(0x3D);
 lcddata(0xC3); //o
 lcddata(0xFF);
  
 lcddata(0x01); //l
 lcddata(0x01);
 lcddata(0xFF); //l
  
 lcddata(0x01); //l
 lcddata(0x01);
 lcddata(0xFF); //l
  
 lcddata(0xC7); //e
 lcddata(0xAB);
 lcddata(0x75);
  
 cs1=; //Switch off First Half
 cs2=1; //Selecting 2nd Half
 lcdcmd(0x3F); //Display on
 lcdcmd(0x40); //Setting y-address
 lcdcmd(0xBB); //Setting x-address page 3 is selected
 //lcdcmd(0xC0); //start line
  
 lcddata(0x79); //e
 lcddata(0xFF);
  
 lcddata(0x01); //r
 lcddata(0xF7);
 lcddata(0xFB);
 lcddata(0xFD); //r
 lcddata(0xFF);
  
  
 lcddata(0xF7); //-
 lcddata(0xF7);
 lcddata(0xF7); //-
 lcddata(0xFF);
  
 lcddata(0x01); //p
 lcddata(0xED);
 lcddata(0xED);
 lcddata(0xF3); //p
 lcddata(0xFF);
  
  
 lcddata(0x01); //r
 lcddata(0xF7);
 lcddata(0xFB);
 lcddata(0xFD); //r
 lcddata(0xFF);
  
  
 lcddata(0xC3); //o
 lcddata(0x3D);
 lcddata(0x3D);
 lcddata(0xC3); //o
 lcddata(0xFF);
  
 lcddata(0xBF); //j
 lcddata(0x7F);
 lcddata(0x05); //j
 lcddata(0xFF);
  
 lcddata(0xC7); //e
 lcddata(0xAB);
 lcddata(0x75);
 lcddata(0x79); //e
 lcddata(0xFF);
  
 lcddata(0xC7); //c
 lcddata(0xBB);
 lcddata(0x7D);
 lcddata(0x7D); //c
 lcddata(0xFF);
  
 lcddata(0xF7); //t
 lcddata(0x01);
 lcddata(0x67);
 lcddata(0x7F); //t
 lcddata(0xFF);
  
 lcddata(0x9F); //.
 lcddata(0x9F); //.
 lcddata(0xFF);
  
 lcddata(0xC7); //c
 lcddata(0xBB);
 lcddata(0x7D);
 lcddata(0x7D); //c
 lcddata(0xFF);
  
 lcddata(0xC3); //o
 lcddata(0x3D);
 lcddata(0x3D);
 lcddata(0xC3); //o
 lcddata(0xFF);
  
 lcddata(0x01); //m
 lcddata(0xFD);
 lcddata(0x01);
 lcddata(0xFD);
 lcddata(0x01); //m
 lcddata(0xFF);
  
 //while(1); //After Printing name remain here for ever……
  
  
 }
  
 void clearlcd()
 {
 unsigned int i=,j,k;
 int page[]={0xB8,0xB9,0xBA,0xBB,0xBC,0xBD,0xBE,0xBF};
 cs1=1; //First Half is selected
 cs2=; //Second Half unselected
 lcdcmd(0xC0); //Start line, (64 rows) selects from where to start(1 line)
  
 while(i!=8){
 cs2=; //Second Half unselected
 cs1=1; //First Half is selected
 lcdcmd(page[i]); //Setting x-address, page is selected
 lcdcmd(0x40); //Setting y-address, coulomb of page is selected
  
 for(j=1;j<=65;j++){
 if(j<=64){
 lcddata(0xF0);
 }
 else if(j==65){
 cs2=1; //Second Half Selected
 cs1=; //First Half unselected
 lcdcmd(page[i]); //Setting x-address, page is selected
 lcdcmd(0x40); //Setting y-address, coulomb of page is selected
  
 for(k=;k<=63;k++)
 lcddata(0x0F);
 }
 }
 i=i+1;
 }
 }
Visit next tutorial on how to display Images on GLCD Graphical Lcd with Pic Microcontroller.
 

Display Image on GLCD using Pic Microcontroller







Display Images on GLCD using 89c51 Microcontroller

Download the project files, folder contains the c code and hex file of the project. Simulation of the project is also included in the folder. Simulation is made in proteaus 8.0. Please give us your feed back on the post. If you have any queries please write them below.
 




Leave a Comment

*
= 3 + 6

Read previous post:
POKIT PRO – A MULTICHANNEL MULTIMETER, OSCILLOSCOPE AND LOGGER
POKIT PRO – A MULTICHANNEL MULTIMETER, OSCILLOSCOPE AND LOGGER

Pokit Innovations has done it again. Hot on the heels of pokitMeter’s success on Kickstarter and beyond, the pokit team are...

Close
Scroll to top