Store Locator
![Feature Image.jpg](/proxy/?url=https://content.instructables.com/FUR/8UHJ/J58FQCDX/FUR8UHJJ58FQCDX.jpg&filename=Feature Image.jpg)
![Store Locator Featuring gen4-uLCD-70DT](/proxy/?url=https://content.instructables.com/FP3/ENQD/J58FQCDP/FP3ENQDJ58FQCDP.jpg&filename=Store Locator Featuring gen4-uLCD-70DT)
This project uses the ViSi Genie
environment. In addition, Genie Magic feature is used to add custom routines to this project. To use Genie Magic feature, you need to purchase a PRO license for Workshop 4 IDE. For more information on Workshop 4 PRO, kindly visit our website, www.4dsystems.com.au.
In this project, you will be able to create a simple store locator for a mall. This locator will allow the user to find a specific store in the mall. Here, it is assumed the display module is mounted in the entrance of the mall.
The locator allows the user to select the store category they are looking for then choose the specific store they want. After the user has selected the store, the module will display the path from the initial position to the store.
How It Works
![Process.png](/proxy/?url=https://content.instructables.com/FJ5/CLBJ/J58FQCEK/FJ5CLBJJ58FQCEK.png&filename=Process.png)
Components
![70DT.PNG](/proxy/?url=https://content.instructables.com/FFV/7MPY/J58FQCFY/FFV7MPYJ58FQCFY.png&filename=70DT.PNG)
![gen4 pa.jpg](/proxy/?url=https://content.instructables.com/FMR/6RKU/J2QFBHAH/FMR6RKUJ2QFBHAH.jpg&filename=gen4 pa.jpg)
![MFG_GEN4-IB_1.jpg](/proxy/?url=https://content.instructables.com/F2X/03YW/J52QGDQU/F2X03YWJ52QGDQU.jpg&filename=MFG_GEN4-IB_1.jpg)
![uUSB PA5.PNG](/proxy/?url=https://content.instructables.com/F3S/RVSL/J52QGFMS/F3SRVSLJ52QGFMS.png&filename=uUSB PA5.PNG)
![FFC_Cable.jpg](/proxy/?url=https://content.instructables.com/F2I/HJLH/J2QFBHAF/F2IHJLHJ2QFBHAF.jpg&filename=FFC_Cable.jpg)
![4GB-buy-now.jpg](/proxy/?url=https://content.instructables.com/FTM/EGST/J2QFBHA8/FTMEGSTJ2QFBHA8.jpg&filename=4GB-buy-now.jpg)
![ed1e4570-8ece-46cf-8e73-106f6600eb12.jpg._CB303372859_.jpg](/proxy/?url=https://content.instructables.com/FUB/MS21/J2QFBHAB/FUBMS21J2QFBHAB.jpg&filename=ed1e4570-8ece-46cf-8e73-106f6600eb12.jpg._CB303372859_.jpg)
![SKU27.jpg](/proxy/?url=https://content.instructables.com/FFF/JG19/J52QGFWY/FFFJG19J52QGFWY.jpg&filename=SKU27.jpg)
- gen4-uLCD-70DT
- gen4 -Programming Adapter or gen4 -Interface Board
- uUSB -PA5 (if using gen4-IB)
- 30 way FFC Cable
- uSD Card
- Mini USB Cable (if using gen4-PA) or Micro USB Cable (if using gen4-IB)
Build
![gen4 IB.png](/proxy/?url=https://content.instructables.com/FWR/XM8I/J52QGE6U/FWRXM8IJ52QGE6U.png&filename=gen4 IB.png)
![Gen4 PA.png](/proxy/?url=https://content.instructables.com/FAY/ZCFD/J52QG4U2/FAYZCFDJ52QG4U2.png&filename=Gen4 PA.png)
If you are using gen4-IB and uUSB PA-5, connect the display to your computer as shown in the image (1st image)
If you are using gen4-PA board, connect the display to your computer as shown in the image (2nd image)
Program
![Prompt.png](/proxy/?url=https://content.instructables.com/FT6/G942/J58FQCKU/FT6G942J58FQCKU.png&filename=Prompt.png)
![Display.png](/proxy/?url=https://content.instructables.com/FT3/CW87/J58FQCKR/FT3CW87J58FQCKR.png&filename=Display.png)
Download the project file here.
You need Workshop 4 to start coding the display module.
Open the project using Workshop 4. This project uses the Visi-Genie Environment.
You can also modify some properties of each widget.
Make sure that you are connected to the right port. Red Button indicates that the device is not connected, Blue Button indicates that the device is connected to the right port.
Now click on the “(Build) Copy/Load” button.
Workshop 4 will prompt you to select a drive to copy the image files to a uSD Card. After selecting the correct drive, click OK.
The module will prompt you to insert the uSD card. (1st image)
Properly unmount the uSD Card from the PC and insert it to the uSD Card slot of the display module. The image below must appear on your display after completing the steps above. (2nd image)
Demonstration
![1.png](/proxy/?url=https://content.instructables.com/FIZ/HXQN/J58FQCRW/FIZHXQNJ58FQCRW.png&filename=1.png)
![2.png](/proxy/?url=https://content.instructables.com/FSG/ZX8T/J58FQCS7/FSGZX8TJ58FQCS7.png&filename=2.png)
![3.png](/proxy/?url=https://content.instructables.com/FRX/6HAB/J58FQCTM/FRX6HABJ58FQCTM.png&filename=3.png)
![4.png](/proxy/?url=https://content.instructables.com/F24/VVHM/J58FQCW5/F24VVHMJ58FQCW5.png&filename=4.png)
You can now use the Store Locator and find the location of the store in simply by choosing a store.