HTML5 | Audio tag

HTML5 <audio> tag:

<audio> element is used to play audio file in web page. Audio element contains multiple source elements with different audio format files. Browser will use the first which is recognized by browser.

Below are properties of Audio tag:

Attribute	Value	Description
autoplay	autoplay	Specifies that the audio will start playing as soon as it is ready
controls	controls	Specifies that audio controls should be displayed (such as a play/pause button etc).
loop	loop	Specifies that the audio will start again, every time it is finished
preload	auto metadata none	Specifies if and how the user thinks the audio should be loaded when the page loads
src	URL	Specifies the URL of the audio file

Example:

<!DOCTYPE HTML>

<HTML lang="en">

<head>

</head>

<body>

<audio controls="controls">

<source src="11 Fill Up Your Life.mp3" type="audio/mpeg"/>

<source src="song.ogg" type="audio/ogg" />

Your browser does not support the audio element.

</audio>

</br>

</body>

</html>

HTML5 | Video Tag

HTML5 <Video> tag:

Below are methods, properties and events of Video tag. all are explained in details. which will help you to understand the video tag easily as well as you can develop your own video component.

Methods:

Method Name	Purpose
play()	Will play the video
pause()	Will pause the video
load()	Load video file
canPlayType

Properties:

Property Name	Purpose
currentSrc	Will give the path of video file.
currentTime	Will give time of current video
videoWidth	Will give actual width of video
videoHeight	Will give actual height of video
duration	Will give time duration of whole video
ended	Will give false while video is in running mode and when ends then will give true
Error	During video playing, error property holds the error value while error occurs.
Paused	Will return true while video is in pause mode
Muted	Will return true while video’s audio is at mute mode
seeking
Volume	Returns volumn level. If it returns 0 then lowest volumn and 1 returns highest volumn
Height	Height of video tag
Width	Width of video

Events:

• Play
• Pause
• Progress
• Error
• timeUpdate
• ended
• abort

Example:

<!DOCTYPE HTML>
<HTML lang="en">
<head>

</head>
<body>

<video id="video1" width="700" height="500" controls="controls">
<source src="a63bd27e3520.mp4" type="video/mp4"/>
Browser does not support video format.
</video>
</br>
</body>
</html>

In video tag, we need to provide the all supported source video file and the text which will be displayed while video tag is not supported by browser.

Basics of HTML5

HTML5 is a next generation of HTML.

HTML5 will be new standard for HTML.

Most of browsers are supporting HTML5 and its API

HTML5 having below features

• New elements 
• New attributes  
• Full CSS3 support 
• Audio and Video support 
• 2D/3D graphics
•  Local storage 
• Local DB storage 
• Geo-location 
• Web application 
• SSE
• App Cache

HTML5 is cooperation between W3C and WHATWG. WHATWG is working on forms and application and W3C is working on XHTML 2.0. They decided to cooperate and create new version of HTML.

Rules for HTML5:

• New features should be based HTML, CSS, Javascript and DOM
• Reduce third party plugins
• Better Error handling
• HTML markup replacing scripting
• HTML5 should be device independent

In HTML 5, there is simple doctype:

<!doctype HTML>

Simple structure:

<!doctype HTML>

<HTML lang=”en”>

<head>

<title>Title of the application</title>

</head>

<body>

Content of the document

</body>

</HTML>

Major browser (Firefox, Chrome, Safari, Opera and IE) support HTML5.

World Clock

While Project Manager/Lead is working on offshore projects and clients are from different states and countries then it is very challenging for manager and lead to identify the timing to schedule meetings and calls. Currently, they are many sites which are providing such functionality but for that, user needs to enter some data like city/state name and in some cases, city or state might not be in their list. So to overcome all these, I recommend to use http://www.worldtimebuddy.com/ site to know the time of different countries and states across the world. It is very simple and user friendly. So during call with client, if client suggests new timings for next call then I can easily figure out that it will work for me or my team or not.

Link: http://www.worldtimebuddy.com/

Task Based Estimation Sheet

In Software industries, people are following different SDLC. Now a days, Scrum is more popular among software industries. However, there are companies still following and believing in Waterfall and Modified waterfall SDLC. They are doing estimation of small size to large size projects. They are using different format of XLS file. I have put my experience and generate XLS file called Task Based Estimation Sheet which will be easy to use and maintain for project lead and project manager while doing estimation.

The XLS file contains 4 sheets:

• “Guideline” : There are few points which PM and/or PL needs to consider while doing estimation.
• “TBE” : it is an input area. PM and/or PL needs to break down each task into small bits and pieces and estimate them for different headings. At bottom of TBE sheet, there are general sections in which PM / PL needs to put efforts for common activities.
• “Summary” : This will be populated automatically based on values entered on TBE sheet. To know the cost of the project, PM/PL needs to enter only hourly rates for different types of resources in “Rate / Hr” column and they will get total cost of the project (Here, hardware cost is not considered which are used in the project).
• “Resource Loading”: Before going to client, PM needs to figure out the best team size, this sheet will help PM to design team within the budget constraint.

Note:

• Efforts should be in Hrs.
• I would like to advise PM/PL that tasks should be broken down into small bits and pieces like 2 Hrs, 4 Hrs, 6 Hrs and 8 Hrs. This makes PM/PL life easy while giving justification to stakeholders. If there is task of 48 Hrs then it would be difficult for PM/PL to justify this against stakeholder.
• All formula cells are in hidden stage if you want to see the formula then please respond me.
• You can contact me on my email ID if you want any addition / modification to the sheet.

Requirement Traceability Matrix

A traceability matrix is a document, which is normally in tabular format. That correlates any two baseline documents and ensures completeness of the relationship. Relationship of each item of documents will be many to many.

The usage of this document is the most popular in Software development industries to map other documents with baseline software requirement document so it is called Requirement Traceability Matrix document. In which all other documents like High Level, Low Level design documents, Test Cases, Unit Test document IDs are mapped with baseline requirement document IDs to ensure that every requirements are documented, developed, tested and delivered.

I have created Requirement Traceability Matrix for Software Development companies, which covers relationship among all artifacts. Many people are thinking that to maintain such document is time consuming activity but when we use and maintain it properly then that becomes really helpful to team members and project stakeholders.

Project Leads can customize the document as per their requirements like if project leads are maintaining Application design document instead of High level or Low level design documents then they can replace High Level and Low Level design documents Section IDs columns with Application Design document Sections ID even they can remove the columns as well like the application does not have any user manual then Project lead can remove it from Matrix sheet. I strongly recommend that all project leads should maintain the document and project managers should ensure that in the interest of Project.

Link: Requirement Traceability Matrix

Technical and Soft Skills Training list for IT companies

While discussing with IT people, they are normally discussing about the training being conducted by their organizations. I would feel bad to say that they are not happy with training given by Organizations.

On other side, Organization is giving enough weightage to Trainings but they are facing difficulties to identify the trainings (Technical and Soft skill). I am having 15+ years of experience and out of that, I have identified the trainings which are very much required to all types of resources (from Fresher to Technical leads and Managers) and definitely, helps to organizations to keep their resources pleased.

Link : Technical and Soft Skills Training Sheet