XPad 4-Step Tutorial

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0 height="100%"><tr> <td valign="top" width=155 BGCOLOR="#FFFFFF" TEXT="#080000" bgproperties="fixed" background="1f364643.gif"> <div> <A HREF="index.htm" TARGET="_top" TITLE="GenerExe Home of XPad crosscompiler tool"><U><B><IMG SRC="2ab99940.gif" border=0 width="153" height="148" ALT="GenerExe Home Page" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></U></A></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B> <TABLE BORDER="5" CELLPADDING="1" CELLSPACING="1" WIDTH="102" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" BGCOLOR=#FFFFCC > <tR> <tD VALIGN=TOP HEIGHT= 16 ><NOBR><div> <B>About XPad</B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 129 WIDTH="86"><div> <A HREF="id44.htm" TARGET="_top" TITLE="FAQ"><U>FAQ</U></A></div> <div> <A HREF="id88.htm" TARGET="_top" TITLE="Targets"><U>Targets</U></A></div> <div> <B>XPad 4-Step Tutorial</B></div> <div> <A HREF="id100.htm" TARGET="_top" TITLE="Screen shots"><U>Screen shots</U></A></div> <div> <A HREF="id61.htm" TARGET="_top" TITLE="To do next"><U>To do next</U></A></div> </tD> </tR> </TABLE></B></div> <bR> <bR> </td> <td valign="top" BGCOLOR="#FFFFFF" TEXT="#080000" bgproperties="fixed" background="1ef64643.gif"> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="666" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" BGCOLOR=#FFFF80 > <tR> <tD VALIGN=TOP HEIGHT= 27 ><NOBR> <SCRIPT language=JavaScript src="menusrc.js"></SCRIPT><SCRIPT language=JavaScript src="menudef.js"></SCRIPT> <SCRIPT language=JavaScript>drawToolbar();</SCRIPT> </NOBR></tD> </tR> </TABLE></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B> <TABLE BORDER="5" CELLPADDING="5" CELLSPACING="1" WIDTH="813" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ROWS" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 130 WIDTH="779"><div> <B>XPad 4-Step Tutorial</B></div> <bR> <div> <B><IMG SRC="27e20200.gif" border=0 width="32" height="32" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> Want to know how easy it is to create Embedded Software with XPad?</div> <div> Keep on reading!</div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 569 WIDTH="192"><div> <FONT SIZE="3" COLOR="#0000FF" FACE="Arial" ><B>Step 1:</B></FONT><B> Start a new project with the Atmel AT89C2051</B></div> <bR> <div> <B>S</B>tart the wizard by pressing <IMG SRC="2bd23230.gif" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> on the toolbar.</div> <div> <B>S</B>elect "Start a new project" and press "Next".</div> <div> <B>E</B>nter project-name when prompted. (I.e. "4Step").</div> <div> <B>A</B>nswer "Yes" when asked if you want to select an MCU yourself.</div> <div> <B>I</B>n the "Select Target" browser select "at89cx051.trg" for the Atmel AT89C2051 and press the "Load" button.</div> <bR> <div> <B>T</B>he wizard now allows you to select the interfaces/protocols you want to setup for this microcontroller.</div> <div> <B>C</B>heck the "Serial RS232" box and press "Next" to setup the serial port. (See figure on the right).</div> <div> <B>T</B>he hardware configuration panel pops up (notice the serial port on P3.0 and P3.1). </div> <div> <B>M</B>ake sure the frequency set on this panel is 24mHz (24.0E+6) and press the "Set" button.</div> <bR> </tD> <tD VALIGN=TOP><NOBR><div> <IMG SRC="2be34dc0.gif" border=0 width="308" height="220" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> Hardware configuration wizard for Atmel AT89CX051</div> <bR> <div> <IMG SRC="2c3fa200.gif" border=0 width="506" height="288" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> Hardware configuration panel for Atmel AT89CX051</div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 402 WIDTH="192"><div> <FONT SIZE="2" COLOR="#0000FF" FACE="Arial" ><B>Step 2:</B></FONT><B> Finish the State Diagram</B>.</div> <bR> <div> <B>S</B>elect "STD: MAIN" from the "Windows" menu to bring the STD diagram to the front.</div> <div> <B>P</B>ress the "New State" button <IMG SRC="2c223230.gif" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">in the toolbar.</div> <div> <B>E</B>nter <FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >RECEIVE</FONT> as the name of the new State.</div> <div> <B>T</B>o create a transition from the <FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >IDLE </FONT>to the <FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >RECEIVE </FONT>state, first click the IDLE state (it will get a <FONT SIZE="2" COLOR="#00FF00" FACE="Arial" >green </FONT>border) and next click the <FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >RECEIVE </FONT>state (it will get a <FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >red </FONT>border). </div> <div> <B>N</B>ow click transition button <IMG SRC="2c123230.gif" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> in the toolbar.</div> <div> <B>I</B>n the Transition-popup box select the "Serial" condition in the ringlist at the top and press the Set-button.</div> </tD> <tD VALIGN=TOP WIDTH="586"><div> <IMG SRC="2b846f70.gif" border=0 width="326" height="247" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> The resulting State Diagrams will first execute the flow diagram in the IDLE-state and </div> <div> will then repeatedly execute the flow diagram in the RECEIVE-state, </div> <div> whenever the Serial interrupt occurs.</div> <bR> <bR> <div> <B>D</B>eselect the IDLE-state (click it again once; the green border will disappear).</div> <div> <B>P</B>ress the transition-button in the toolbar again to create a transition from the RECEIVE-state to itself. Select "Serial" again in the popup and press the Set button.</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 513 WIDTH="192"><div> <B>Step 3:</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>Finish the Flow diagrams in the states.</B></FONT></div> <bR> <div> <B>D</B>ouble click the IDLE state in the state diagram. (The flow diagram of the state will open). Double click the yellow enter-block to edit it.</div> <div> <B>R</B>ight click the yellow area and select "Insert After" from the popup -menu. (A function editor will popup). </div> <bR> <div> <B>S</B>elect "Serial Lib" from the library ring-list. Now select the "<FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >SER_Setup</FONT>" function</div> <div> if it is not selected yet.</div> <div> <B>F</B>ill in the parameters for this function as shown on the right and press the Set-button. This finished the work for the IDLE state's flow diagram.</div> <bR> <div> <B>N</B>ow right-click the "Data Browser" and select "New Variable" from the popup-menu.</div> <div> <B>C</B>hange the name in the Variable Editor into "Char". Make sure the type is set to BYTE and press OK. </div> <bR> </tD> <tD VALIGN=TOP WIDTH="586"><div> The Data browser will show the new variable under the "User Vars" section. (Double Click the "+" to open the "User Vars" section). This variable will be used to store characters received from the serial port and send them back.</div> <div>  </div> <DIV ALIGN="LEFT"></DIV> <div> <IMG SRC="2c481440.gif" border=0 width="385" height="68" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> Single block of flow diagram for IDLE-state.</div> <bR> <div> <B>S</B>elect "STD: MAIN" from the "Windows" menu to bring the STD diagram to the front again.</div> <div> <B>D</B>ouble click the RECEIVE state in the state diagram. (The flow diagram of the state</div> <div> will open). Double click the yellow enter-block to edit it (It will enlarge).</div> <div> <B>R</B>ight click the yellow area and select "Insert After" from the popup -menu.</div> <div> (A function editor will popup). </div> <div> <B>S</B>elect "Serial Lib" from the library ring-list and the "<FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >SER_Get_char</FONT>".</div> <div> Fill in the parameters for this function as shown below.</div> <DIV ALIGN="LEFT"></DIV> <div> <IMG SRC="2c5a1500.gif" border=0 width="417" height="80" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> Single block of flow diagram for RECEIVE-state.</div> <bR> <div> <B>R</B>ight-click this new function in the yellow block and select "Insert After" again.</div> <div> This time select the "<FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >SER_Put_char</FONT>" function from the "Serial Lib".</div> <div> Fill in the parameters for this function as shown above.</div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <I>In this example the flow diagrams are just single function-blocks, since no if-then or loop-constructions are required, which connect several function-blocks.</I></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 569 WIDTH="192"><div> <FONT SIZE="3" COLOR="#0000FF" FACE="Arial" ><B>Step 4:</B></FONT><B> Save</B><B>, </B><B>Simulate, Compile and enjoy your work!</B></div> <bR> <div> <B>P</B>ress the "Save" button <IMG SRC="2c623230.gif" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> on the toolbar to save your project.</div> <bR> <div> <B>T</B>o simulate your project press the "Simulate" button <IMG SRC="2c722220.gif" border=0 width="34" height="34" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> on the toolbar. The simulation trace-panel will popup as well as a simulation console-panel in the bottom-right corner. </div> <div> <B>P</B>ress the "Step" button to step through the model. </div> <div> <B>W</B>hen "<FONT SIZE="2" COLOR="#FF0000" FACE="Arial" >RT transition evaluated...</FONT>" is reported in the console, the model is waiting for a realtime transition (interrupt) to occur. </div> <div> <B>S</B>ince the model waits for the "Serial" interrupt to signal received characters, select "Serial" from the Interrupt ringlist in the bottom-left corner of the trace-panel and check the "On" box to charge it. </div> <div> <B>N</B>ow when you continue Stepping, the model will proceed to the RECEIVE state. The received character -set on the right from the RX-pin trace- is read and send back over the TX-pin.</div> </tD> <tD VALIGN=TOP WIDTH="586"><div> <IMG SRC="2b5da700.gif" border=0 width="474" height="368" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> Simulation trace-panel.</div> <bR> <div> <B>O</B>nce you are satisfied with the simulation you can press the build-button <IMG SRC="2b923230.gif" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> on the tool-bar to start compilation!</div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <I>Your project-folder will now contain a bin-file, which you can program/burn straight into the AT89C2051!</I></div> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 128 WIDTH="779"><bR> <div> <I>XPad's distribution package contains many more examples for several MCUs, including:</I></div> <div> <I><IMG BORDER="0" SRC="Symb075c00b700c8ff000000.gif" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Using the timer for timed scheduling of multiple tasks</I></div> <div> <I><IMG BORDER="0" SRC="Symb075c00b700c8ff000000.gif" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Connecting 24CXX serial I2C EEPROM devices</I></div> <div> <I><IMG BORDER="0" SRC="Symb075c00b700c8ff000000.gif" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Using an HD44780 LCD-display</I></div> <div> <I><IMG BORDER="0" SRC="Symb075c00b700c8ff000000.gif" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">A small robot controller</I></div> <div> <I><IMG BORDER="0" SRC="Symb075c00b700c8ff000000.gif" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Sonar ranger </I><A HREF="id129.htm" TARGET="_top" TITLE="Application Notes"><U><I>(Application Note)</I></U></A></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 155 WIDTH="779"><bR> <div> <A HREF="id81.htm" TARGET="_top" TITLE="Downloads"><U><B>Download XPad (less than 4MB) here and try it yourself!</B></U></A></div> <div> <FONT SIZE="2" COLOR="#FF0000" FACE="Arial" ><B>Have a look at this short product-flyer</B></FONT><A HREF="http://www.generexe.com/XPADDOC.PDF" TARGET="_top" TITLE="http://www.generexe.com/XPADDOC.PDF"><U><IMG SRC="2831f220.gif" border=0 width="31" height="34" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A>...</div> <bR> <div> <B>Check out the</B> <FONT SIZE="2" COLOR="#0000FF" FACE="Arial" ><A HREF="id44.htm" TARGET="_top" TITLE="FAQ"><U><B>FAQ page</B></U></A><B>...</B></FONT></div> <div>  </div> <div> <FONT SIZE="2" COLOR="#FF0000" FACE="Arial" ><B>Take a closer look at some of</B></FONT><B> </B><A HREF="id100.htm" TARGET="_top" TITLE="Screen shots"><U><B>XPad's screens and diagrams</B></U></A><FONT SIZE="2" COLOR="#FF0000" FACE="Arial" ><B>...</B></FONT></div> <bR> </tD> </tR> </TABLE></B></div> <bR> </td> </tr></table></body>