Object Graphical Web (OGWeb) - the term introduced by Timur Mashnin to denote the method of creating a website under which one or more unified 3D-containers for web content are developed, instances of which are assembled into a web page.

The contents of a web page can be represented by a scene graph, the objects of which are instances of the 3D-containers.
 
The description of the scene graph can be declaratively created using XML Unified 3D-containers that completely define the look and feel of the website content.
 
Special effects such as animation and transformation can be attached to instances of 3D-containers.
 
Instances of 3D-containers can respond to user actions as changing their size, orientation and position in space of the web page and changing the actual scene graph.
 
 
Object Graphical Web (OGWeb) - it is no HTML markup, no CSS styles, no tables and div blocks!!!
 
Object Graphical Web - is a programmable and reusable Web!
 
A lot of people pore – first of all develop the design concept and specification for the site, then draw sketches of the site, then make up templates of site pages, then integrate approved design of the site into the existing CMS, or develop a new CMS, then populate the site content, and finally publish it.
 
But what do we get in the end?
 
The result is a set of flat pages in a browser window, that consist of the control elements and content, which in turn consists of text, images, animation and video.
 
But where is the XXI century?
 
The XXI century so far is only visible in smartphones and tablets, in which you can scroll through elements with finger and increase them for viewing pushing the forefinger and thumb.
 
I want the same in my PC or laptop!
 
There really fingers usually aren't present, but there is a mouse.
 
For example take an honest programmer. Suppose he wants to make a website to sell their software. This is what - he should instead of some noble language like Java picking in this noodle consisting of div blocks and CSS-selectors? Moreover may be to draw something in Photoshop? - Enough! Sick of it!
 
All the same of what the site consists? Maybe it still is a set of objects?
 
An element of control - is the object? - Yes object!
 
The logical part of the text - is the object? - The object!
 
Image or image composition – is the object? - The object!
 
Animation - is the object? - The object!
 
Video – is the object? - Of course the object!
 
It's all the objects that can be placed in different layout containers and that can be manipulated with the mouse.
 
How does all of this can be described and modeled?
 
All of this can be described with the universal language XML.
 
In fact - I will tell you a secret - There is a bulk of such examples!
 
Consider such language as JavaFX 2 FXML.
 
How in this case a simple application page will look like? :
 
 
<?xml version="1.0" encoding="UTF-8"?>
 
<?import java.lang.*?>
 
<?import java.util.*?>
 
<?import javafx.scene.control.*?>
 
<?import javafx.scene.layout.*?>
 
<?import javafx.scene.paint.*?>
 
<?import javafx.scene.web.*?>
 
<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml">
 
  <children>
 
    <HBox layoutX="14.0" layoutY="14.0" prefHeight="28.0" prefWidth="572.0">
 
      <children>
 
        <Hyperlink text="Home" />
 
        <Hyperlink text="Services" />
 
        <Hyperlink text="Blog" />
 
        <Hyperlink text="Contacts" />
 
      </children>
 
    </HBox>
 
    <VBox layoutX="492.0" layoutY="53.0" prefHeight="305.0" prefWidth="100.0">
 
      <children>
 
        <Hyperlink text="Home" />
 
        <Hyperlink text="Services" />
 
        <Hyperlink text="Blog" />
 
        <Hyperlink text="Contacts" />
 
      </children>
 
    </VBox>
 
    <HBox layoutX="14.0" layoutY="358.0" prefHeight="28.0" prefWidth="572.0">
 
      <children>
 
        <Label text="Copyright" />
 
      </children>
 
    </HBox>
 
    <ScrollPane layoutX="34.0" layoutY="53.0" prefHeight="291.0" prefWidth="445.0">
 
      <content>
 
        <WebView prefHeight="276.0" prefWidth="430.0" />
 
      </content>
 
    </ScrollPane>
 
  </children>
 
</AnchorPane>
 
 
Consider also the framework UiBinder Google Web Toolkit:
 
 
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
 
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
 
        xmlns:g="urn:import:com.google.gwt.user.client.ui">
 
        <ui:style>               
 
        </ui:style>
 
        <g:HTMLPanel>
 
                <g:AbsolutePanel height="300px">
 
                        <g:at left="0" top="0">
 
<g:HorizontalPanel width="440px" height="34px">
 
<g:Hyperlink text="Home" targetHistoryToken="newHistoryToken"/>
 
<g:Hyperlink text="Services" targetHistoryToken="newHistoryToken"/>
 
<g:Hyperlink text="Blog" targetHistoryToken="newHistoryToken"/>
 
<g:Hyperlink text="Contacts" targetHistoryToken="newHistoryToken"/>
 
        </g:HorizontalPanel>
 
                        </g:at>
 
                        <g:at left="352" top="40">
 
<g:VerticalPanel width="88px" height="222px">
 
<g:Hyperlink text="Home" targetHistoryToken="newHistoryToken"/>
 
<g:Hyperlink text="Services" targetHistoryToken="newHistoryToken"/>
 
<g:Hyperlink text="Blog" targetHistoryToken="newHistoryToken"/>
 
<g:Hyperlink text="Contacts" targetHistoryToken="newHistoryToken"/>
 
</g:VerticalPanel>
 
        </g:at>
 
        <g:at left="0" top="271">
 
        <g:HorizontalPanel width="440px" height="19px">
 
        <g:Label text="Copyright"/>
 
        </g:HorizontalPanel>
 
        </g:at>
 
        <g:at left="0" top="40">
 
        <g:HTMLPanel width="346px" height="215px"/>
 
        </g:at>
 
        </g:AbsolutePanel>
 
        </g:HTMLPanel>
 
</ui:UiBinder>
 
 
Also look at Flex 4:
 
 
<?xml version="1.0" encoding="utf-8"?>
 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 
xmlns:s="library://ns.adobe.com/flex/spark"
 
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 
<fx:Declarations>
 
</fx:Declarations>
 
        <s:HGroup x="12" y="6" width="808" height="30">
 
                <mx:LinkButton label="Home"/>
 
                <mx:LinkButton label="Services"/>
 
                <mx:LinkButton label="Blog"/>
 
                <mx:LinkButton label="Contacts"/>
 
        </s:HGroup>
 
        <s:VGroup x="620" y="44" width="200" height="483">
 
                <mx:LinkButton label="Home"/>
 
                <mx:LinkButton label="Services"/>
 
                <mx:LinkButton label="Blog"/>
 
                <mx:LinkButton label="Contacts"/>
 
        </s:VGroup>
 
        <s:HGroup x="10" y="544" width="820" height="46">
 
                <s:Label text="Copyright" height="29" width="90"/>
 
        </s:HGroup>
 
        <s:RichText x="10" y="44" width="602" height="492"/>
 
</s:Application>
 
 
What do we see?
 
Yes - it is a declarative description of the object graph. Yes - these objects can attach different effects. Yes - for these objects can define different actions.
 
But - all of this is again some flat and actually fractured. But - each object needs to be decorated individually. But - in the end we will still get all the same HTML page imitation.
 
What could be a way out of this?
 
Well, for example, each object can be put into a unified 3D-container to which you can apply different effects and action, which you can move around the screen, and which you can increase or decrease to view the content.
 
So all efforts of designers can be directed towards the development of 3D-container and creation of a site will be reduced to a description of the graph of containers and its translation into the code.
 
This is how it will look in JavaFX 2 FXML:
 
 
<?xml version="1.0" encoding="UTF-8"?>
 
<?import java.lang.*?>
 
<?import java.util.*?>
 
<?import javafx.scene.*?>
 
<?import javafx.scene.control.*?>
 
<?import javafx.scene.layout.*?>
 
<?import javafxogwebfxml.*?>
 
<AnchorPane id="AnchorPane" prefHeight="600" prefWidth="800" xmlns:fx="http://javafx.com/fxml" >
 
    <children>
 
        <MenuContainer layoutX="50" layoutY="50" label="Home" />
 
        <MenuContainer layoutX="160" layoutY="50" label="Services" />
 
        <MenuContainer layoutX="270" layoutY="50" label="Blog" />
 
        <MenuContainer layoutX="380" layoutY="50" label="Contacts" />
 
   <ContentContainer layoutX="100" layoutY="200" url="http://www.google.com/" />    
 
    </children>
 
</AnchorPane>

Our services

Our developments are at the forefront of high technologies

We design and develop web sites

Individual site design
Creating dynamic sites
Website layout and programming

We develop information systems

Automation of business processes for small and medium business
Collection, storage and processing of data
Using cloud technologies

We create mobile apps

Integration with a Web site
Creating mobile versions of web sites
Using Augmented Reality and Computer Vision

About us

NOV Tech Solutions specializes in developing services for operational management of business, creating web and mobile applications on order

NOV Tech Solutions is a team of highly qualified professionals working for the result

We work quickly and efficiently, using the most modern technologies

We appreciate and take care of our customers, constantly improving the service and expanding the list of services

Our partners

Contacts