Wednesday, November 23, 2011

HTML FORMS

What are the Html Forms?


The Html from can pass the data to sever. Using Html forms we can create input elements. Like buttons, text fields, check boxes are some of them. 

History and evolution

Real life usage
Html forms are using every web designers. What because it easy to add simple input element. So everyone uses this.Let see small example for the input element.I am going to create a text filed input elements. Let see the codes what we can used.


<html>
      <head>
           <title>HTML FROMS</title>
      </head>
      <body><body style="background color:456746"
            <font face="Arial Rounded MT Bold">
            <font size="20">
            <font color="#74ds21">
           
            <h style="text-align:center">What are the Html froms</h>
            </font face="Arial Rounded MT Bold">
            </font size="20">
            </font color="#74da21">
            <br>
         
               <form>
                     <font size="20">
                Username:
                <INPUT TYPE="TEXT" NAME="Username" >
                <br>
                E-mail add:
                <INPUT TYPE="TEXT" NAME="E-mail add" ><P>
               


      </body>
</html>


Browser compatibility

All browsers can support for Html forms 

Reference:  http://en.wikipedia.org/wiki/HTML_forms



Tuesday, November 15, 2011

Java Applets





What is Java Applet?

   According to java “Applet” is like a plug-in and it is a small application. It’s working with a one special task and that task runs with big program. This Java applet used “virtual machine” to run. The Virtual Machine is an operating system. it can install guest operating systems with normal host operating system.


History and Evolution 

 In 1995 Java applet is come with programming language and it join to java byte code.

Real life usage 

We can use java applets for our web page that creating in HTML. We can give interactive features to our web application. Mostly we can see java applets are used in online games. The Java Applets are very useful to beginners. These java applets can display media files that not supported to browses. So web designers like to use these java applets.    

Browser compatibility 

Java applet is like a plug-in.so we have to install it. Using java applets we can work with Mozilla Firefox, Microsoft internet explorer, Netscape, Comino, opera/we can used like that browsers to this.

Advantages and Disadvantages

Advantages


-Java Applet embedded with web browser. 

-It’s free.

-Java is Platform independent (can use with windows  Mac as well as Linux).

-Java applet is very simple. Easy for learn.

- The easiest scripting language for web ( comparing with VB).

-Java applets are past.

-Java applets are very quick to load. 

Disadvantages

-This needs to install a plug-in for use.



-Comparing with HTML there is difficulties to design a good interface using this. 


Tuesday, November 8, 2011

Java Script



What Is Java Script?

We can add java Script interactively to our HTML page. In other way we can say this is an interpreted language. What is the meaning of this word “Script?”According to java Script it means this is a light whit programming language.

History and evolution.



In 1991 Sir James Gosling,Patrick Naudhton and Mike sheriden In “Mascot Microsystems”, start to create this Java Language. Actually this create for inter active television. After five years they relieved that first version of Java 1.0 in 1995.

Real life usage.

In web designing we can used Java script. Java script is like a programming tool for HTML web designers. Using java scripts we can read and write HTML elements. We can create cookies also using this java script. Every ones like to use Java, because it is safe and it improved day by day. Now to all java programs web designers used Java API tool for coding.API help to understand method of the programming.

Browser  Compatibility.




Modern every browsers support To Java Script. like Microsoft internet explorer, Google Chrome, Apple safari, Mozilla Firefox.   

Advantages and Disadvantages.


Advantages

-Java is simple and easy to learn.

-we can move Java to from one computer system to anther computer system. We can say it platform-independent.

-we can connect several computers and network it.java can distributed computing with easy.   

Disadvantages.

-Some times this uses some java plug-in.

-Speed is anther disadvantage. 





                  http://en.wikipedia.org/wiki/Java










         

Wednesday, November 2, 2011

Cascading style sheets (CSS)





What is the cascading style sheet?

Cascading style sheet is language that working with HTML. This is a style sheet language common for style web pages. This is a simple mechanism for adding colors or fonts to html documents. CSS gives great style for our web pages. 

What is the History and evolution?




In 1970, start development of the “standard Generalized Markup language .in there they have been used style sheet. After that CSS were created. There are some levels of CSS. Css1 published in 1996.CSS2 published in 1998.css3published in 1999.



What about the Real life usage?


There are some of benefits in CSS usage.css easy to maintain. it can control the appearance of multiple HTML  documents. CSS easy to combine with HTML documents and CSS got a smaller file size.

What are the browser compatibility 



Actually a CSS design shows different in browsers. CSS not work in early versions of internet explorer and so we have to validate it. 
        

           This is a Link for it: http://jigsaw.w3.org/css-validator/ 

Advantages and Disadvantages

Advantages 

-The file size is the useful feature of CSS .what because it layout and style from HTML so HTML file is smaller.

-In CSS easy to change document and styles.

-CSS pages are not slowly to load, it lording fast. 

Disadvantages


-CSS don’t working in every browser.

-In HTML we can used several background images for every element. But CSS can support only one.


References










Wednesday, October 26, 2011

HTML 5





What is HTML 5?


HTML 5 is still under developing language That Web Hypertext Application Technology Working group (WHA&WG) & World Wide Web conortiup  (W3C)  working together and developing this HTML5.



What’s new in HTML5?

In Html 5 there is lot of new features. For example  <video>,<audio>and<canvas> are some of elements that used in HTML 5.these features help full to insert multimedia and graphical content to web without having plugging or other things. In HTML 5,we can do like drag and drop and crossers document massages .there a  new input types like e-mail and date time and some of elements    <cite>,<a>,<menu> have been change.

  
  

Browser compatibility for HTML 5   

There is no browser completely support in HTML5.only internet explorer support for HTML5.



Deferent between Logical style and Physical style.




We are working with a text in HTML,There are two deferent character tags 
         1. Physical style
         2.Logical style

What are the Physical styles?

<html>
     <head>
     </head>
     <body>
           <font size="6"
           <p><b>Hi I am Pubudu</b></p>
           <p><i>Hi I am Pubudu</b></i>
           <p><s>Hi I am Pubudu</b></s>
           <p><small>Hi I am Pubudu</b></small></p>
           <p>We<sub>2</sub></p>
           <p>Hi im <u>Pubudu</u></p>
           </font size="6">
     </body>
</html> 



What are the Logical styles? 
<html>
     <head>
     </head>
     <body>
           <font size="6"
           <p><em>Hi i am Pubudu</em></p>
           <p>Hi i am<strong>Pubudu</strong></P>
           <p>Hi <code>i am</code> Pubudu</p>
           <p><samp>Hi</samp> i am Pubudu</p>
           <p>Hi i am <kbd>Pubudu</kbd></p>
           <p>Hi i am <ins>Pubudu</ins></p>
           <p><del>Hi</del> i am Pubudu</p>
           </font size="6">
     </body>
</html>

Wednesday, October 19, 2011

Hypertext Markup Language (HTML)

History and Evolution 

What is this hypertext markup language? In short it means that is the language used to design web pages. HTML was born in 1980, for a system to “CERN”. The CERN is the European organization for nuclear research. First time those researchers won’t to share their documents. So Sir Tim Berners-Lee had written a software name call “ENQUIRE”. It was a simple hypertext program. After that it was the predecessor to the World Wide Web.

After that the first HTML document born in 1991 called “HTML Tag” is the simple design of HTML

How it works.

HTML is written by according to HTML elements. The text mixed with markup Tags. That tags enclosed in angle brackets. Like (<H1>Interdiction </H1>) according to this first tag is starting tag and the last tag is the end tag. We can call they are opening tags and closing tags .using this things we can create web page. We can add text, tags, comments, images for our web page. 

Basic tag system

This is are the basic tags we used in web pages
<html>
           <head>

           <title>
                      <p> My Self<p>

           </title>

           </head>

           <body>
                       <p>I am Pubudu Ratnasiri.I am from Kandy.</p>
            <br />

            <img src="pubudu/Photo.JPG">

            </body>

<html>




After that we can got our web page like this….


Link:

Advantages and Disadvantages


Advantages


-  We can make a web page using not pad. We don’t need to use any other software.

 - HTML easy to work.

 - Not only web pages, we can create programs like games and text editor.  

Disadvantages

- HTML is not a programming language, so we can’t do things like save user inputs.

-we have to learn murk up language to HTML.

-HTML is complex and incompatible.

Other technologies working with HTML.

Cascading style sheet (CSS) 

This is the style sheet language. This application is common style for a web page. 

 PHP

We can used PHP for web development this is also scripting language.

ASP.NET


This is a web application frame work from this we can build dynamic web site, web applications and web servers. 



Java Script

This is also scripting language. And this a multiy –pardaium language















Wednesday, October 12, 2011

The Evolution of Touch Interfaces.

What is the Computer Interface?

The computer Interface is like a “tool” and “Concept” that refers to a point of interaction between components. It is applicable at the level of both hardware and software.

What are the computer interfaces?
         
  1.         Physical Interfaces.
  2.        Text-user Interfaces.
  3.        Graphical-user Interfaces.
  4.         Web Interfaces.
  5.        Touch Interfaces.
  6.        Natural user Interfaces.  

The Evolution of Touch Interfaces.

What is the Touch user Interface?

A Touch user interface is a computer-pointing technology based upon sense of touch.

History of Touch Interfaces.

In 1954 Hugh Le Caine demonstrating the prototype of the ''Touch Sensitive Organ'' Le Caine began work on this instrument between 1952 and 1954 at his home studio. He brought the prototype organ to the National Research Council lab in 1954 and considerable development took place over the next year.


In 1971, a "touch sensor" was developed by Doctor Sam Hurst. He was an instructor at the University of Kentucky. This sensor called the "Elograph" was patented by The University of Kentucky Research Foundation. The "Elograph" was not transparent like modern touch screens, however, it was a significant milestone in touch screen technology and The Elograph was selected by Industrial Research as one of the 100 Most Significant New Technical Products of the Year 1973.



The first true touch screen incorporating a transparent surface came on the scene developed by Sam Hurst and Elographics. In 1977, Elographics developed and patented a resistive touch screen technology, the most popular touch screen technology in use today.

In 1977, Siemens Corporation financed an effort by Elographics to produce the first curved glass touch sensor interface, which became the first device to have the name "touch screen" attached to it. On February 24, 1994, the company officially changed its name from Elographics to Elo Touch Systems.



1979

3M patented surface capacitive technology

1981
Tactile Array Sensor for Robotics

1982
Elo Touch Systems invented the resistive touch sensing technology
Flexible Machine Interface, the first multi touch input system, was published (Mehta, Nimish, A Flexible Machine Interface, M.A.Sc. Thesis, Department of Electrical Engineering, University of Toronto, 1982)

1984
Bob Boie at Bell Labs invented the first multi touch screen

1985
Zenith patented the Surface Acoustic Touch Panel System
Input Research Group at University of Toronto developed multi-touch tablet

1987
Elo Touch Systems puchased SAW technology from Zenith

1990
Nissha developed the FineTouch touch panel

1993
Apple’s Original Newton Message Pad H1000 was introduced

1995
MicroTouch launched the first projected capacitive touch sensor

1996
Palm introduced Palm Pilot 1000, the first commercially successful PDA with the resistive touch screen

2000
3M acquired MicroTouch

2001
Zytronic developed ZyTouch projected capacitive touch sensor and applied it to the first Tablet PC prototype
Microsoft demonstrated the first public prototype of Tablet PC
MERL developed Diamond Touch multitouch system using projected capacitive touch technology

2002
Sony published a paper about SmartSkin multitouch system. SmartSkin adopted mutual capacitive sensing that is also used in iPhone.

2003
Next Window and Smart Technologies started producing optical touch panels
Finger Works developed input peripherals based on the multi touch technology

2004
Nintendo launched Nintendo DS, a handheld gaming device with dual screen and a touch display

2005
TMD start mass production of touch-embedded TFT using optical sensors
Jeff Han demonstrated the first FTIR multi touch

2007
Apple unveiled iPhone
AUO demonstrated in-cell touch panel technology at Yokohama FPD conference
Microsoft unveiled Microsoft Surface

2008
HP released multi touch Tablet PCs

2009
Dell launched a multi-touch all-in-one PCs
Touchco was founded
2010
Apple released iPad
Amazon acquired Touchco