Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Difference between SAPUI5 Controls and HTML5 Controls
What is SAPUI5?
It is a framework used to develop web applications in mobile and desktop where a large collection of JS libraries are present. But these JS libraries cannot be used alone. They have to be integrated into CSS along with JS for developing interactive internet applications. SAP can be customized and can also build its own UI components like, layouts, controls etc. Because of its extensive features, we can control and define custom controls.
Features of SAPUI5
Following are some of the features of SAPUI5 −
It can create complex UI patterns for use case.
It uses MVC and data binding methods.
It has accessibility and keyboard interaction feature.
It is based on JavaScript, CSS and HTML5.
Advantages of SAPUI5
Following are the advantages of SAPUI5 −
The cost of training is less
Manual errors are less
Productivity will increase
High performance
API is perfectly designed
SAPUI5 Controls
Following are some of the SAPUI5 Controls −
Image Control
Combo Box
Simple Button Control
Autocomplete Control
Table Control Box
What is HTML5?
HTML5 is markup language which is used to create webpages. HTML 5 is responsive design tool for designing websites or applications for multiple platforms by creating a single application or website. It makes the Designer to create a website in less cost that means it is cost-saving language among all HTML Languages. In simple words, a single website built in HTML 5 can be adapted cross different Platforms.
Features of HTML5
Following are the features of HTML5 −
HTML5 is a browser support language.
New structure.
Consists of new Application Programming Interface.
Provides offline application cache.
Allows web storage.
Local storage will support.
Provides new elements like <video> and <audio> tags for media.
For 2d drawing provides <canvas> element.
Provides new form controls like date, time, calendar, email etc.
Advantages of HTML5
Following are the advantages of the HTML5 −
Supports cross platform
Supports CSS3 animations
Advance UI components present
Supports Geo-location services
Video and audio streaming support is there
Provides offline support also.
HTML5 Controls
HTML5 consists of several controls, such as −
Form controls,
Media elements
Canvas elements
Structural elements
SVG elements
New input types
Differences between SAPUI5 and HTML5
HTML5 does not have programming capabilities, it is just a markup language whereas, SAP UI5 is a framework based on MVC approach helps in building web applications.
HTML5 is used for creating a simple webpage without formatting and logic whereas UI5 provides standard style and components to build rich UIs.
HTML5 world is the new age front technology across all aspect of internet applications, SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
Example
Creating a simple control using name property −
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<head>
<!-- title for web page -->
<title>HTML5 Form Elements</title>
</head>
<body>
<!-- <form> tag with action attribute -->
<!-- This form is using html5 novalidate attribute either use novalidate for form or formnovalidate to button -->
<form action="a.php" method="get" novalidate>
<h1>HTML5 Form Elements & Attributes</h1>
<label for="email">Enter Email</label>
<!-- HTML5 input type email -->
<input type="email" id="txtEmail" name="email" placeholder="Enter Email" required/> <br><br>
<label for="date">Select Date</label>
<!-- html5 input type date with HTML5 attribute autofocus -->
<input type="date" id="txtDate" name="Date" autofocus required/> <br><br>
<label for="color">Select Color</label>
<!-- html5 input type color which gives color dialog -->
<input type="color" id="txtColor" name="color"> <br><br>
<label for="number">Enter Number </label>
<!-- html5 input type number with html5 min and max attribute -->
<input type="number" id="txtNumber" name="number" min="1" max="10" step="0.5" required> <br><br>
<input type="Submit" formmethod="post" formnovalidate formaction="b.php">
</form>
</body>
</html>
688 Views
