Please explain the HTML Export File Structure Ver. 5

Jeff Wood shared this question 5 years ago
Answered

The HTML Export file structure as explained in the online documentation does not match what I get when I export and I am having a tough time deciphering the different folders etc. Please elaborate.


THIS IS THE EXPORT FILE STRUCTURE I SEE:


IMAGES


RESOURCES


REVIEW


index.html


THIS IS WHAT IS IN THE ONLINE DOCUMENTATION:


The HTML prototype file structure is as follows:



[PrototypeName]/CSS – This folder contains the cascade style sheets (CSS) files which contain information about the style and look and feel of HTML elements.



[PrototypeName]/images – This folder contains the images of your prototype.



[PrototypeName]/javascript – This folder contains the javascript script files which provide active behaviours such as most event actions to prototypes.



[PrototypeName]/pages – This folder contains the actual screens sorted by name. Use this folder to look and browse screens without the navigation tree on the left that's common to all HTML prototypes.



[PrototypeName]/index.html – Use this file as an entry point to any HTML prototype. It opens the prototype's home page and adds a useful screen tree on the left to ease navigation. Html files can be opened with any web browser such as Internet Explorer, Mozilla Firefox, Apple Safari or Google Chrome.

Comments (1)

photo
1

Thanks for telling! We'll update that information next week. Meanwhile, here is the description of 5.0 version's HTML:


The HTML prototype file structure is as follows:


[PrototypeName]/external – This folder contains the external files added to your prototype such as PDF documents, embedded HTML websites, etc.


[PrototypeName]/images – This folder contains the images you have added to your prototype.


[PrototypeName]/resources – This folder contains the javascript and css files which provide active behaviours such as most event actions to prototypes and define the style and look and feel of HTML elements.


[PrototypeName]/resources/_jim – This folder contains javascripts and other important resources to the HTML. All the simulation engine is embedded inside this folder.


[PrototypeName]/resources/masters – This folder contains the javacript and css files for each master the prototype has.


[PrototypeName]/resources/screens – This folder contains the javacript and css files for each screen the prototype has.


[PrototypeName]/resources/templates – This folder contains the javacript and css files for each template the prototype has.


[PrototypeName]/review – This folder contains the HTML files generated from your prototype file and the specific javascript and css included for this prototype.


[PrototypeName]/review/includes – This folder contains the information about which javascripts will be included during the execution in a browser.


[PrototypeName]/review/masters – This folder contains the HTML pages to display the masters of your prototype.


[PrototypeName]/review/screens – This folder contains the HTML pages to display the screens of your prototype.


[PrototypeName]/review/templates – This folder contains the HTML pages to display the templates of your prototype.


[PrototypeName]/index.html – Use this file as an entry point to any HTML prototype. It opens the prototype's home page and adds a useful screen tree on the left to ease navigation. HTML files can be opened with any web browser such as Internet Explorer, Mozilla Firefox, Google Chrome or Apple Safari. In order to view your prototype correctly, we give support to these browser versions: Microsoft Internet Explorer v8+, Google Chrome v2+, Mozilla Firefox v2+ and Apple Safari v3+.