XIML - the power of simplicity

raw data content - ximl.com - _]]> _]]> _]]> kisla interactive - a boutique IT consultancy specialising in interactive solutions ]]> What is XIML XIML (extensible interactive markup language) is a new technology allowing fast and easy creation of rich interactive interfaces for websites and web applications. XIML is a XML-based language that is very simple and intuitive. It is easy to learn, use, and manage. The display engine is implemented in Flash and has all the advantages and flexibility of a Flash-based application XIML is an extremely powerful technology with many unique features (see features page) that are not available in other existing technologies. Its flexibility allows implementation of any graphical design and layout. Yet it is simple to learn, use and manage providing the user with convenient and easy-to-use tools. XIML can be used by anyone - professionals and novice webmasters, designers and developers. It offers high quality results with little learning and development time. How is it used XIML site can be used as a fullsize website or just for embedding interactive "images" in HTML as in this example: http://ximl.com/ex XIML can be used online (website, web application, mobile application), offline (desktop application), for touch screens, big screens, and much more. It is very easy to deploy - no special software needs to be installed on the server. ]]> Innovations There are many features of XIML that don't exist in other current technologies. Very advanced and flexible positioning allows for great precision in placing the elements. Also, the elements are rearranged when the window is resized. There is a strong separation between the data/content and the design/graphical elements/behaviour. Multiple data files supported, allowing to combine content from multiple sources/databases. One XML tag fully describes each element on the screen, allowing properties to be easily changed. Entire website / interface is described in a single configuration file. Few in and out transitions of elements are available. Plugins are supported (SWF movie clips). Many other great advantages described in Features page . Development Status The engine that used to render XIML interfaces is in production state and already deployed in few commercial applications. This website with description, developers reference, etc is in early development stage - much more information will be here soon... You can already create a XIML site and try this new technology. At this stage we recommend to view source files of other projects to learn the language features. Developers forum as available to answer your questions. ]]> features :: CONTENT ]]> ]]> ]]> ]]> ............................................... ]]> ]]> ]]> sub node text xpath and value text ]]> sub node text xpath and value text ............................................... ]]> Belgian Waffles $5.95 two of our famous Belgian Waffles with plenty of real maple syrup 650 Strawberry Belgian Waffles $7.95 light Belgian waffles covered with strawberrys and whipped cream 900 ]]> ]]> ]]> ]]> ]]> ]]> ]]> ]]> : Configurable parameters are: x = "5", y = "10%" - position on screen (can be absolute / flexible / relative) w = "30", h = "20%" / x2 = "R-30", y2 = "B-20%" - width and height datatype = "static" txt = "Hello, World!" - defines location of a content and possibly content itself font = "Helvetica" - The name of the font for text in this text format, as a string. (String) size = "30" - The point size of text in this text format. color = "0xff0000" - Indicates the color of text. (Number in HEX) bold = "true" / "" - Boolean value that specifies whether the text is boldface. (Boolean)^* italic = "true" / "" - A Boolean value that indicates whether text in this text format is italicized. (Boolean) underline = "true" / "" - A Boolean value that indicates whether the text that uses this text format is underlined or not. (Boolean) url = "http://www.kisla.com" - Indicates the URL that text hyperlinks to. (String) target = "_blank" - Indicates the target window where the hyperlink is displayed. (String) align = "left" / "center" / "right" / "justify" - A string that indicates the alignment of the paragraph. (String) leftMargin = "20" - The left margin of the paragraph, in points. (Number) rightMargin = "20" - The right margin of the paragraph, in points. (Number) leading = "10" - An integer that represents the amount of vertical space in pixels (called leading) between lines. (Number) kerning = "true" / "" - A Boolean value that indicates whether kerning is enabled or disabled. (Boolean) letterSpacing = "10" - The amount of space that is uniformly distributed between characters. (Number) indent = "10" - An integer that indicates the indentation from the left margin to the first character in the paragraph. (Number) blockIndent = "20" - A number that indicates the block indentation in points. (Number) bullet = "true" / "" - A Boolean value that indicates that the text is part of a bulleted list. (Boolean) multiline="true" / "" - Indicates whether the text field is a multiline text field. (Boolean) selectable="true" / "" - A Boolean value that indicates whether the text field is selectable. (Boolean) background="true" / "" - Specifies if the text field has a background fill. (Boolean) backgroundColor="0xff0000" - The color of the text field border. (Number) border="true" / "" - Specifies if the text field has a border. (Boolean) borderColor="0xff0000" - The color of the text field border. (Number) autoSize="none" (the default) / "left" / "right" / "center" - Controls automatic sizing and alignment of text fields. wordWrap="true" / "" - A Boolean value that indicates if the text field has word wrap. (Boolean) maxChars="3" - Indicates the maximum number of characters that the text field can contain. (Number) html="true" / "" - A flag that indicates whether the text field contains an HTML representation. (Boolean) condenseWhite="true" / "" - A Boolean value that specifies whether extra white space (spaces, line breaks, and so on) in an HTML text field should be removed. (Boolean) embedFonts="true" / "" - Specifies whether to render using embedded font outlines. (Boolean) tabIndex="4" - Lets you customize the tab ordering of objects in a SWF file. (Number) sharpness="400" - The sharpness of the glyph edges in this TextField instance. (Number) mouseWheelEnabled="true" / "" - A Boolean value that indicates whether Flash Player should automatically scroll multiline text fields when the mouse pointer clicks a text field and the user rolls the mouse wheel. (Boolean) restrict="A-Z 0-9" / "^a-z" / "A-Z^Q" - Indicates the set of characters that a user may enter into the text field. (String) _rotation="45" - The rotation of the text field, in degrees, from its original orientation. (Number) ^* with Boolean parameters: to set TRUE, use any not empty value (="true", ="yes", =" ", etc). To set FALSE, remove parameter or use empty value (="") ]]> ]]> : Configurable parameters are: x = "5", y = "10%" - position on screen (can be absolute / flexible / relative) w = "30", h = "20%" / x2 = "R-30", y2 = "B-20%" - width and height of area to fit the image into datatype = "static" src = "http://www.google.com.au/intl/en_au/images/logo.gif" - defines location of a content and possibly content itself size = "fit_w" / "fit_h" / "set_w" / "set_h" / "fit_wh_min" / "fit_wh_max" / "set_wh" / "fill" - defines resizing type "fit_w" - fit width into specified area width, change heigh accordingly. Keep aspect ratio. "fit_h" - fit height into specified area height, change width accordingly. Keep aspect ratio. "set_w" - set width to specified area width, height unchanged. Don't keep aspect ratio. "set_h" - set height to specified area height, width unchanged. Don't keep aspect ratio. "fit_wh_min" - fit image into specified area, change width and heigh so it would fit with smaller side. Keep aspect ratio. "fit_wh_max" - fit image into specified area, change width and heigh so it would fit with larger side. Keep aspect ratio. "set_wh"/"fill" - set width and height to specified area width and height. Don't keep aspect ratio. align = "c" / "cent" / "TL" / "tl" - defines alignment of image withing the area "c"/"cent" - center "TL"/"tl" - top left corner load_stat = "txt" / "no" - displaying loading progress "txt" - text messages "no" - hide progress ]]> ]]> : Configurable parameters are: x = "5", y = "10%" - position on screen (can be absolute / flexible / relative) w = "30", h = "20%" / x2 = "R-30", y2 = "B-20%" - width and height c = "0xff0000" - Indicates the color of the shape. (Number in HEX) a = "50" - Indicates the transparency of the shape (0-100 in %). (Number) r = "5" - The radius of the shape rounded corner. (Number) ]]> ]]> : Configurable parameters are: x = "5", y = "10%" - position on screen (can be absolute / flexible / relative) w = "30", h = "20%" / x2 = "R-30", y2 = "B-20%" - width and height c = "0xff0000" - Indicates the color of the border. (Number in HEX) a = "50" - Indicates the transparency of the border (0-100 in %). (Number) r = "5" - The radius of the border rounded corner. (Number) ]]> ]]> : Configurable parameters are: x = "5", y = "10%" - start position on screen (can be absolute / flexible / relative) x2 = "30", y2 = "20%" - end position on screen (can be absolute / flexible) c = "0xff0000" - Indicates the color of the line. (Number in HEX) a = "50" - Indicates the transparency of the line (0-100 in %). (Number) t = "5" - Indicates the thickness of the line. (Number) ]]> ]]> : Configurable parameters are: x1 = "5", y1 = "10%" - position on screen of first corner (can be absolute / flexible) x2 = "5", y2 = "10%" - position on screen of second corner (can be absolute / flexible) x3 = "5", y3 = "10%" - position on screen of third corner (can be absolute / flexible) c = "0xff0000" - Indicates the color of the shape. (Number in HEX) a = "50" - Indicates the transparency of the shape (0-100 in %). (Number) ]]> ]]> : Configurable parameters are: startplay = "true" / "" - A Boolean value that indicates whether XIML Engine should automatically start playing the movie. (Boolean)^* in seek bar: fullness_mc - indicates loading progress of the movie progress_mc - indicates playing progress of a movie ^* with Boolean parameters: to set TRUE, use any not empty value (="true", ="yes", =" ", etc). To set FALSE, remove parameter or use empty value (="") ]]> ]]> : Button is an element with 2 states - regular () and "on mouse over" (). Each state defined separately (treated as elem_group). ]]> ]]> : This element populates items in the required order. Each item is active and can have 4 states - it can be "on" or "off" and regular or "on mouse over" (total: , , , ). Each state defined separately (treated as elem_group). Configurable parameters are: edx = "150", edy = "25" - difference in position of next item relative to previous on x and y axe ew = "140", eh = "16" - width and height of each item (optional) rowit = "3" - number of items in a row for two dimensional layout (optional, default is one dimensional) startsel = "2" - index of item to highlight at the beginning (optional) seltype = "mult" - option to allow multiple elements to be selected (optional, default is - only one can be selected) ]]> ]]> ]]> : ]]> ]]> ]]> : ]]> ]]> : Configurable parameters are: TBA ]]>

]]> reference :: CONTENT ]]> blog :: CONTENT ]]> ");