pieV's Website Design platform

Website Design and Application Development

Websites that soar above the crowd:

Keyboard navigation.
Context-sensitive menus.
Fast and Efficient
Intregrated Navigation and menuing.
AJAX
PI technology = portability that is rendered efficiently with our built-in AJAX technology.
Interactive Data

Portable Applications:

A portable desktop built on AJAX technology for fast response w/o page refreshes.
Keyboard navigation.
Context-sensitive menus.
Fast and Efficient
Interactive and dynamic.
Just like stand alone programs, only portable.
Available online, on the road,
at home, in the office...

We put fast AJAX to work for you in a portable desktop that you can take advantage of right now. You can even use it as a mini-intranet. Sign up for a free account at" GoGUI.com.

To experience a web site that was transformed to take advantage of fast-respone AJAX, visit aavi.com

<loader pnt="slideShow" nohistory="1">sshow(1,id,data)</loader>
<slideShow id="mainSS">
<slide time="1000" justonce="1">
<br>This slide show will begin momentarily.
<p><br>You may use its context menu <img src="images/mouse_rt.gif" style="vertical-align:middle;"> for more options.<br><br><br></p>
<p id="_1" align="center"style="color:yellow;">5</p>
<replace pnt="_1" time="1000">4</replace>
<replace pnt="_1" time="1000">3</replace>
<replace pnt="_1" time="1000">2</replace>
<replace pnt="_1" time="1000">1</replace>
</slide>
<slide time="1800">
What do<br><br>
<in time="800"><p style="color:#ffa07a;">Microsoft,</p></in>
<in time="1500"><p align="center"style="color:#ffa07a;">Google,</p></in>
<in time="1500"><p align="right"style="color:#ffa07a;">Macromedia,</p></in>
<in time="1500">and AJAX</in>
<in time="500"><p align="right" style="color:yellow;">have in common?</p></in>
</slide>
<slide time="7000">
<eval time="1">sshow(20,'@slidebck');</eval>
<ol id="_1">
</ol>
<append pnt="_1" time="1">
<li>They are beginning to realize the importance and power of browser-side rendering.</li>
</append>
<eval time="3700">lo.childNodes[0].style.fontSize="10pt"</eval>
<append pnt="_1" time="10"><li>They are aggresively attempting to break into this arena.</li></append>
<eval time="2900">lo.childNodes[1].style.fontSize="10pt"</eval>
<append pnt="_1" time="10"><li>They are years behind pieV's vision and Portable Interface (PI) technology.</li></append>
<eval time="4800">lo.childNodes[2].style.fontSize="10pt"</eval>
<in time="200"><b><font color="#F4C18C">pieV championed these methodologies and techniques 5 years prior to the term AJAX being coined and popularized by Google maps.</font></b></in>
</slide>
<slide>
<p align="right">There are thousands of web design companies ...</p>
<in><p align="right" id="_1"><br>countless graphics ...<br></p></in>
<append pnt="_1" time="1000">coders ...<br></append>
<append pnt="_1" time="1000">designers ...<br></append>
<append pnt="_1" time="1000">programmers ...<br></append>
<append pnt="_1" time="1000">websites ...</append>
</slide>
<slide time="2700">
Nevertheless, no one else can deliver what pieV can!
<in time="2000"><p id="_1">Not even Google and Microsoft have developed Browser-side rendering</p></in>
<append time="1500" pnt="_1">,<br>otherwise known as AJAX</append>
<append time="2000" pnt="_1"><br>to the extent that we have</append>
<append time="1500" pnt="_1"><br> with our PI technology.</append>
</slide>
<slide time="900">
<div id="_1" style="font-size:14pt;"><span style="color:red;background-color:#7fffd4;">G</span>oGUI</div>
<in time="1"><font color="#7fffd4"><br><br>G</font>lobal</in>
<replace pnt="_1" time="1500">G<span style="color:red;background-color:#7fffd4;">o</span>GUI</replace>
<in time="1"><font color="#7fffd4">  O</font>nline</in>
<replace pnt="_1" time="1500">Go<span style="color:red;background-color:#00ffff;">G</span>UI</replace>
<in time="1"><font color="#00ffff"><br><br> G</font>raphical</in>
<replace pnt="_1" time="1500">GoG<span style="color:red;background-color:#00ffff;">U</span>I</replace>
<in time="1"><font color="#00ffff">  U</font>ser</in>
<replace pnt="_1" time="1500">GoGU<span style="color:red;background-color:#00ffff;">I</span></replace>
<in time="1"><font color="#00ffff">  I</font>nterfaces</in>
<replace pnt="_1" time="1500">pieV</replace>
</slide>
<slide>
<p style="color:lime;">Portable Interface (PI) technology!</p>
<in time="1"><p id="_1" align="right" style="color:lime;"><br>Let us show you,</p></in>
<append pnt="_1"><br>what PI can do for you.</append>
<in><p align="center"><br><br>Get Next Generation Technology, Today.</p></in>
</slide>
</slideShow>

<data id="c_c" name="pieV - the Business">
<div style="background-image:url(images/graphics/flight_bck.jpg);background-repeat:no-repeat;">
<p>pieV.com is a registered Ontario business owned and operated by Joe Latouf. Mr. Latouf has championed the development of PI technology since late in the fourth quarter of 2000. Since that time Mr. Latouf has secured numerous web properties and clients, all of which feature PI technology. pieV.com is focused on empowering companies and individuals to build effective, efficient, reliable and scalable distributed solutions. pieV.com anticipates that companies and developers worldwide will used PI technology to support core business goals by providing a portable operating system that makes websites and portable applications more exciting, efficient and user friendly while reducing development and operational costs.</p>
<p>pieV is focused on empowering companies and individuals to build effective, efficient, reliable and scalable websites and portable applications. pieV anticipates that companies and developers worldwide will use PI technology to support core business goals by providing a portable operating system that makes websites and portable applications more exciting, efficient and user friendly while reducing development and operational costs.</p>
<p>pieV provides PI technology for developing and managing distributed solutions. pieV's technology enables companies to rapidly build websites and portable applications that <b>combine the usability of desktop software with the benefits of portable deployment and use</b>. The end result is a more dynamic and user-centered experience for common Internet-based activities and content.</p>
<p>pieV's focused solutions and XML based PI tags foster brand loyalty by significantly improving usability while reducing development and operational costs. PI powered websites and applications are based upon a Graphical User Interface and as such are dynamic and interactive, <u>unlike the click and wait</u> websites of old.</p>
<p>PI technology is network friendly and does not require the installation or use of components, including Macromedia Flash or java applets.</p>
<p>Mr. Latouf has been programming since the early days of DOS. In addition to working in the industry as an IT manager, VP of technology and programmer for many years, Mr. Latouf�s background spans employment at Chalk River Nuclear Laboratories, the Ontario Provincial Police, and teaching Physics, Technology and Math to high school and college students.</p>
<p>History taught Mr. Latouf that a well-constructed Graphical User Interface provides better usability than the confines of a linear model such as a Text User Interface. This concept, coupled with the usability studies and publications by Dr. Jakob Neilson (http://www.useit.com), compelled Mr. Latouf to develop a familiar, interactive and efficient portable platform for working and surfing on the Internet.</p>
</div>
</data>

<data id="c_t" name="GoGUI - the Technology">
<div style="background-image:url(images/graphics/flight_bck.jpg);background-repeat:no-repeat;">
<p>Modern technologies have revolutionized the way we live and think. Today's telecommunications are disolving borders while making markets more accessible. Today's reality is that we live and work in a portable world which has grown accustom to convenience and efficiency.</p>
<p>Technology should be about <font color="navy">People</font> and providing them with the best innovatives that today's minds can offer. pieV is committed to empowering employees, partners, associates, clients, users and visitors with User-friendly, Information-friendly and Network-friendly  <u>Client Centered technology</u>. </p>
<p style="color:maroon;">Building Client Centered Technology  <font color="navy">that</font>  Builds Relationships</p>
<ol>
<li><span class="hilite">All Websites can benefit from our cutting edge technology:</span>
<ul>
<li><b>Fast and Efficient: </b>your requests are handled immediately effectively eliminating the old "click and wait" methods of the net!</li>
<li><b>Cost Effective: </b>Save money by reducing development time and effort. Reduce operational costs by minimizing bandwidth and server-side resources.</li>
<li><b>Screen Real Estate: </b>Condense multiple site links in a centralized menu system, freeing valuable screen space for your site visitors and clients.</li>
<li><b>Network friendly: </b></font>You don't have to force your visitors to download or install components. They shouldn't have to make security decisions or install a Macromedia Flash component, or any other component.</li>
</ul>
</li>
<li><span class="hilite">E-Commerce Solutions that are fast, secure and friendly.</span>
<ul><li><b>Empower your customers</b> to instantly view more than one product at a time, while viewing their order - without having to navigate back and forth.</li>
<li>Customers may simply <b>drag a product and drop it</b> in their shopping cart?</li>
</ul>
<li><span class="hilite">VPN solutions without the cost or limitations:</span>
<ul>
<li><b>Fast</b> AJAX response times and accordion panes but with simple coding and lower bandwidth requirements.</li>
<li>A portable interface for anyone who uses <b>more than one computer</b> - access your 
 files and applications from anywhere.</li>
<li>Use PI for a <b>real-time file system</b> and collaborative document writing.</li>
<li>An <b>easy, secure</b> and efficient way for employees to work at home or on the road.</li>
</ul>
</li>
<li><span class="hilite">Portable Applications are available today with PI technology:</span>
<ul>
<li>Freedom from installing software.</li>
<li>Freedom from buying software for every computer.</li>
<li>Freedom to use software from any modern computer connected to the Internet.</li>
</ul>
</li>
<li><span class="hilite">Offer your employees, clients or family members their own Web portal:</span>
<ul>
<li>Your Portable Desktop is always available.</li>
<li>Personalize your Portable Desktop.</li>
<li>Drag and drop files, folders and favourites.</li>
<li>Manage teams, applications and files from any modern computer. </li>
<li>Display corporate logos, family crests or personalized graphics as a welcome screen or wallpaper for the Portable Desktop.</li>
<li>Don't rely on products such as goToMyPC, which rely on your computer and Internet:
<ul><li>your computer doesn't have to be kept on and connected to the Internet (be safe and secure at home).</li>
<li>Your data is available even if the power at home is interupted.</li>
</ul>
</ul>
</li>
</ol>
<p class="hilite2" align="center">Get Next Generation Technology, Today.</p>
</div>
</data>

<data id="c_cs">
<div style="background-image:url(images/graphics/flight_bck.jpg);background-repeat:no-repeat;">
<p><b>PI is fast and efficient!</b> Rather than having a single server doing all the work while the clients wait for the internet to transfer all that information, the server sends out small fragments of information that the client then renders. This saves bandwidth and server side resources while providing interactive capabilities to the client, such as drag and drop processing.</p>
<ol><li>Servers are used to store content as xml fragments or in a database.</li>
<li>Servers respond to requests for data.</li>
<li>Servers <b>do not process or compile</b> full html pages.</li>
<li>Servers <b>do not process</b> or compile html pages controls or page fragments.</li>
</ol>
<p align="center"><img src="images/graphics/clientserver1.gif"/></p>
<p><b>PI technology eliminates "full page refreshes" while producing a continuous user experience that is fully interactive.</b> Using our "load on demand" features and "local client side data sheet", PI only needs to 
 access the server occassionally using <u>small XML fragments</u> which are <b>bandwidth friendly</b>.</p>
</div>
</data>

<data id="c_fs">
<div style="background-image:url(images/graphics/flight_bck.jpg);background-repeat:no-repeat;">
<p>PI technology <u>funnels</u> entire websites through a <u>single solution</u> which is loaded in a <b>single webpage</b>. All actions, requests and processes are then handled by the client (browser) with PI technology. Where as other websites involve hundreds or thousands of webpages that need to be managed and maintained, PI technology uses just 1.
<br><b>Bottom Line</b>:
<ul><li>Eliminate redundant lines of code.</li>
<li>Easier to manage and update.</li>
<li>Less expensive to produce and use.</li>
<li>Faster and more efficient for users and employees.</li>
</ul></p>
<p align="center"><img src="images/graphics/focusedsolution3.gif"/></p>
</div>
</data>

<data id="c_con" name="Contact" s1="Notice the use of our proprietery 'sticky notes'.">
<insert pnt="snc"/>
</ul>
</div>
<div id="c_add" style="background-color:black;color:white;font-size:10pt;width:250;margin-top:20;padding:10;visibility:hidden;">
pieV.com<br>
<span id="c_add_1"style="font-size:8pt;color:white;">1682 Lesperance Road,<br>
Windsor, Ontario<br>
Canada<br>
N8N 1Y3</span>
![queue.pop('nm("c_add").style.visibility="";nm("c_add").style.width=nm("c_add_1").offsetWidth+20;');]!
</div>
</td><td>
<form id="hotline_sendmsg_" action="javascript:local(71);void(0);"style="border:4px double blue;margin:0 15 0 15;width:400;height:350;">
<div style="background-color:blue;color:white;padding:2 10 2 10;font-weight:bold;">Portable Hotline</div>
<t id="hname" field="Your Name" style="width:350;margin:5;"validate="\w{3,}"/><br>
<t id="hea" field="Your Email Address" style="width:350;margin:5;"fclass="fieldLabel2"/><br>
<t id="hsubject" field="Subject" style="width:350;margin:5;"fclass="fieldLabel2"/><br>
<ta id="hmsg"style="width:350;height:200;margin:5;"></ta><br>
<input type="submit" value="Submit" style="margin:5;"/>
</form>
</td>
</tr></table>
</data>

<data id="c_exp">
<div style="background-image:url(images/graphics/flight_bck.jpg);background-repeat:no-repeat;">
<p style="color:navy;">Experience the difference that PI technology makes!</p>
<ol id="exp_s">
<li>Notice how quickly each page loads when you:
<ul><li>select a menu item.</li>
<li>use <a href="he_k"style="color:blue;">keyboard shortcuts</a>.</li>
<li>select a hyperlink such as the one in the previous bullet.</li>
</ul>
</li>
<li style="margin-top:10;">The similarilty between the menus on your computer and the menus within this website.</li>
<li style="margin-top:10;">Context sensitive menus that offer selections appropriate for the text or object being used.<br>For example, if you <b>right click</b> over this text you are offered a context menu that is distinctly different from the context menu that is obtained when you <b>right click</b> over the <u>slide show</u>. You may view the <u>slide show</u> and its context menu by returning to the Home page. <i>You may return to the Home page by moving your mouse over the logo in the upper left hand corner and pressing your left mouse button, or by using the keyboard shortcut "Ctrl + Home".</i></li>
<li style="margin-top:10;">The drag and drop functionality that is built into PI. When your mouse moves over the boundaries of the <u>slide show</u> window a coloured border appears. You may press your left mouse button and drag the <u>slide show</u> to a different location within this browser.</li>
<li style="margin-top:10;">The flexibility to empower visitors to personalize their experience of your site or portable application. Right click over this text and move your mouse over Font-size to change the font size used for menus or text.</li>
<li id="exp_1"style="margin-top:10;">There are few limits to the flexibility and power of PI, for developers and registered users. For example type a color into the following sticky note to change the color of this text.<br><t id="chg_c"field="color" style="width:100;margin-right:10;"/><input type="button" value="Change this bullet" onclick="local(70,'exp_1')"/><input type="button" style="margin-left:20;"value="Change all other bullets" onclick="local(70,'exp_s')"/></li>
<li style="margin-top:10;">We have included a number of interactive forms and applications for your first hand experience of PI <i>(also available from the main menu)</i>:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ol>
</div>
</data>

<data2 id="_host">
<h3 class="hih3">Hosting</h3>
<p  style="margin-bottom:0;">One year of website hosting and domain name registration is included when we build your website..</p>
<ul style="margin-top:0;">
<li>Email accounts are available for your domain name.</li>
<li>A Web based Interface is available for checking your email through a browser.</li>
<li>POP3 email access is available for email clients such as MS Outlook.</li>
<li>Updates to our PI technology are automatic and seamless.</li>
<li>Automated website backup.</li>
<li>We will update your website for you at significantly reduced rates.</li>
<li><u>After your first year with us</u>, your yearly fee for website hosting will be credited against any major upgrades to your website or online solution, to a maximum discount of 50%. </li>
</ul>
</data2>

<data id="_cw" s1="developer.gif">
<h3 class="hih3">Why Create a Website</h3>
<p>The Internet has forever changed the way we work, play, study and communicate.</p>
<p>As a result of this information explosion the Internet has become an integral part of our lives. Many of us will use the Internet to look up a phone number, address or postal code before using a printed resource. The majority of people today expect to find a business's website and an email address on business cards or advertisements. In today's world, having a website is just as important as having a phone number listed in the phone book. Many would argue that the absence of a website comes across as unprofessional and lacks a certain level of credibility.</p>
<p>A website can be a powerful tool and resource in helping you to achieve your goals. A nominal investment in PI technology can produce significant results in mentoring, marketing, customer service, training and managerial tasks.</p>
<p>When you are ready to take your online presence to the next level, you may request a <a href="!pi.render('_fq')">free, no-obligation quote</a>.</p>

<h3 class="hih3">What's involved</h3>
<table>
<tr>
<td colSpan="2" style="color:green;font-size:larger;font-weight:bold;">Planning</td>
</tr>

<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Building a website with PI technology is different than building one the old fashioned way. Planning, coding, development and delivery are still involved, however, the methods used are significantly different.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
PI loads an entire website (solution) through a single webpage. We call this a <a href="!pi.render('c_fs')" style="color:blue;">Focused Solution</a>.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Your content, text, forms, graphics and multimedia which would normally be wrapped within their own webpage, are organized into small and efficient logical units. These units can be easily referenced in menus or through hyperlinks within other pages or views.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
If you have not already done so, you should take some time to think about your goals and objectives with a new website. Will you need special functionality or interactivity with your visitors? Do you already have the text and graphics that you want to use?
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
When you fill out our <a href="!pi.render('_fq')" style="color:blue;">free quote</a> we will analyze your needs and if we believe your project will benefit from our skills and PI technology, then we will quote you on your project by email.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
A 50% deposit is required before time is allocated for your project. Projects that exceed $5,000 will also require a signed contract.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
If required we will secure your desired domain name (pending availability) and include the first year of service. Your domain will be registered with your name as the registrant owner.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
The first year of hosting is included.
</td></tr>

<tr>
<td colSpan="2"style="color:green;font-size:larger;font-weight:bold;">
<hr size="1" color="navy">
Development</td>
</tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
A temporary site is created during the development and testing of your website. You will be provided with a private URL from which you may view the development progress. 
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
All development and coding for your website is completed and tested.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Special features, interactivity, slide shows, graphic manipulations and forms are developed and coded.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
We compile and organize all required static and dynamic content into logical units called XML fragments.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Navigational menus, context menus and keyboard shortcuts are designed and built according to your specifications.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Back-end objects and scripts to connect your browser-side forms and content to a database or xml data store, are built as required.
</td></tr>

<tr>
<td colSpan="2" style="color:green;font-size:larger;font-weight:bold;">
<hr size="1" color="navy">
Project completion</td>
</tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
You will be asked to review and sign off on successful completion of your website.
</td></tr>

<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Final payment is due before we publish your website to your live domain.
</td></tr>

<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
All neccessary files, XML fragments, scripts are copied to your domain. If databases are required they will be setup on your live server.
</td></tr>

<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Your live website is again tested to ensure that it is functioning as expected.
</td></tr>

<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Minor adjustments to your website are included at no charge for to 2 weeks following the successful launch of your live website. Minor changes include changing text, graphics, etc. Major revisions may incur an additional fee if they were beyond the scope of the original project.
</td></tr>
</table>
<insert pnt="_host"/>
<insert pnt="_framed"/>
</data>

<data id="_iw" s1="developer.gif">
<h3 class="hih3">Why should you Upgrade to PI</h3>
<table>
<tr>
<td colSpan="2" style="color:green;font-size:larger;font-weight:bold;">Useabilty</td>
</tr>
<tr>
<td colSpan="2">
You will improve the user experience for your visitors, clients and employees. PI technology will empower individuals to personalize their experience of your website (font sizes, etc.) while loading content much more quickly and efficiently. PI essentially transforms a website into an application that functions like a standalone (static) program that has been installed on a local computer: 
</td>
</tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td width="100%">
keyboard navigation
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
context menus
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
centralize navigation
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
drag and drop functionality
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
internal windows that can be resized, minimized, moved and viewed in real-time
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
manage online files and folders in real-time
</td></tr>

<tr>
<td colSpan="2" style="color:green;font-size:larger;font-weight:bold;">
<hr size="1" color="navy">
Efficiency</td>
</tr>
<tr>
<td colSpan="2">
PI is much more efficient than the competitions' old fashioned methods that place content and numerous lines of "non-rendered" code into individual webpages that must each be loaded from the server.
</td>
</tr>

<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
New content loads much more quickly and doesn't involve a full page refresh.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Bandwidth consumption is reduced while saving you money and allowing your visitors to obtain information more quickly since their internet connection doesn't have to transfer as much information.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
The Server can process more concurrent requests as it is relieved of the burden of processing entire pages of HTML code.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Content is encapsulated and better organized, improving quality assurance and scalability.
</td></tr>
</table>

<h3 class="hih3">What's involved</h3>
<table>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
When you fill out our <a href="!pi.render('_fq')" style="color:blue;">free quote</a> we will analyze your current website and if we believe your project will benefit from our skills and PI technology, then we will quote you on your project by email.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
A 50% deposit is required before time is allocated for your project. Projects that exceed $5,000 will also require a signed contract.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
You give us access to your website (text, graphics and processes) and we duplicate your live site within our development network. This will not affect or change your live website.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
We create an empty <b>Focused Solution</b> with the parameters and navigation representative of your website. The <u>rendered</u> content in your webpages are then translated to <b>xml fragments</b> that are encapsulated and organized for instant use within the focused solution.<br>We add keyboard shortcuts according to your desires and required functionality.<br>We build middle tier or back end objects as required.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Once our copy of your website has been effectively converted to a <b>Focused solution</b> we test it locally and then make it available for you to review. You are required to sign off on this development solution before it is published to your domain.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Final payment is due before we publish your upgraded website to your live domain.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Minor adjustments to your website are included at no charge for to 2 weeks following the successful launch of your live website. Minor changes include changing text, graphics, etc. Major revisions may incur an additional fee if they were beyond the scope of the original project.
</td></tr>
</table>
<insert pnt="_host"/>
<insert pnt="_framed"/>
</data>

<data id="_ins" s1="projects.gif">
<h3 class="hih3">What is an Insert</h3>
<p>A PI Insert can be thought of as a self contained solution within an existing, traditional website. Similar to a web page that is loaded
 as a standalone entity from a link, a PI insert is not the entire website. It is a small package of information loaded from other locations.</p>
<p>Many years ago Flash and Java applets were the only options available to enhance the look and functionality of a website. For many years now there have been lighter, more secure ways to accomplish these desired tasks. This is the role of a PI Insert.</p>
<p>PI Inserts are ideal for companies or individuals who do not necessarily want to convert their entire website to a <a href="!pi.render('c_fs')" style="color:blue;">Focused Solution</a>. PI Inserts allow you to gradually add enhanced, friendly and light-weight functionality to your existing domain.</p>
<h3 class="hih3">Possible uses for PI Inserts include, but are not limited to:</h3>
<table>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
<b>Business Cards</b> that range from straight-forward text & graphics to online slideshows and animations.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
<b>Interactive tutorials and wizards</b> that the visitor or client dynamically modifies and selects according their unique learning style and skill set.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
<b>E-Learning activities</b> become a viable <u>interactive</u> alternative to conventional education.
<br>Empower students to learn with mouseover effects, context menus and other user-friendly tools. 
 Online education can and should be much more than a replacement for a correspondance syllabus that replaces a teacher with a screen, keyboard and chat room.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
<b>E-commerce shopping carts</b> that allow clients to instantly update their orders, while concurrently viewing transactions and products.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
<b>Animations.</b> Don't force visitors to trust and install heavy objects such as Flash; you may offer animations and much more as a PI enabled insert. There is a reason that Google maps used AJAX rather than Flash.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
<b>VPN solutions.</b> Offer employees and clients the advanced security and functionality available exclusively through PI.
</td></tr>
</table>
<insert pnt="_framed"/>
</data>

<data id="_profile" s1="projects.gif">
<h3 class="hih3">What is a Profile</h3>
<p>A Profile is online content that is available without owning your own domain name. Profiles allow businesses and individuals to post a website under another website.</p>
<p>If you don't need a specific domain name to be associated with your business or website, or have a single product or service to offer and wish to minimize your operating costs, a profile will allow you to gradually and conservatively enter the Internet. Setup and maintenance costs are less than creating and owning your own domain name.</p>
<p>If you are interested in a <a href="!pi.render('_fq')" style="color:blue;">free quote</a>, use this link and cite a <b>Profile</b> in the Project description.</p>
<insert pnt="_framed"/>
</data>

<data id="_c" s1="innovation.jpg">
<table cellspacing="7">
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
The Internet has removed the physical boundaries that separate resources and stakeholders.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Portable Interface (PI) technology effectively removes the pragmatic and technical boundaries that have impeded its effective use.
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
Content management should be scalable, reliable and friendly!
</td></tr>
<tr><td><img src="images/PI_icons/bullet1.gif"></td><td>
The above mentioned principles have been the driving force behind PI technology for more than 7 years.<br>We are dedicated to providing <i>user-friendly</i>, <i>information-friendly</i> and <i>network-friendly</i> technology that empowers <b>people</b> without burdening them with installation or security requirements.
</td></tr>
</table>
<p>Let us design and develop a content management solution that exceeds your needs and expectations. If you desire a content delivery website, e-commerce solution, or a <i>distributed solution</i>, PI technology is here for you!</p>
<center><insert pnt="_framed"/></center>
<h3 class="hih3">Distributed Solutions</h3>
<p>Do you need to maintain a scalable, reliable and extensive online presence, independent of servers, geographical events and communication backbones? Historically this type of flexibility translated into very high end systems and costs. With PI technology, distributed solutions are more interactive, friendly and cost effective.</p>
<p>PI technology�s client side objects can automatically sense and respond to back-end, middle-tier and communication breakdowns. Analogous to having a dynamic router table at the client, PI can be programmed to re-route data-fragments and modules to various servers and different communication backbones in the event of single or multiple failures.
</p>
<p>Target solutions include:
<ul><li>Collaborative work environments.</li>
<li>Virtual communities.</li>
<li>Intelligent networks.</li>
<li>Intelligent web portals</li>
<li>Distributed information access.</li>
<li>Distributed educational systems.</li>
<li>Distributed educational resources.</li></ul></p>
<p>Significant advantages to distributed solutions include:
<ul><li>Modular development, support and evolution.<br/>Different teams build nodes, libraries and objects.</li>
<li>Well-defined and enforced Portable Interfaces.</li>
<li>Upgrades to individual modules occur seamlessly and limit changes on the overall system.</li>
<li>Efficiency for users and suppliers. Suppliers pay as they go eliminating needless costs for unused hardware and software. Users only load modules and facilities that are called upon at run time.</li>
<li>Ideal load sharing between servers and clients. Servers share the responsibility with one another across communication backbones and client machines properly take over significant amounts of local and interactive processing.</li>
<li>Improve Quality Assurance processes and deliver cycles by re-certifying only those modules that have changed.</li>
<li>Improved uptime guarantees with both critical and non-critical modules. Remote diagnostics can isolate and remap or repair isolated problems.</li>
</ul></p>
</data>

<data2 id="snc">
<table style="background-image:url(images/graphics/flight_bck.jpg);background-repeat:no-repeat;">
<tr><td colspan="2"><div style="text-align:left;color:blue;margin-bottom:20;">Use the Portable Hotline to instantly post a message to our message center.
</div></td></tr>
<tr valign="top"><td>
<div>
<ul>
<li style="margin-top:10;"><span style="background-color:yellow;">Yellow</span> denotes a manditory field.</li>
<li style="margin-top:10;"><span style="background-color:cyan;">Blue</span> denotes an optional field</li>
<li style="margin-top:10;">Click on the field whose name is shown with the hilighted colour. As you edit the field the name is removed and replaced with your data.</li>
<li style="margin-top:10;">Once you begin editing a sticky note, you may recall its name by moving your mouse over the field; the name will appear as a tool tip.</li>
</data2>

<data id="_fq" s1="">
<insert pnt="snc"/>
<li style="margin-top:10;">Current Website should be completed if you are upgrading to PI. If you are creating a new website please leave this field blank.</li>
</ul>
</div>
</td><td>
<form id="quote_sendmsg_" action="javascript:local(72);void(0);"style="border:4px double blue;margin:0 15 0 15;width:500;height:400;text-align:center;">
<div style="background-color:blue;color:white;padding:2 10 2 20;text-align:left;font-weight:bold;">Free no obligation quote</div>
<t id="name" field="Contact Name" style="width:250;margin:5;"validate="\w{3,}"/>
<t id="phone" field="Phone" style="width:190;margin:5;"fclass="fieldLabel2"/><br>
<t id="ea" field="Email Address" validate=".+?@.+?\..+" style="width:250;margin:5;"/>
<t id="wp" field="Approx # of pages" validate="^\s*\d+\s*$"failed="Enter a single number"style="width:190;margin:5;"/><br>
<t id="ws" field="Current Website" style="width:450;margin:5;"fclass="fieldLabel2"/><br>
<ta id="hmsg"style="width:450;height:220;margin:5;">Project Description</ta><br>
<input type="submit" value="Submit" style="margin:5;"/>
</form>
</td>
</tr></table>
</data>

<data id="he_k">
<table width="770" border="0" cellpadding="5" cellspacing="0" style="border:1 solid gray;">
<tr bgcolor="yellow"><td colspan="2" style="font-size:12pt;color:navy;font-weight:bold;height:1.5em;border-top:1px solid black;">Keyboard Shortcuts: Menus</td></tr>

<tr bgcolor="#eeeeee" ><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/alt.gif" style="vertical-align:middle;"> + M
</td><td style="font-size:10pt;font-weight:bold;color:navy;height:1.7em;">
Open the <u>M</u>enu System - beginning with the Vehicles Sub-menu.
</td></tr>
<tr bgcolor="ivory"><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/esc.gif" style="vertical-align:middle;">
</td>
<td style="font-size:10pt;color:navy;font-weight:bold;height:1.7em;">
Close Menus
</td></tr>

<tr bgcolor="#eeeeee" ><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/up.gif" style="vertical-align:middle;">
</td><td style="font-size:10pt;font-weight:bold;color:navy;height:1.7em;">
Move Menu Selector Up one position.
</td></tr>
<tr bgcolor="ivory"><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/dn.gif" style="vertical-align:middle;">
</td>
<td style="font-size:10pt;color:navy;font-weight:bold;height:1.7em;">
Move Menu Selector Down one position.
</td></tr>

<tr bgcolor="#eeeeee" ><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/lt.gif" style="vertical-align:middle;">
</td><td style="font-size:10pt;font-weight:bold;color:navy;height:1.7em;">
Move Menu Selector Right <span style="font-weight:normal;">(when a Menu is open)</span>.
</td></tr>
<tr bgcolor="ivory"><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/rt.gif" style="vertical-align:middle;">
</td>
<td style="font-size:10pt;color:navy;font-weight:bold;height:1.7em;">
Move Menu Selector Left <span style="font-weight:normal;">(when a Menu is open)</span>.
</td></tr>

<tr bgcolor="#eeeeee" ><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/enter2.gif" style="vertical-align:middle;">
</td><td style="font-size:10pt;font-weight:bold;color:navy;height:1.7em;">
Open the Current Menu Item
</td></tr>
<tr height="20"><td colspan="2"> </td></tr>

<tr bgcolor="yellow"><td colspan="2" style="font-size:12pt;color:navy;font-weight:bold;height:1.5em;border-top:1px solid black;">Keyboard Shortcuts: General</td></tr>

<tr bgcolor="#eeeeee"><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/ctrl.gif" style="vertical-align:middle;"> + <img src="images/keyboard/home2.gif" style="vertical-align:middle;">
</td><td style="font-size:10pt;font-weight:bold;color:navy;height:1.7em;">
Return to the Welcome Page
</td></tr>
<tr bgcolor="ivory"><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/lt.gif" style="vertical-align:middle;"> 
</td>
<td style="font-size:10pt;color:navy;font-weight:bold;height:1.7em;">
Load the Previously selected Page within this website.<br><span style="font-weight:normal;">(Menus are not open)</span>
</td></tr>

<tr bgcolor="#eeeeee" ><td width="150"style="padding-left:20;font-size:10pt;font-weight:bold;height:1.7em;">
<img src="images/keyboard/rt.gif" style="vertical-align:middle;">
</td><td style="font-size:10pt;font-weight:bold;color:navy;height:1.7em;">
Load the Next Page within this website if applicable.<br><span style="font-weight:normal;">(Menus are not open)</span>
</td></tr></table>
</data>

<data id="he_n">
<div style="text-align:left;margin:15;">
We remain committed to providing you with the best, fastest, and most convenient and secure products and information. 
<p>This website uses the latest "Portable Interface (PI) technology", providing you with instant access to information and allowing you to personalize the font-sizes that are most comfortable on your eyes.</p>
<p style="background-color:#eeeeee;color:navy;margin:20;padding:10;"><b>You may quickly load any page within our webiste from the menu system by moving your mouse over the menubar. <br><br><font color="black"><a href="he_k"style="color:blue;">Keyboard shortcuts</a> are provided, allowing you to quickly and easily move back and forth between previously viewed pages of data.</font></b></p>
<p style="background-color:#eeeeee;color:navy;margin:20;padding:10;">
<b>Do not use your Browsers Back button to move to a previous page "within this website"; this will move you out of our website. </b><br><br>
<font color="black">We have attempted to build efficiency into every aspect of our technology, including your ability to return to the website you were visiting prior to loading this one. 
<br>You may quickly navigate to any page using the menu system, <b>or</b>, by using the <img src="images/keyboard/lt.gif" style="vertical-align:middle;"> <img src="images/keyboard/rt.gif" style="vertical-align:middle;"> keys on your keyboard. The Help menu includes features desgined to assist you in navigating between previously visited pages.</font></p>
<p></p>
<p><strong>Context Menus</strong><br>
Context menus are available using the <b>Right Button on your mouse</b> <img src="images/mouse_rt.gif" style="vertical-align:middle;">.</p>
</div>
</data>

<data id="he_a">
<div style="text-align:left;margin:15;">
<p style="background-color:#eeeeee;margin:20;padding:10;"><b>
This website and all related content is protected by copyright laws, trademark laws and international treaties. Unauthorized reproduction or distribution may result in civil and criminal penalties.<br><font color="black">
</font></b>
</p>
<p style="background-color:#eeeeee;margin:20;padding:10;"><b>
<font color="navy">Portable Interface (PI) technology is licensed to this website on a non-exclusive basis by pieV.com and GoGUI Canada Inc. and pieV.com.</font><br><br>PI technology is protected by copyright laws, trademark laws and international treaties. Unauthorized reproduction or distribution may result in civil and criminal penalties.
<br><br><span class="text12">PI technology is fast, lightweight and powerful.</span></p>
</div>
</data>

<help id="mo_cm">Also known as a context menu, it includes the commands that are associated with a particular object. To activate an object's context menu, point to it with the screen pointer, then press and release the right mouse button once.</help>
<help id="mo_kn">Also known as Keyboard Shortcuts or Shortcut keys, these key combinations may be used as an alternative to the mouse and make it easier to interact with the computer.</help>
<help id="mo_a">Asynchronous JavaScript And XML</help>

<unload id="_maind">nm('slides'+w,'h')</unload>
<load id="_maind">nm('slides'+w,'s');local(40);</load>

GoGUI.biz and Global Online Graphical User Interfaces AJAX programming Partnerships: AJAX programming

Website Design and Application Development

AJAX

E-commerce

Website design

Website development

Content management

Global
Online
Graphical
User
Interfaces

Web portals

VPNs

AJAX

Website design

Website development

E-commerce

			Website Design and Application Development Websites that soar above the crowd: Keyboard navigation. Context-sensitive menus. Fast and Efficient Intregrated Navigation and menuing. AJAX PI technology = portability that is rendered efficiently with our built-in AJAX technology. Interactive Data Portable Applications: A portable desktop built on AJAX technology for fast response w/o page refreshes. Keyboard navigation. Context-sensitive menus. Fast and Efficient Interactive and dynamic. Just like stand alone programs, only portable. Available online, on the road, at home, in the office... We put fast AJAX to work for you in a portable desktop that you can take advantage of right now. You can even use it as a mini-intranet. Sign up for a free account at" GoGUI.com. To experience a web site that was transformed to take advantage of fast-respone AJAX, visit aavi.com
Uniquely PI Your Website Your Content Your Options Help AJAX E-commerce Website design Website development Content management Global Online Graphical User Interfaces Web portals VPNs AJAX Website design Website development E-commerce

Website Design and Application Development

AJAX

E-commerce

Website design

Website development

Content management

GlobalOnlineGraphicalUserInterfaces

Web portals

VPNs

AJAX

Website design

Website development

E-commerce

Global
Online
Graphical
User
Interfaces