Optimizing Graphics for Web development - WebGL

There is always an advancement taking place in web development. WebGL is one such introduction to the already existing development features. WebGL stands for web Graphics library. It was introduced and managed by a group named Khronos Group. It was developed originally by Mozilla foundation and is used for inducing 3D graphics.

WebGL is based on Java Scripts and hence also known as Java Scripts API. It is used to induce 2D and 3D graphics. It is based on the Open GL ES that provides gaming graphics. It is compatible with all web browsers. It is in conjunction with HTML and hence doesn't require any plug-ins to use it in web page.  It might seem as easy to implement but is difficult to learn. It is executed on Graphic Processing unit, which is java script port meant for Open GL, which has its own set of API for game development.

Implementation:
Since it is mainly used for game development, it consist of both control code which, has to be using Java Scripts and also code for shading purpose. The program thus generated is executed on Graphic Processing Unit. This graphic library makes use of HTML5 canvas element. It is accessed using the DOM interfaces i.e. Document Object Model interfaces. It also comes braced with Automatic Memory Management which is one of the features provided by Java Scripts.

Tools like Blender or Autodesk Maya provide an alternative to programming. They are the content creation tools which allow creating scene. The scenes thus created using such tools are then exported in the graphic library. There are tools for exporting like Inka3D which is meant for Maya.

Introduction to jQuery

Developing a web site requires updating skills and use of new tools. While developing dynamic web pages, it is also mandatory to consider size. jQuery is a library and is open source library. It allows adding advancement in pages with help Java. This library was thought of due to popularity of Java Scripts. Though the scripting language was popular, it had some shortcomings. It was very basic language and has no features offering advance modification and any special effects. It was also incapable of animation. Cross browser incompatibilities was main issue that was faced using Java Scripts. All these problems needed solution and hence jQuery came into picture.

jQuery provides easy solution for every issues faced with Java Scripts. It has also maintained the benefits of scripting language by offering light weight libraries. The library strengthens the scripting language by making it cross browser compatible. It also offers advancement to the basic language. There are many components available for modifications in this library. It is compatible with JavaScript Object Notation (JSON). It simplifies the client-side scripting.

It is very easy to install and use jQuery. All that is needed is to download the library package and import it in web page code. There are two versions of library package available minified version also known as min and development version. It is small yet efficient and development version makes it easy to read and debug. Following is the one method of importing library.

<script type="text/javascript" src="jQuery-1.4.1-min.js"></script>

This will upload the min version library package and is ready to use.

Asynchronous JavaScript and Xml (Ajax) Technology

Ajax is assembly of correlated web development tools and which is used on the client side application to build asynchronous application. The application which is developed using Ajax tools that can be send and retrieve data to and from the server without disturbing the any other part of same page of that web application.

Ajax is a collection of multiple technologies. In which we should do the mark up and style the information using HTML and CSS tools. We can develop a web application in which information exchange asynchronously between server and browser using the concept of JavaScript and XmlHttpRequest object.

              

Figure: Comparison between classic and Ajax based web application model. It can reject the start and stop environment of communication on web application by hosting the concept of Ajax engine between the user and web server. The whole process looks similar to putting new layer in application and that takes longer time to react. This process loads only particular section of web page instead of whole page. When session is started the web browser loads

Ajax engine which is built by using JavaScript and frequently put left in unseen frame. When we work on client side programming at that time we cannot access the function of server side. But this is possible when we uses Ajax technology. In this technology we can access server side function by using page method which is built in JavaScript.

Most of the Google products are developed using Ajax Technique and they are Orkut, Google map, Google suggest and Google groups.