|
| |||||||
| ||||||||||
005 HtmlApp starts at the Welcome Screen.
Click on the Project tab.
010 Rather than edit the DAIRGram project directly, we want
to clone the DAIRGram project so that all modifications are made
to the copy. Click on the circled Manage project folder button.
015 A standard explorer window pops up. Your explorer screen may differ depending on your
default folder settings. Copy the DAIRGram folder and all contents to a new folder. Rename
the copy to "example". Close the explorer window (the "X" in upper right of explorer window). Do not close HtmlApp. Click Return to Open.
This makes a clone project named "example". You can pick any name of 28 or fewer characters you want and will have to substitute your name where we have used "example". The name you pick may only contain characters that are legal in a file folder name. The name may be case sensitive in some servers so we strongly recommend consistent usage.
By convention, windows programs are installed in C:/program files/company_name/program_name. What you
enter here will be used for the program name and we will set the company name in step 070.
Click Use runtime server settings button to register the changed port number.
Click the Manage this project folder button to open another explorer window.
In this tutorial, we have copied to a simulated web server at http://example.com in a
subdirectory called dairgram. Substitute your own url for "http://example.com/dairgram".
(optional) Here we tweaked the graphic to change it to say Example.com. This change is made
only on the server and serves as visual feedback in later steps that we are getting
instructions from the server. You can change the graphic now or later.
Create an "uploads" directory on your client computer and move the 4 files having files names starting "demo_" to it, reducing by 4 the number of files in the includes directory. You may now do future editing in the uploads directory to have a mirror image of your web site.
Upload the client-side demo_strt.html file you just edited to over-write the version on the server.
(optional) You may customize the look and feel of this screen
in the future, after you have completed the steps here for the first time.
You would perform step 030, navigate to package subdirectory, change the html
files install.html and/or remove.html, and continue from step 060.
|
020 From the pulldown, select the "example" project and click the Open existing project button.
025 To avoid port conflict with the demonstration DAIRGram project, other implementers, and
multiple implementations, we need to change the port number used. In this example,
we illustrate by changing the default port 26697 to 26038. Please do not use either
26697 or 26038. Pick another port number. We recommend any other number in the roughly
10000-32000 range. Substitute your number everywhere where we use 26038 in this
tutorial.
030 We can skip many of the other tabs. Click EXE build tab and then Includes tab to reach the screen shown.
035 Your will see 4 files all having files names starting "demo_". Copy them to a directory
on your web server. Do not change any of the file names and insure
all file names on server are lower case (unix servers).
040 Verify that the copy is correct by opening demo_dglogo.png using your web server
address. Your actual URL will differ and it is important that you
be able to see the graphic before proceeding further. Do not skip this verification
of upload, planning to troubleshoot this later.
045 In the Includes directory on your client computer,
edit file demo_strt.html.
Modify the <poll_url> tag contents
to specify the full URL of the uploaded demo_notify.html file,
now on your server.
050 In the Includes directory on your client computer, edit file globals.bat.
Change LCL_PORT to contain your chosen
port number from step 025 and DFLT_RMT to contain the
full URL of the demo_strt.html file now residing on your server.
055 In the Includes directory on your client computer,
edit file poller.hta in two places shown to change the port number
to contain your chosen port number from step 025.
060 Close the explorer window and click Return to Includes.
065 You should see same as screen shown. Note the four "demo" files from
screen 030 no longer appear because we moved them in step 045. Click the
Select files button marked by arrow.
070 Enter a company name of 28 or fewer characters which can form a valid Windows
folder name. By convention, windows programs are installed
in C:/program files/company_name/program_name. The program name was
set in step 15 and here we are setting the company name. Click Update packaging options.
075 Click the second link, the example_setup link. You will get a prompt to
save the file. Save the file to disk. This is your distributable
installer. It runs on your computer and any computer with Windows
2000 SP3 or later. Most further changes in functionality
are made by changing your web site.
080 When you click on the distributable installer from step 075,
this is the screen you see. Click the Start example
install button.
085 A countdown screen appears. Not shown in this screen shot is that
a system tray application is constantly running even if the user interface
is closed. The window also shows in the task bar.
Here, by way of illustrations the application window closes itself and
no longer shows in the task bar ...
090 ... but running silently in the background, a designated window
pops up under control of files residing on your server.