Eiki CS-Wi4 User manual

Package contents
Item Qty.
Touch screen remote control 1
Programming cable 1
AA alkaline cells 4
Manual 1
Software CD-ROM 1
The latest software is also available for download at:
www.eiki.com
Eiki CS-Wi4
4” LCD Wireless Touch Pad
Instruction Manual

NOTE: This symbol and recycle system apply to EU
countries only and do not apply to countries in othe
r
areas of the world.
Please dispose of this equipment at your local
community waste collection/recycling centre. In the
European Union there are separate collection systems
for used electrical and electronic
p
roducts.
Your EIKI product is designed
and manufactured with high
quality materials and
components which can be
recycled and reused.
This symbol means tha
t
electrical and electronic
equipment, at their end-of-life,
should be disposed o
f
separately from your household
t
Federal Communication Commission Notice
Note: This equipment has been tested and found to comply with the limits for a Class B digital device, pursuant to
part 15 of the FCC Rules. These limits are designed to provide reasonable protection against harmful interference in
a residential installation. This equipment generates, uses and can radiate radio frequency energy and, if not
installed and used in accordance with the instructions, may cause harmful interference to radio communications.
However, there is no guarantee that interference will not occur in a particular installation. If this equipment does
cause harmful interference to radio or television reception, which can be determined by turning the equipment off
and on, the user is encouraged to try to correct the interference by one or more of the following measures:
– Reorient or relocate the receiving antenna.
– Increase the separation between the equipment and receiver.
– Connect the equipment into an outlet on a circuit different from that to which the receiver is connected.
– Consult the dealer or an experienced radio/TV technician for help.
Do not make any changes or modifications to the equipment unless otherwise specified in the instructions. If such
changes or modifications should be made, you could be required to stop operation of the equipment.
Model Number : CS-Wi4
Trade Name : EIKI
Responsible party : EIKI International, Inc.
A
ddress : 30251 Esperanza Rancho Santa Margarita CA 92688-2132
Telephone No. : 800-242-3454 (949-457-0200)
EIKI CS-Wi4
Tested To Comply
With FCC Standards
FOR HOME OR OFFICE USE
An introduction to the CS-Wi4
Thank you for choosing Eiki CS-Wi4.
CS-Wi4 is a unique hand-held touchscreen
remote control. Fully and easily
programmable, CS-Wi4 can function stand-
alone as a replacement for multiple remote
controls or as part of a larger system.
CS-Wi4’s high power Infra-Red transmitter
removes the line-of-sight constraints
suffered by ordinary IR remote controls.
The CS-Wi4 is powered by 4 ordinary AA
alkaline cells and is specially designed for
high energy efficiency to achieve maximum
battery life.
How it works
CS-Wi4 comes with Eiki Control System
Editor software. This software lets you build
screens and menus from graphical objects
either from the supplied library or that you
have created yourself.
Once you have established your menus with
buttons, you can program the buttons to
control almost any IR controllable devices
using codesets, again either from the
extensive library or sampled using Eiki Code
Organizer.
This manual takes the form of a tutorial, to
guide you through the process of building an
application.
V:E1.02

EikiCS-Wi4manual Page3
Installing the software
The Eiki Control System Editor installation CD ROM will automatically run the
installation when the disc is placed in your computer’s drive. If this does not
begin within 30 seconds or so, open the CD using Windows Explorer and double-
click on the “setup” icon. This will invoke a standard Installshield session. Follow
the Installshield Wizard’s prompts to complete the installation.
Starting the editor.
An Eiki Control System Editor icon should now appear on your desktop. Double-
click it to begin.
The Eiki Control System Editor
can be used to program a
wide range of products so that
you only have to learn to use
one software tool. Choose the
product you wish to work with
from the list.
!If you wish to change
default file locations (for
easier integration with an
already-installed copy of Code
Organizer, for example), see
the section on Preferences
later in the manual.

EikiCS-Wi4manual Page4
Programming a CS-Wi4
When you choose a product, two windows like these will appear.
• The Eiki Control Systems Editor window is where you build your
application. It will emulate the appearance and operation of the final
result.
• The Graphics Toolbox is just that – it contains the tools to help you
assemble the various screens you will need for your application.
We will start by introducing the methods you can use to build a screen.
Once you have mastered this, we will show you how to plan your application. A
little planning makes the job much faster and easier as well as delivering a better
result.

EikiCS-Wi4manual Page5
How to place graphics on a screen
There are two alternative methods for doing this. Choose the one you prefer.
1. Using the “Add Bitmap” button in the Graphics Toolbox.
Click on Add Bitmap.
A file requester will open.
Navigate to the folder that
contains the graphic you
wish to use.
Click on the Views button
and choose Thumbnails.
T
his will allow you to preview
the button before you add it.

EikiCS-Wi4manual Page6
2. Using Windows Explorer.
You can take advantage of Windows Explorer to allow you to browse, drag and
drop backgrounds, buttons and other graphical components onto a screen. To do
this, open an Explorer window and position it alongside your Eiki Control System
Editor window. Navigate to the graphics library for the CS-Wi4 as shown. Click on
“Views” on the toolbar and select “Thumbnails”. You should see the result shown
here.
Next, choose a background graphic and, holding down your left mouse button,
Drag and Drop it into the Eiki Control Systems Editor window.

EikiCS-Wi4manual Page7
The result should look like this. You can see that for this example it’s a bit too
large to fit on the screen.
In the Graphics Toolbox, in the Bitmap Controls section, click on the “scr”
(screen) button. This will scale the background image to fit the screen, as shown.
The Bitmap Controls buttons
can be used to scale any image to any size as required.
• “btn” will scale a graphic to fit a button.
• “1:1” and “px:px” (pixel for pixel) give “no scaling” effects depending on
the DPI setting that was used when the original image was created. They
are useful for retaining the original scale and detail of an image.
Use care when applying large degrees of scaling, or where the original
image contains fine detail.

EikiCS-Wi4manual Page8
Using transparency
Use the transparency function when you want to place irregular shaped objects
on a background without obscuring the area of the background under the entire
rectangular graphic.
Let’s use this function to
add volume control
buttons to our screen.
A
dd the button, using
Drag and Drop or the
Graphics Toolbox method.
Scale it
using the Bitmap controls
buttons in the Graphics
Toolbox.
Tick the Transparency box.
Transparency works by
replacin
g
whatever colour is
used by the top left-hand
corner pixel of the graphic
with the image underneath.
You can see the result here.
Drag the new button to
its intended position on the
screen.
Repeat the procedure for
the Volume Down (-)
button.

EikiCS-Wi4manual Page9
Adding Text
You can add text anywhere on the
screen by using “Add Text” in the
Graphics Toolbox.
When you do this, a grey box will
appear as shown. Although you
can’t see it, it contains the word
“
TEXT”. Typin
g
the desired text
will replace the word. Or you can
use Backspace or Delete keys as
required.
You may find it easier to select
“
Ali
g
n Left” as this will always
allow you to see the text.
Type the word “Volume”.
Set its colour to White and its size
to 16.
Drag it into position between
the (+) and (-) buttons, as
shown.
A TIP:
You can use the arrow keys on
your keyboard to nudge the text
object into position,
independently of the Snap settin
g
.
This also works for graphics
objects.
A
dd Bold and Shado
w
text
attributes so that the text
matches the adjacent graphics.
The finished result should appear
similar to what you see here.

EikiCS-Wi4manual Page10
Using Layers
When you add
g
raphical or text ob
j
ects
to a screen, the objects will be pasted
in the order you add them. This means
that an object added later will obscure
objects already on the screen.
You can change this order.
For this example, we will use the layers
feature to add a button grouping area
to our volume controls.
1. Add a black block, using either
of the methods shown
previously.
2. Scale the object to a suitable
size by dragging the corner
“ears”. You may find this easier
to achieve with SNAP disabled.
The result should look like the
top picture - you will note that
it now covers the volume
buttons.
3. In Graphics Toolbox, you will
see all the objects that are on
the screen in a list.
4. Click on the “Block Black”
object to highlight it.
5. Click on the “Send Back”
button to move the item down
the list. You will see the effect
as you do it on the screen.
See the final result in the bottom
picture.
A TIP:
If you “lose” an object by covering it
with something else, the Send Forward
button will help you find it again.

EikiCS-Wi4manual Page11
The Grid
Adding a duplicate screen
T
o display a superimposed button
g
rid, tick
the “GRID” box in the Graphics Toolbox.
The Eiki CS-Wi4 and other products in the
range have a fixed matrix of virtual
buttons. When you are designing a
screen’s graphics, it’s useful to know where
these active button areas are so that the
area your user will touch is where it should
be.
This is very important – badly-placed
graphics are a prime cause of perceived
unreliable operation of any touchscreen.
Duplicating a screen provides a
useful way of creating sub-menus
with the same basic graphical
appearance of the main menu.
Once you duplicate a screen you
can add to it items that differ from
the main, or initial, screen, while
those objects that are supposed to
be the same on each screen will
not seem to “twitch” when you
select a sub-menu, as may happen
if you were to have created them
independently.
It is also a huge time-saver.
Choose Duplicate this screen
from the Screen menu to make it
happen. If you then drop down the
CURRENT SCREEN item you will
see the added copy.

EikiCS-Wi4manual Page12
“Edit Behaviour” mode
A
ddin
g
a “Back” button
First, go to Screen 2 and add a “Back” button
graphic to the top right-hand corner, as shown.
How to make the Back button work.
In the Eiki Control System Editor window, there
are two radio buttons – Edit Graphics and Edit
Behaviour. Click on the Edit Behaviour button.
This changes the editor from Graphics to
Behaviour mode.
A single click will now simulate pressing the
button while a double-click will allow you to edit
its behaviour.
Double-click the new Back button now. A
window will open as shown.
Under Other Actions, choose the Go to screen
radio button. Drop down the list and choose
Screen 1. Click OK.
Now, when you single-click the Back button, the
screen will change to Screen 1.

EikiCS-Wi4manual Page13
Creating a Main Menu
Go back to Edit Graphics mode. Select
Screen 1.
Using the skills you’ve learned so far, add the
buttons and text you see in this example.
TIPS:
• Use graphics objects with no
embedded text. Reason - text in
graphics does not scale well.
• Add text as a single continuous line,
using spaces for alignment. This
guarantees correct vertical alignment
and looks neater.
• Be consistent with the use of shading
on text.
• Use the arrow keys to do fine
alignment of objects.
Next, double-click the VCR icon and select Go
to screen. Choose Screen 2. Click OK.
Test your work
Click on VCR. Screen 2 will be selected.
Clicking on Back in this screen will take you
back to Screen 1, i.e. the main menu.

EikiCS-Wi4manual Page14
Adding control actions
You are programming a CS-Wi4 to replace
several remote controls and simplify the
operation of a system. In this case, when
you select VCR, you will need to:
1. Switch on the projector
2. Switch on the AV receiver
3. Select “Video” on the AV receiver
4. Switch on the VCR
5. Select Video on the projector.
You can program the “VCR” key to do all
this automatically while at the same time
it selects the VCR control screen.
Here’s how to do it:
Press Add to add a
code sequence. The
Code Sequencer window
will appear.
Choose Load New
Codeset. Locate the
codeset for the
projector and select
Open. (You only need
to add a codeset once
for each device).
Choose the On code.
Because the projector
will need a few seconds
delay between its
Power On and an
Input Select
command, add as many
other commands as you
can to execute during
this delay. Add some
extra delays as well.
Short delays between
commands are a wise
extra precaution.
However, if the
projector needs more
than a few seconds
delay, it’s better to add
a separate Power On
button on the main
menu.

EikiCS-Wi4manual Page15
Planning your system
Firstly, save your work with a new filename.
Let’s step back now, see what we have accomplished so far and plan where we go
from here.
You should now know how to use many of the features of the Eiki Control System
Editor. Enough, anyway, to understand how it works.
We now have a main menu and a template for more sub-menus. Here is how our
system will work.
The idea behind this design is called “choose and use”. A user can choose from
the main menu. Touching a button performs all the actions necessary for
connecting the item and then displays a set of controls to allow the use of the
item they have chosen. Each of the sub-menus is different, except that all menus
have volume controls and all except the main menu have a “Back” button that
will let the user go back to the main menu.
“Screen 2” can serve as the basis for all other menus, i.e. VCR, DVD, CD etc. A
little planning will greatly reduce the amount of work required to create the extra
menus.
PC Back
menu
Radio Back
menu
Room Back
menu
Cable Back
menu
CD Back
menu
Play
Stop
Rew
Pause
Etc
DVD Back
menu
Play
Stop
Rew
Pause
Etc
VCR Back
menu
Play
Stop
Rew
Pause
Etc
Actions
Actions
Actions
Actions
Actions
Actions
Actions

EikiCS-Wi4manual Page16
Creating the Control menus
We already have a template (currently called Screen 2) that we can use as the
basis for all the control menus. There is a strategy we can use to save time and a
lot of duplicated effort. It is:
1. Copy the template to create the simplest screens (the ones with the
fewest buttons on them) first. Example – the PC and Room screens.
2. Copy the template again to make the VCR screen. Reason – it has keys
which also exist on the CD and DVD screens.
3. Copy the VCR screen to make the CD screen.
4. Copy the CD screen to make the DVD screen.
5. Change the names of the screens (e.g. to “VCR”, “DVD” etc.) as you
create them. To do this, just highlight the screen name and type in a new
one.
6. Put some title text on each screen to identify it so that the user will know
what they will be controlling.
7. After all the graphics have been created, use Edit Behaviour mode to add
the commands to the buttons and link all screens to buttons on the main
menu.
Tips for putting commands on buttons
Putting commands on buttons is mostly straightforward and obvious. However
there are some cases where you will need to use the extra features of the Code
Sequencer to get the results you need.
• If you have a key such as a number key that requires a single
transmission of the code to avoid a double number being interpreted, add
a Begin Loop at the end of the code sequence. This will stop the code
being repeated while a button is held down.
• Begin Loop is also valuable to add at the end of a sequence of
commands, to stop the sequence being inadvertently repeated if the user
holds the button down for too long.
• If you need to send a sequence of numbers (e.g. to create a “shortcut” for
a TV channel) you may need to add a 0.5 second delay between
commands to simulate the delay between physical key presses on the
original remote control. This is particularly necessary if two keys are the
same, e.g. sending the number “33” would normally involve pressing “3”,
releasing it and pressing it again. Otherwise, the two commands will
probably be interpreted by the device you are controlling as a single “3”.
• Don’t use long delays. They may make the user believe the unit has
“locked up” because it will not respond to any further keys during the
delay. If a delay longer than a few seconds is required, use a separate key
to invoke the first function (such as “Power On”) or implement the
sequence in a MacroBox or other processor.

EikiCS-Wi4manual Page17
Hot keys
If you have keys that are always the same
on every menu, you can save a lot of extra
effort by making them Hot Keys. When you
do this, you will only have to program them
on one menu and all other menus will
inherit the same
programming. A
good example
(shown here) of the
use of Hot Keys is
the Volume and the
Back buttons. Use
the “<<” and “>>”
keys to move keys
between lists.
TIP: If you have
already programmed
a key on one screen
with what you want,
you can retain that programming by making the
key a hot key while you are in that screen.
Have I forgotten to program some
keys?
Hold the Ctrl key down on your keyboard and
click on the screen. Keys that are not
programmed will show as grey circles.
Programmed keys will show as green or, if they
are Hot Keys, yellow circles.
You can see that, so far, only the VCR, Volume
keys and Back keys are programmed.
Removing unused resources
If you added a codeset, graphic, text or an entire screen and are now not using it,
it will normally still be kept in the file. If
you make a screen and don’t link it to a
button, the entire screen will also be
regarded as
unused.
It’s a good idea
to remove any
unused
resources to
avoid confusion
later. Here’s how.

EikiCS-Wi4manual Page18
Storage in the CS-Wi4
If you plan to make a very large, complex
application for your CS-Wi4, the following
information may be useful.
The CS-Wi4 has two independent areas of flash
memory. This storage is assigned to graphics
and behaviour.
The graphics storage can hold up to 16
graphically different screens. This is a fixed
limit. However, you can have more than 16
functionally different screens by copying
screens and not changing the graphics. This
technique can be useful if you need to control a
large number of similar devices, or a device such
as a DSP audio system with a large number of
different zones, for example.
The behaviour storage has no fixed limit. It
depends on your application. For example, you
could load codesets for, and control, over 120
different devices. You will need to create a very
complex application (which will take you a very
long time) to approach this limit.
Setting preferences and downloading to the CS-Wi4
If you are using Eiki Control
System Editor for the first time,
you will need to set the serial port
that your PC will use to
communicate with the CS-Wi4.
At the same time you may also
want to change other items,
including file locations.
• If you are a dealer or
installer, you may wish to
set the default
Configurations location to
your “Client” folder.
• For Bitmaps, you may want
to store these with other
artwork.
• For Codesets, if you have Eiki Code Organizer, consider using a common
library and deleting the copy of the library that came with Eiki Control
System Editor to avoid confusion.
?Graphics storage
works in pages, with two
screens to a pa
g
e. Only entire
pa
g
es can be erased. Because
of this, when you change a
single screen, during the
download you may see two
screens erased. This is normal
behaviour.
Because of the low power
consumption LCD used by the
CS-Wi4, you are limited to 8
colours for graphics. The
software will reduce any
imported graphics to this.
However you can use
dithering techniques to get
more colours if you are
creating custom graphics.
Some of the blocks in the
graphics library use dithering.

EikiCS-Wi4manual Page19
Connect the CS-Wi4 to your
PC’s serial port using the
cable provided.
• Touch the CS-Wi4’s
screen to make sure it’s
awake.
• When you select the port,
the software will test the
connection and report the
firmware revision number
of your CS-Wi4.
• To further test the
connection, you can press
the Reset button in the
Preferences window to
reset the CS-Wi4.
Now you are connected to the CS-Wi4, you are ready to download the
program you have created.
• Click the
button on
the toolbar.
• From here,
you can
choose what
you want to
download.
While you
are still
making
changes you can save downloading time by not
downloading all the bitmaps (i.e. screens) if you
don’t need to change them just yet.
If you can’t achieve communications with your
CS-Wi4, check the following:
• The CS-Wi4 is powered and awake
• The serial cable is fully inserted and
undamaged
• The correct serial port is selected
• Some laptop serial ports fail to work reliably
at the high speed used by the CS-Wi4 if the
laptop is running from its internal battery.
Try using the laptop’s power adaptor.

EikiCS-Wi4manual Page20
Device Options
Choose from the toolbar or
Device Options from the Handset
menu.
You can set the time the CS-Wi4
remains awake after a key is pressed.
You can also change the sound a key
makes when it is pressed.
Note that the Inactivity Timeout
function is not relevant for the CS-Wi4
so it is greyed out.
For any changes you make to be effective, you will need to download the
CONFIGURATION (but not the bitmaps) to the CS-Wi4. These changes are
also stored in the file when you save it.
Advanced Functions
There are four items in this function, accessed through
the Handset menu.
Replace Codeset
This function allows you to
quickly substitute one
brand of a piece of
equipment for another.
Replace Codeset will be of
most use when you are
substituting codesets from
the library or where you
have used templates when
sampling a new IR codeset.
If there are differences, you
will be shown a comparison
of the two codesets, as
shown here. You can choose
to Replace Anyway (in this
example the differences are
only minor, so that’s what
you would do) or Cancel.
Scanning the differences,
you could find that you are
not using the affected
commands anyway, or you
may decide to make a list of
the necessary changes.
Even so, Replace Codeset
allows a new application to
be created from an existing
one in a few minutes.