UI / Navigation/ HTML / CSS / JS                   By :            Akhil Singh (525691)             Ritu Jain (525700)    ...
User InterfaceTypes :          Properties :1. GUI           1. Simple and Helpful2. WUI           2. User Friendly3. CUI  ...
User InterfaceElements :      Actions :1. TextBox      1. OnClick2. Option Box   2. OnLoad3. Check Box    3. OnSubmit4. Dr...
NavigationIts like having a road sign in IT world.Properties :1. Systematic display.2. Easy traversal (back and forth).3. ...
HTML1. Hyper Text Markup Language.2. Concept by Tim Berners-Lee in 1990.3. Tag Language.4. Used in web designing.5. Predef...
CSS1. Cascading Style Sheets.2. Layout of web pages.3. Improves presentation.4. Reusable.5. Easier Maintenance.6. Inherita...
Javascript1. Client-side processing.2. Increase user engagement.3. Patent free.4. Used for Validation.5. Make Web pages in...
Hands On Javascript1. NaN demo ( Not a Number Check ).2. Whitespace check validation demo.3. Date Validation.
Cool things with Javascript1. Write less do more.2. Extends Libraries.3. **Sometime** used for server side scripting Ex. N...
Cool Demos1. Calender picker2. Real Time table manipulation
Questions
Surprise !!
Thanks
User interface
User interface
User interface
User interface
Upcoming SlideShare
Loading in …5
×

User interface

529 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
529
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

User interface

  1. 1. UI / Navigation/ HTML / CSS / JS By : Akhil Singh (525691) Ritu Jain (525700) Rishabh Anand (525701) Guneet Kaur (525713) Gaurav Paliwal (525705) Ratika Malik (525695)
  2. 2. User InterfaceTypes : Properties :1. GUI 1. Simple and Helpful2. WUI 2. User Friendly3. CUI 3. Consistency4. VUI 4. WYSIWYG (Eg. Gmail5. TUI Compose Mail / TinyMCE) 5. See and Prompt
  3. 3. User InterfaceElements : Actions :1. TextBox 1. OnClick2. Option Box 2. OnLoad3. Check Box 3. OnSubmit4. Drop Down 4. OnKeyPress5. Combo Box 5. OnMouseOver (Hover)6. List Box 6. OnFocus & LostFocusEtc. Etc.
  4. 4. NavigationIts like having a road sign in IT world.Properties :1. Systematic display.2. Easy traversal (back and forth).3. Easy functionality invocation.4. Faster acquaintance with the system.5. Easy access.
  5. 5. HTML1. Hyper Text Markup Language.2. Concept by Tim Berners-Lee in 1990.3. Tag Language.4. Used in web designing.5. Predefined tags.6. Browser independent.7. Supported by W3C.
  6. 6. CSS1. Cascading Style Sheets.2. Layout of web pages.3. Improves presentation.4. Reusable.5. Easier Maintenance.6. Inheritance.7. Inline, Internal and External.
  7. 7. Javascript1. Client-side processing.2. Increase user engagement.3. Patent free.4. Used for Validation.5. Make Web pages interactive.6. Browser Independent7. Event Driven8. Case Sensitive
  8. 8. Hands On Javascript1. NaN demo ( Not a Number Check ).2. Whitespace check validation demo.3. Date Validation.
  9. 9. Cool things with Javascript1. Write less do more.2. Extends Libraries.3. **Sometime** used for server side scripting Ex. Node.js.4. Jquery.5. Jquery UI (User Interface Stuff).6. Easy to use.
  10. 10. Cool Demos1. Calender picker2. Real Time table manipulation
  11. 11. Questions
  12. 12. Surprise !!
  13. 13. Thanks

×