How to Troubleshoot Apps for the Modern Connected Worker
User interface
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. User Interface
Types : Properties :
1. GUI 1. Simple and Helpful
2. WUI 2. User Friendly
3. CUI 3. Consistency
4. VUI 4. WYSIWYG (Eg. Gmail
5. TUI Compose Mail / TinyMCE)
5. See and Prompt
3. User Interface
Elements : Actions :
1. TextBox 1. OnClick
2. Option Box 2. OnLoad
3. Check Box 3. OnSubmit
4. Drop Down 4. OnKeyPress
5. Combo Box 5. OnMouseOver (Hover)
6. List Box 6. OnFocus & LostFocus
Etc. Etc.
4. Navigation
Its 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.
6. HTML
1. 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.
7.
8.
9. CSS
1. Cascading Style Sheets.
2. Layout of web pages.
3. Improves presentation.
4. Reusable.
5. Easier Maintenance.
6. Inheritance.
7. Inline, Internal and External.
10.
11. Javascript
1. Client-side processing.
2. Increase user engagement.
3. Patent free.
4. Used for Validation.
5. Make Web pages interactive.
6. Browser Independent
7. Event Driven
8. Case Sensitive
12. Hands On Javascript
1. NaN demo ( Not a Number Check ).
2. Whitespace check validation demo.
3. Date Validation.
13. Cool things with Javascript
1. 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.
