tag:blogger.com,1999:blog-45084846155843150142024-03-19T10:32:23.962+05:30Witspry Tech-novateA place where we love to share and discuss hottest technologies, innovations and researches around.Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comBlogger68125tag:blogger.com,1999:blog-4508484615584315014.post-32502609156625187172017-08-30T16:37:00.000+05:302017-08-30T16:40:33.587+05:30Its YOU who allows hacker to hack.<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhaTGFEM1pgUJc1ofxLq4cvN2EpQGp_xpMTN0KsAwqsFx1zv6WjFs8Ud0i52ldO6vzPuXDQtBxPzlMc2N9ZUTyGzaBmpCjcVYWYN4ew5P7eLXRPZpivqsd-UKOa0KYiGwfKpfnp78mVg6i/s480/hacker-in-hoodie.jpg" />
<br />
<blockquote>
It's never the hacker who hacks. It's YOU who allows hacker to hack.</blockquote>
<br />
<span style="font-size: large;">We are emerging into a complete digital world. Just like our House makes us secure, similarly there are some measures to get ourselves secure in this Digital world. So why not to build your digital house with some free tips.
</span><br />
<br />
<div>
<h4>
Here are some very simple tips you should follow to avoid any kind of hacking to your account.</h4>
</div>
<div>
<h3>
1. Always use well known browsers.</h3>
<span style="font-size: large;">
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDp_lMG0njmpSJnubBdzUKc-JiBPnQXjoAUiMEaxiARdzgicUQYW8yz-4lNp2e34M_2gCW6LSLeLPbRLx4ajMIj0zUta6n6aFWxIrfnwCytznw3JEZDs49pPWiRJCv5VgsXicmn4GHPvwj/s480/maxthon-3-surpasses-safari-on-european-economic-council-browser-ballot-joins-opera-google-chrome-firefox-and-microsoft-internet-explorer-on-the-first-page-1024x576.png" /></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Chrome, Firefox, IE, Opera etc. Anyone might download a internet browser may be from some fancy ads, or fun or for experimenting. Never use or browse internet from any other browser. I mean never ever. <br /><b>* Even Facebook or gmail can be hacked if not adhere to this first tip, not a big deal.</b></span><br />
<h3>
2.Always use latest browser.</h3>
<span style="font-size: large;"><img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5hMg8vmGbrrkDGPamGdrL88ArWziQGBi2MTW_ROvr5uQCP2Yqhrg4YLDafHBHOFX7T5EB_19xRHT0wpcqO5JkviRGa-G1QopEuc4gO_p7fSZrAYE2ZhRHskr9krsdBEY129CQKFDpK7Zc/s480/updating-chrome.jpg" /></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">How much latest? Most of the modern browsers auto updates themselves. But check just your browser version once if it is latest or near to latest. If yes, this means your browser is getting auto updated. If no, you need to manually update it daily or figure out why it is not getting updated.</span></div>
<br/>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br/>
<h3>
3. Make sure you trust the website you are providing personal information to.</h3>
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigMYgxaX-WoiKHJHiMRNIHZl3JnJC5hyZG2oydGComIKXvqnsVWfztp7cVDVw3SrI1MJIu2rzrwkAMTNQgGzHhjYg04UZ6OIlMSD5nBdwcWxiMsjdgzZIgIe_jO4WJ0pXL4bu4b0kB4JxV/s320/creditcardscreen.png" /><br />
<br />
<span style="font-size: large;">If you think you need to access a website but it is not that famous or trustworthy, you can make a login but never provide any personal information like your phone number or your debit/credit information. You can provide your email but keep one more useless gmail id for such cases.</span>
<br />
<h3>
4. Review your Facebook and Google security settings.</h3>
<div>
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQj7FsXNzh5Jx-m_5YcgKi6W5VbR-HosyCDxPIfZKR9F50VMvF6ko0iX_qjQQ2U39ZFY22nkh1ZNEVEB0jQjUGCU48MQzFNREHyhBZ8OE_4H4JCgjm1RtPSuoSsaBC-YLZ3r25JXDBX2O8/s480/SECURITY-SETTINGS-FACEBOOK.png" /></div>
<div>
<br /></div>
<span style="font-size: large;">Have a look at these pages:</span><br />
<a href="https://www.facebook.com/help/325807937506242/"><span style="font-size: large;">https://www.facebook.com/help/325807937506242/</span></a><br />
<span style="font-size: large;">and</span><br />
<a href="https://myaccount.google.com/security"><span style="font-size: large;">https://myaccount.google.com/security</span></a>
<br />
<br/>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br/>
<h3>
5. Never provide information on HTTP</h3>
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1-_3IW49oEL4_vj-aZs5xh4g4p8qHxAuxOCwMSAn7Y_fIKEkSGjcuv9m6uGQjfUHM-LjO4iPThpoLrmDqkeWjiZ8NQQD1PYk_5ObnasgNNiTzeNbYKF56ppJX_BbWPhpMNxWK45vhgIAQ/s480/http_and_https.jpg" /><br />
<br />
<span style="font-size: large;">Never ever login or post any information in a website which in unsecured. Secured website starts with https:// and unsecured with http://
</span><br />
<h3>
6. Always use an anti-virus in your system. </h3>
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVS1-on3BeP84r4O3jqEbbNZSt5G55Nk7xlWhzqusB0EZYVTzEZdjt9tH9t1Lt3UEcFjWntLeqRoRu_7HBzOQMBB9By7KZKg2oZ2u0coteFQH-DbU5mJK9tur34gwyqZq7opw5GNpT8Sng/s480/antivirus-1200x586.jpg" /><br />
<br />
<span style="font-size: large;">It's good if you have a paid version of any Antivirus, however there are other several antivirus like Panda antivirus which is free.
</span><br />
<h3>
7. Do not login Facebook, google or wherever you have your accounts through any link. </h3>
<div style="text-align: center;">
<b style="background-color: #f3f3f3;">Facebook - Faecbook </b></div>
<div style="text-align: center;">
<b style="background-color: #f3f3f3;">Orkut - Okrut </b></div>
<div style="text-align: center;">
<b style="background-color: #f3f3f3;">Google - Goolge </b></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3;"><b>Seems Similar names Eh!</b><b> </b></span></div>
<br />
<span style="font-size: large;"> If you are not sure about the spelling of the website, use google to search and open that website. For. eg. orkut.com accounts were hacked by okrut.com, the name seems similar but if you look closely r and k are exchanged.</span><br />
<br/>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3>
8. Please share this article with your family and friends to contribute for making this world digitally secured. </h3>
<br/>
<div class="a2a_kit a2a_kit_size_32 a2a_default_style" style="padding:5px;">
<a class="a2a_button_facebook" style="margin-bottom:4px"></a>
<a class="a2a_button_twitter" style="margin-bottom:4px"></a>
<a class="a2a_button_google_plus" style="margin-bottom:4px"></a>
<a class="a2a_button_linkedin" style="margin-bottom:4px"></a>
<a class="a2a_button_facebook_messenger" style="margin-bottom:4px"></a>
<a class="a2a_button_pinterest" style="margin-bottom:4px"></a>
<a class="a2a_button_copy_link" style="margin-bottom:4px"></a>
</div>
<div>
<br /></div>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-87786885811026350972017-06-26T14:12:00.001+05:302017-06-26T19:18:33.817+05:30Virtual Reality - The Future is Now!<div dir="ltr" style="text-align: left;" trbidi="on">
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqpYiqaeiKtul7edWAg-I2cOee0sUVqH36nmHB7kBX1x3VF42IpQjRWwim5FKSU82OEI5PgF6isL1-hIPyrTDDcU4a_mZUvuPAavJMWhuxRLW3ShjDns0G2v7w47HPHWl6rkeW7NvGSW8/s1280/virtual+reality.jpg" /><br />
<br />
<br />
<div>
In this era of lightening fast technologies, <b>Virtual Reality</b> is a very new and trendy concept. In general, “Virtual” means non-existing and “Reality” means what we experience as human beings. But in technical terms, Virtual Reality is an artificial environment that is created with the software and presented in the way that the user accepts it as a real environment. In other words, Virtual Reality is the use of computer technology which creates the effect of an interactive 3D world in which the objects have a sense of spatial presence.
<br />
<br />
Even a decade back, you might have seen many movies like "Star Wars" and I remember one of the Backstreet Boys Song - "Larger than Life..". The concept has been there for a very long time. However, the with recent technological advancements, it seems the <b>future is really now</b>!
<br/>
</div>
<br />
<!-- Application of VR -->
<br />
<div class="bs-example" data-example-id="embedded-scrollspy">
<nav class="navbar navbar-default navbar-static" id="navbar-example2">
<div class="container-fluid">
<div class="navbar-header">
<button class="collapsed navbar-toggle" data-target=".bs-example-js-navbar-scrollspy" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Applications of Virtual Reality</a> </div>
<div class="collapse navbar-collapse bs-example-js-navbar-scrollspy">
<ul class="nav navbar-nav">
<li class="active"><a href="#Education">Education</a></li>
<li><a href="#Business">Business</a></li>
<li class="dropdown">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" id="Entertainment" role="button">Entertainment <span class="caret"></span></a>
<ul aria-labelledby="navbarDrop1" class="dropdown-menu">
<li><a href="#VirtualMuseums">Virtual Museums</a></li>
<li><a href="#VideoGames">Video Games</a></li>
<li><a href="#ThemeParks">Theme Parks</a></li>
</ul>
</li>
<li><a href="#HNCT">Healthcare</a></li>
<li><a href="#Military">Military</a></li>
<li><a href="#Construction">Construction</a></li>
<li><a href="#Fashion">Fashion</a></li>
<li><a href="#Sports">Sports</a></li>
</ul>
</div>
</div>
</nav>
<br />
<div class="scrollspy-example" data-offset="0" data-spy="scroll" data-target="#navbar-example2" style="height: 500px;margin-top: 10px;overflow: auto;">
<h4 id="Education">
Education</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQaDfnk3A7y-syYAkoZsFxhbDwD3jXfnGfx1kiYkFNlg7VbzNuKl6sSXTBd8GFhNRO_zesjgmquBmWrbmx9V10cCaJdFdk0IsGG8j6HqnRNTIa-d1DsdJPrAKJ-mOYlKoWZnJH1Fat5pY/s320/virtual_reality_in_education.jpg" /><br />
Virtual Reality is used for teaching and learning concepts. Through this, students can interact with large groups of students within a three-dimensional environment. It represents the complex data in an accessible way so that students can learn things with fun and also interact with objects in this virtual environment in order to discover more about them. For Example, students can learn about a solar system where they can move planets, see around stars and track the progress of a comet.<br />
<br />
<h4 id="Business">
Business</h4>
<br/>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxewbryJrhMnZK7bJkZI_fklv9-kqsvYRtauIHmMywdln5jVQkcHzrEG9xWft8B7tUnx_admQrpLigLm_N1mYDFuW1uLukRH_6fg-FFwPLdIbbWQPR1ibyo6E9eFZ9ZNPkFxRP5G2IF2D4/s640/virtual_reality_in_business.jpg" /><br />
Virtual Reality is very helpful in the field of Business. It includes many things such as Virtual trips of a business environment; provide complex training sessions to new employees in a virtual environment, 2D/3D view of a product, detecting design problems at an early stage etc. They can test their products in a virtual environment without any risk.<br />
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h4 id="VirtualMuseums">
Virtual Museums</h4>
Use of virtual reality in the museum and historical settings e.g. visitor centers, interactive exhibitions. Through interactive technologies, children get an amazing experience and encourage them to visit and take part in these activities.<br />
<h4 id="VideoGames">
Video Games</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipS58LPgikEz-k6wrVtCFdmv8C2G19vW1319OsWfF-2Yt0GSHaXBTZ0FRqpmebtao-gnyoL1lB797dadh5gRCbS5uU_Herjop7w0Y900GE8I5olehMcu1n82E20xV-KhwZgseAi3r4G1gr/s640/virtual_reality_in_entertainement.jpg" /><br />
Virtual Reality gaming is an entertainment environment where a person can interact with a game. They can detect person’s presence in a game through bio-sensing. These are small sensors which are attached to a data glove; suit so that they can transform your actions into appropriate responses on the screen.<br />
<br />
<h4 id="ThemeParks">
Theme Parks</h4>
It makes head-mounted displays. They use high-definition movie screens, booming sounds and motorized seats to simulate adventures into space and beyond. This technology creates virtual reality roll coasters so it provides real-world coaster with a head-mounted display. Riders might be transported to the back of a dragon or other fantastical environments.<br />
<h4 id="HNCT">
Healthcare & Clinical Therapies</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfMjmBB73iPsuK3Dyl0XUNbu82bqQanKgn3IY5ujtTkFhq7StRDGkau-Uz_8PEgfrMKxOqqY-72j_BiYtnMFhyCYbdWXckqW7dpqf1jEMZC09c5pVtHkt1E6MGfcvtTnkxRFHTGG4fjskJ/s640/virtual_reality_in_healthcare.png" /><br />
Virtual Reality is being used in various medical fields like clinical therapy, anxiety disorder treatment, pain management, phobia treatment, robotic surgery, surgery simulation etc. With the help of HumanSim System, doctors, nurses, and others can learn new skills in a virtual environment and also interact with a patient to detect its problems without harming them. So they get experience with a series of sensors. <br />
<br />
<h4 id="Military">
Military</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidItv34MNb4gW4MtkhiZMef5pZIqL2oQEfq-s6qOXQzByWQ8IXKiZdDjxhTwTopmjhSGNVO_sO9R0u2MMBdxJGMfir6VRfPzwiR1NpiWhUkhHDk5zskB-b3sFO50fRFDZB_zbxE3V43x5q/s640/virtual_reality_in_military.jpg" /><br />
Virtual Reality is used in the every field of the Military i.e. Army, Navy and Air Force. This is particularly used for training soldiers for combat and dangerous situations and they have to learn how to react in these situations. Through virtual reality simulation, Soldiers learn many things without the risk of a death or a serious injury. For Example, flight simulators are used to teach flying skills and they learn how to deal with emergency situations. So there are many Military uses of Virtual Reality such as Battlefield Simulation, Virtual boot camp, Vehicle Simulation etc.
<br />
<h4 id="Construction">
Construction</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE2w7gOF8PxYZ4O4FNJ2Dn9bP-Z7xBrnbq96pRbeNsSZuH_AcRuo7k-6Tdmg5AyM7ttkV1oG4pNjDhooZ3oDRW_TJa6W_QQcUZHK8KqSpcyum2ICvilMYYYTk5yvmD2XqOvKc4Dop3AjNm/s640/virtual_reality_in_construction.png" /><br />
There is an extremely scope of Virtual Reality in the construction field. In the virtual environment, an organization makes a structure in 3D and views a number of factors without the time and cost of the building structure. It is also used to train construction workers and employees so that they can fit in the working environment. <br />
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br/>
<h4 id="Fashion">
Fashion</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadEn_xIhyVo4lLXKEl85rzdWDLmKzpFhr3wub2RKKVWz_mXGBdnluIvMu31Hyw7WVwYb8oTwd00KYjUXhviXtLgNaWdYCUlKysOJp89iP37EihsDAbrLuK-RV-4_mS1bkuqHlnLQ3aEXh/s640/virtual_reality_in_fashion.jpg" /><br />
Virtual Reality can be used in a variety of ways in Fashion field. It designs VR software for building virtual fashion stores where people can do shopping in a real 3D virtual mall which is designed to resemble a modern shopping mall. Virtual Reality creates 3D avatars to help with clothes design and 3D fashion portfolio. It also helps to arrange fashion show in a virtual environment. <br />
<br />
<h4 id="Sports">
Sports</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tRtXj4O4zHbAh2cfRCP_Mmz-SIa2SuQ-qyo2-9Pr9hr2xtV-bSjma6MHJphMN7iYegIXee2mjRteXBNs5NbakoKvn9gTNpLcrcVsk9_GrsJ6msN3LbcC5LgWY56jvhmQQOUi0UL7Yp0C/s640/virtual_reality_in_sports.jpg" /><br/>
Virtual Reality is used to give training in many sports such as golf, cycling, skiing, athletics etc. Through this, we can measure the performance of the sportsmen. They can learn various strategies of sports in a virtual 3D environment. It can be used to design sporting clothes and equipment, e.g. running shoe design. <br />
</div>
</div>
<!----------------------->
<br />
<!-- Gadgets and Future -->
<br />
<h3>
<span class="label label-primary center-block">Virtual Reality devices/gadgets</span></h3>
<h4>
Google Cardboard <small>| Price - Range $14.99 to $29.99</small></h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQetC6b5P7OzcescqO9ZXqwHt9zsrr7YqfNNMAENf0hLVw5wNDiON4wNiItnxwOf8fPsHrHNEea7yaCdrbM5o0uEAtGcHNqRsqXHsvmLctgLxur5wp9FNt8glkKGohUBphm7WAfQFnpC7B/s320/google_cardboard.png" />
<br/>
It is a good, justifiable provide virtual reality experience at the best cheapest price. Just pop your Smartphone into a cardboard cutout. It well-equipped with gyroscopes and the displays required for a virtual reality headset.
<br /><br />
<h4>
Oculus Rift VR <small>| Price - Approx $599</small></h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRbMcafpamRKGH4jpkhT05R4eAuGplCtkbqewLhy8W1JIyvcznLMGsahKCmcQbw8jDYsqlvf4PUdjCj8cUL19AQpuNlKIrXko2-OYec-3G2VWqJvNdDPezA_-TK-BfAXt0SGYC0y5t7lX/s320/oculus.jpg" />
<br/>
Oculus Rift is primarily responsible for bringing on the wave of virtual reality and it comes with a hefty price tag. A resolution of 1080x1200 per eye, a 90Hz refresh rate, a wide field of view, and integrated headphones for a 3D audio effect. It has also rotational and positional tracking system. The approximate price is $599.
<br /><br />
<h4>
Samsung Gear VR <small>| Price - Approx $99.99</small></h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIq_Op0YfhuWrLay8u1BWamqgJMTKIkXOlHwjlE2nXxbv93NuXsbACOwfIuDiohNOt-CoC8d1yHZXtXP_S7Yy9cvIr6Jwbx-GG5cqckFSAD6zB5KlZm5aeeVuiO6a4I42XIruKaVMHuMPj/s320/samsung_gear.jpg" />
<br/>
Samsung has launched own virtual reality headsets, named Gear VR. It is basically a way to pop in your Samsung Smartphone into it, strap on the headset and experience Virtual Reality. It has various features like 96-degrees of Field of view, support for proximity sensors and an ever-expanding behemoth of content.
<br /><br />
<h4>
HTC Vive <small>| Price - Approx $799</small></h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVUZJZjKkI559Yf96zSrnw7zBfgm5OcDnoI4PRXnHHklnUlOPBpQuhoQIPjS0Z3Pq441AaKuc3JQJVaVQnuDBr7DU5swT2enNw0IBSi0D05yG6s0uw7k3fYYWGD_IZnWg-6xLV-29nbb4n/s320/htc_vive.jpg" />
<br />
This headset is designed to utilize room-scale technology to turn the room into 3D space via sensors. It allows the users to navigate naturally with the ability of motion tracked handheld controllers to graphically manipulate objects, interact with precision, communicate and getting experience environments. It has various features such as 32-sensors-powered 360-degree motion tracking, 110-degrees field of view, 2160 x 1200 combined resolution and 90Hz refresh rate
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h4>
Microsoft HoloLens <small>| Price Approx $3000</small></h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1MJVwAFFjkQwptU03JyJZiOVHJCWckFxgw01MjLJyytX9O3tvtGkPkpkIwR0WUV8P4448hm2dDaBysfcunpw7lBqt_dPrzO2DpND3bT_0GQTMP__cLCoWMzmuv3UiMTAmrwYZRQQeFGwt/s320/ms_hololens.jpg" />
<br/>
The Microsoft Hololens is an untethered holographic projection device. It doesn’t require any other third-party software, hardware or platform to operate it. It is a standalone device that could project holographic projections into thin air. It has a 120-degree field of vision and high-definition visuals which provide best holographic computing experience. it is used in various industries like Media & Animation, Mechanical, Healthcare, Architecture, Research, and Automation.
<br /><br />
<h4>
Razer OSVR <small>| Price - Range $199.99 to $299.99</small></h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLDdUrv7SwPu1ElJ-w2h1iRkGvl2bCoocCHzvJcittpV8NYsb7pSsaWvKF7tYapj_3jhqlpG6RKD2zQZgaBDLnv2aruIdte72Sas3TxpJ3MQ2b0pKjpCEXDpj7Fq7j9-Tv6nLuG_oJDot/s320/razor_ovsr.jpg" />
<br />
It is an open source platform. It is an ecosystem of hardware and software that aims to create standards for hardware and gaming. This company provides its own SDK for development. It has various features such as 5.5 inches Full HD OLED display, display resolution 1920 x 1080, a gyroscope, a compass and an integrated accelerometer.
<br />
<br />
<h3>
<span class="label label-primary center-block">Gaming Consoles with Virtual Reality</span></h3>
<h4>
Sony Playstation VR</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8RkDfQlmZh51OwxlYWrndHgcCaPVfWf78P0fdnzMzQtU6urkbd1xiYtggJeDVHJyeEpeUL8vg3RhNMe8-2X7audutBhObzMwMBtSW5uYxJo_SXK7BeQo6lYzrBSwbmAtAw_ejdLA_qnl3/s320/playstation.jpg" />
<br/>
It is developed by Sony Interactive Entertainment. It is a home video game console. In this, the player wearing the headset acts separately from other players without the headset. Playstation VR works with either the standard DualShock 4 controller or the PlayStation Move motion controllers. It has 5.7-inch OLED panel, 360-degree vision, display resolution 1080p, 3.5mm headphone jack, 120 frames per second, PlayStation camera, and processor box which is used to enable the Social Screen video output to the television as well as process the 3D audio effect.
<br /><br />
<h4>
3D Virtual Reality VR Box with Bluetooth Joystick Gamepad</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLiSBhF0HCSsYbVOCIKSMxmS8ZRD8znKmoMNDS71VOkimPtfsx3MfJDwEbxBHiUoYAx-oXoh_JFV7Tj7Jqlb1DVteKpxjCdtlvpRqrdEwcL9pR37LvTf4wm_2SHYWChyphenhyphenVF_luJmij6mgWa/s320/vr_box.jpg" />
<br/>
This product includes 3D VR GLASSES which is specially designed for Smartphone. It adds great effect so that you feel like your private 3D Cinema and bring great game experience. It is very easy to use by the children, students, travelers and the old age people etc. You just need to put your Smartphone into the relative slot of the 3D VR glasses and you can enjoy 3D movies or 3D games.
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h4>
Ultragear IPEGA PG-9037 Bluetooth Gamepad with VR</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9uaCVkHAFkf_h_V7PSkLrU0hgVDa-33pMF9K_Mod6oAxJliav-VmnNp92a7Hv4j-db_lz9y2H-WdXiauAsLsZ9GRoQCKhszrmndwmFGjoZE1EmyZQAVlC8Jg0zsDooOnZiq3KA7scY8AG/s320/ultra_ipeg.jpg" />
<br/>
This game controller compatible with Android Smartphone’s, iPhone, iPod and most Android games. It has a telescopic stand where you can be placed your Smartphone in the bracket up to the 6inch screen. With new mouse function, you can watch your smart TV or play the game on the large screen. Bluetooth Ver3.0 wireless transmission covers 6-8 meters wide range of control. It is compact, flexible, easy to control, and portable. It supports various games such as Wild Blood, Dungeon Hunter, Zombie, Shadowgun, Sonic CD etc.
<br /><br />
<h4>
Virtual Reality Table Tennis Video Game</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH49iPnDH4ZdmwTf3J52JRModXfIOK8l0dvVDw08PD7SasET0v1k0bQ_nKiOsZFuZ3dLaanrxxtVClRon-kelDrJ9mDwDBnW7yDhc8P8gT9NOpTAMci0laFsTjYZEeqNrrrz0IrO59q-Mr/s320/tennis_vr.jpg" />
<br/>
This Virtual Reality Table Tennis Video Game can play on your TV just like you are playing on a table. Two players can play together. There are two Table Tennis bats and a game console with inbuilt games to play. It can be played by kids, youngsters etc. It is motion game and its capacity up to 4GB. It has 1USB port and it supports online connectivity.
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h4>
Zebronics Gaming Virtual Reality Headset</h4>
<img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheL9cyTZYlrKI1vtROPd9goZ4mzSm4kDfEIEZFKpuIc6rbkeenN1-ORvw4Rpn3Ret0WJLaAbEaPCZ8P8axvSHqdLJe9YF4RhJZfvpyBoZxlu5772dyhAAdDgPKAptPCzzsXUPhLCdYy9gg/s320/zebronics_vr.jpg" />
<br />
<ol>
<li>It supports all Android and iOS Smartphones with screen size up to 14cm (5.5inch). Feature includes:</li>
<li>Ultra-immersive motion sensing game experience</li>
<li>Focal length adjustable</li>
<li>Powerful magnet trigger</li>
<li>Compatible with Google Cardboard</li>
<li>Enough size for wearing glasses, More Comfortable and Durable</li>
<li>360-degree views, games, video etc.</li>
</ol>
<br />
<h3>
<span class="label label-primary center-block">Future of Virtual Reality</span></h3>
<ol>
<li>The future of Virtual Reality could be our next computing platform.</li>
<li>It will take a while for Virtual Reality to gain traction like hyped technologies.</li>
<li>It offers a new way of seeing our world.</li>
<li>Virtual Reality could eventually impact all of the senses.</li>
<li>The market potential of Virtual Reality could be huge.</li>
</ol>
<!------------------------>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-58459858649316865962017-05-28T16:16:00.000+05:302017-05-28T16:28:16.594+05:30A Quick Guide To CSS3 - Cheat Sheet and Browser Support<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjroQ-5YzBZ0Qhym-0NSxVNz8I1vG2XrH0915LLfqaitkVYyAtZU977_uHquml1ld-Q08MA75jp8PGkQHHtCOB416OfaGYzkwgrxfr__4VcNlAnEak7Aem8139zBIuG3BnDU8VIUsy1uoXt/s480/CSS3.jpg" style="border: 0px;" />
<br />
<br />
<h3 style="text-align: left;">
CSS3 Cheat Sheet</h3>
With this sheet you can quickly refer the properties of different elements or components of a web page. Still it first requires the understanding of what each property do. You can click on the image and save it to your desktop for future references.
<br />
<br />
(Click to zoom)
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOqsnFl9yQ2YdSJyqeON1FuNNtdLun7qcxtkOsukp4bPZDcm_bLFUDNDOFXW94qJpFDp_4GYS7rwoBIe0DHyvgPjzIIv-qrlqav8IGh9npNG_qav0NfPhN6u9jsqZXAOhyIKTscQPXu_MJ/s1600/css3+cheat+sheet.gif" imageanchor="1"><img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOqsnFl9yQ2YdSJyqeON1FuNNtdLun7qcxtkOsukp4bPZDcm_bLFUDNDOFXW94qJpFDp_4GYS7rwoBIe0DHyvgPjzIIv-qrlqav8IGh9npNG_qav0NfPhN6u9jsqZXAOhyIKTscQPXu_MJ/s1600/css3+cheat+sheet.gif" /></a>
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
CSS3 Browser Support</h3>
Almost all modern browsers support CSS3. Still it is important to consider older browsers as well in case we need to fallback to some other alternative to render the css properly. There are various css frameworks like bootstrap and foundation which takes care of this purpose of falling back to other alternative.
<br />
<br />
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI6madCeoI1IAxKhYJjZU1h550g4y9dHAEL7Rbw9OPuGTkZEW53oXzquZOSTQalA-JOZi2jhdngpc-E4c10QA4MXMrIWgH4zOOxdnLidL7JjepXhoUIHW2pV8_7fuSRT1sGNr-cLf642t/s1600/css3+browser+support.jpg" imageanchor="1"><img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI6madCeoI1IAxKhYJjZU1h550g4y9dHAEL7Rbw9OPuGTkZEW53oXzquZOSTQalA-JOZi2jhdngpc-E4c10QA4MXMrIWgH4zOOxdnLidL7JjepXhoUIHW2pV8_7fuSRT1sGNr-cLf642t/s1600/css3+browser+support.jpg" /></a></div>
<br />
<br />
To test which all CSS3 properties your browser support, you can visit the below link:
<br />
<a href="http://css3test.com/" rel="nofollow" target="_blank">http://css3test.com/</a>
<br />
<br />
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-2d-and-3d-transformation.html">< Prev : 2D and 3D Transformation</a>
</div>
</div>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-72212087301246260432017-05-28T15:44:00.002+05:302017-05-28T16:27:50.295+05:30A Quick Guide To CSS3 - 2D and 3D Transformation<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjroQ-5YzBZ0Qhym-0NSxVNz8I1vG2XrH0915LLfqaitkVYyAtZU977_uHquml1ld-Q08MA75jp8PGkQHHtCOB416OfaGYzkwgrxfr__4VcNlAnEak7Aem8139zBIuG3BnDU8VIUsy1uoXt/s480/CSS3.jpg" style="border: 0px;" />
<br />
<br />
<h3 style="text-align: left;">
CSS3 2D and 3D Transformation</h3>
This is one of the most awaiting implementation in terms of creating interactive and real world web pages. CSS has introduced some properties through which we can changes the shape, size and position of the CSS3 elements.
<br />
<table class="table table-condensed">
<thead>
<tr>
<th>Property</th>
<th>Value options</th>
</tr>
</thead>
<tbody>
<tr>
<td>perspective</td>
<td>none | number</td>
</tr>
<tr>
<td>backface-visibility</td>
<td>visible | hidden</td>
</tr>
<tr>
<td>transform</td>
<td>none | matrix | matrix3d | translate3d | translateX | scale3d |<br />
scaleY | rotate | rotateZ | skew | perspective and so on</td>
</tr>
<tr>
<td>perspective-origin</td>
<td>x-axis y-axis|initial|inherit;
<br />
x-axis - % | left | center | right
<br />
y-axis - % | left | center | right
</td>
</tr>
<tr>
<td>transform-style</td>
<td>flat | preserve-3d</td>
</tr>
<tr>
<td>transform-origin</td>
<td>x-axis y-axis z-axis|initial|inherit;
<br />
x-axis - left | center | right | length | %
<br />
y-axis - left | center | right | length | %
<br />
z-axis - left | center | right | length | %
</td>
</tr>
</tbody>
</table>
<br />
<b>Example : 2D Transformation
</b><br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green; font-weight: bold;">div</span> {
transform<span style="color: #666666;">:</span> translate(<span style="color: #666666;">70px,</span> <span style="color: #666666;">110px</span>);
}
</pre>
</div>
<br />
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibNr2z8swsBlFdiaMQ0EXq2YI7cpIC2UiF-F07VmISUhwZZST51ndXfqsz46llBX_lTiew9WPiORsGgiLqVLds-rU24d4TX9tTs_UGPBr6_s0NI9gLHyySoEJXV8FuLGLnexzV-lg7zOKi/s400/css3+2d+transform.jpg" /><br />
<br />
<b>Example : 3D Transformation
</b><br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green; font-weight: bold;">div</span> {
transform<span style="color: #666666;">:</span> rotateX(<span style="color: #666666;">150</span>deg);
}
</pre>
</div>
<br />
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HskKiw7ry4VJSIPA1xKycLBrosc4x6wpHyKTSdJ70EPZDHVbPhbzFV5svpAvG0N2cYq5S44wy8fVLxlY7IktDWoX2XziBKbhosoRzDlgswoBzbENsxqFRgJScL9twglUqdmq0O7v7PoC/s400/css+3d+transform.jpg" />
<br />
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br/>
<h3 style="text-align: left;">
Browser Support for 2D Transformation
</h3>
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH_aHdmmlmrjPL3-0P0-iA3J4m6WSO9RC5kcxtRD7f1wAZRcnyK73uq5P56GYFtEzIc4lBeOS7Vjq2f-8pKc-iPX0Z8xKhlkZpl9xmTX8TGRnfSoA5Ba8OwuGqdQXY2SbZ0O3wFCz3CisS/s1600/browser+support+for+2d+Transformation.jpg" />
<br />
<br />
<h3 style="text-align: left;">
Browser Support for 3D Transformation
</h3>
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVOtpDV0VHEi05MXI21086yKoxXdv4-hPAjw_UqLxFywkNTPoKHWY2lWQtljzWDB2RbGJ6ikd2hsUmXhnAwwNzcZpAIGO2lseZGj9RB5m7GSaDPZoCPiSN4UjMj_UmnjLcyrFCRoUfFLwH/s1600/browser+support+for+3D+transformation.jpg" /><br />
<br />
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-boxmodel-selector-boxlayout.html">< Prev : Box Model, Selectors and Box Layout</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-cheat-sheet-and-browser-support.html">Next : Cheat sheet and Browser support ></a>
</div>
</div>
<br/>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-61769933572143386852017-05-28T14:36:00.000+05:302017-05-28T16:27:41.322+05:30A Quick Guide To CSS3 - Box-model, Selector and Box Layout<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjroQ-5YzBZ0Qhym-0NSxVNz8I1vG2XrH0915LLfqaitkVYyAtZU977_uHquml1ld-Q08MA75jp8PGkQHHtCOB416OfaGYzkwgrxfr__4VcNlAnEak7Aem8139zBIuG3BnDU8VIUsy1uoXt/s480/CSS3.jpg" style="border: 0px;" />
<br />
<br />
<h3 style="text-align: left;">
CSS3 Box Model</h3>
It is one of the most important concept of CSS3. Every HTML element is surrounded by a box weather its a div, span, paragraph, anchor etc. CSS3 Box Model concept revolves around Margin, Border, Padding, and Content of the box. This makes browser takes complete control on how the box and its contents will be rendered on the webpage.
<br />
<br />
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEUrcLFcyrcXvE66c5omzALOsquiYGeObykiX-ir3KUiq80XdFKDjDY-YPa6hYUBdleyXcbjLRWP8epuwKF4g7rxCIKJFsCDVmXl7NLlYAxS5O0a6NlwHiQyae9iT6CbNAWMI1gcV8n25A/s320/css3+box-model.jpg" />
<br />
<ul>
<li>The <b>margin </b>is transparent. It clears the area of outside the border. If margin width is 0, then the edge of margin is same as border edge.</li>
<li><b>Border </b>defines the border of the box. If the border width is 0, then the edge of the border is same as padding edge.</li>
<li><b>Padding </b>edge surrounds the box padding. It can be controlled by padding-top, padding-bottom, padding-left and padding-right.</li>
<li><b>Content </b>is the actual area which contains real content of an element. It has color, image or background. We can also set the width, the height of the content box.</li>
</ul>
<br />
<table class="table table-condensed">
<thead>
<tr>
<th>Property</th>
<th>Value options</th>
</tr>
</thead>
<tbody>
<tr>
<td>height</td>
<td>auto | % | length </td>
</tr>
<tr>
<td>width</td>
<td>auto | % | length</td>
</tr>
<tr>
<td>margin</td>
<td>margin-bottom | margin-top | margin-right | margin-left </td>
</tr>
<tr>
<td>float</td>
<td>left | right | none</td>
</tr>
<tr>
<td>padding</td>
<td>padding-bottom | padding -top | padding -right | padding -left</td>
</tr>
<tr>
<td>visibility</td>
<td>visible | hidden | collapse</td>
</tr>
<tr>
<td>display</td>
<td>inline | block | flex | inline-block | inline-table | list-item | table | none | initial | inherit</td>
</tr>
</tbody>
</table>
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
CSS Selectors
</h3>
CSS3 Selectors used to select different elements on the webpage and manipulate their properties. There are different selectors with which we can select one or more elements in the webpage.
<br />
<br />
<table class="table table-condensed">
<thead>
<tr>
<th>Selector</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>.<className></td>
<td>It is used to select all elements with .<className> class </td>
</tr>
<tr>
<td>#<identifierName></td>
<td>It is used to select all elements with id attribute set to <identifierName></td>
</tr>
<tr>
<td>*</td>
<td>It is used to select all elements. </td>
</tr>
<tr>
<td>div</td>
<td>It is used to select div elements</td>
</tr>
<tr>
<td>[attribute]</td>
<td>It is used to select all elements with the specified attribute</td>
</tr>
<tr>
<td>[attribute=value]</td>
<td>It is used to select all elements where the specified attribute is equal to value</td>
</tr>
<tr>
<td>a: link</td>
<td>It is used to select all unvisited links.</td>
</tr>
<tr>
<td>a: active</td>
<td>It is used to select the active link and so on.</td>
</tr>
</tbody>
</table>
<br />
<h3 style="text-align: left;">
Box Layout</h3>
<br/>
This property is used to set the layout of the box in the Webpage. It is very new in CSS3. The template is tested to check its compatibility with all requirements on multiple platforms.
<br/>
<table class="table table-condensed">
<thead>
<tr>
<th>Property</th>
<th>Value options</th>
</tr>
</thead>
<tbody>
<tr>
<td>box-direction</td>
<td>normal | reserve </td>
</tr>
<tr>
<td>box-align</td>
<td>start | end | center</td>
</tr>
<tr>
<td>box-lines</td>
<td>single | multiple </td>
</tr>
<tr>
<td>box-orient</td>
<td>vertical | horizontal | block-axis | inline-axis</td>
</tr>
<tr>
<td>box-sizing</td>
<td>padding-box | content-box | margin-box | border-box</td>
</tr>
<tr>
<td>box-pack</td>
<td>start | end | center | justify</td>
</tr>
</tbody>
</table>
<br />
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-border-font-text.html">< Prev : Border, Font and Text</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-2d-and-3d-transformation.html">Next : 2D and 3D Transformation ></a>
</div>
</div>
<br/>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-69894580833837191022017-05-28T13:07:00.000+05:302017-05-28T16:27:31.207+05:30A Quick Guide To CSS3 - Border, Font and Text<div dir="ltr" style="text-align: left;" trbidi="on">
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjroQ-5YzBZ0Qhym-0NSxVNz8I1vG2XrH0915LLfqaitkVYyAtZU977_uHquml1ld-Q08MA75jp8PGkQHHtCOB416OfaGYzkwgrxfr__4VcNlAnEak7Aem8139zBIuG3BnDU8VIUsy1uoXt/s480/CSS3.jpg" style="border: 0px;" />
<br />
<br />
<h3 style="text-align: left;">
CSS3 Border</h3>
CSS3 borders are used to set the borders of a container which can be div, span, paragraph etc. It includes for different properties left, right, top, bottom in the webpage.<br />
<br />
<table class="table table-condensed">
<thead>
<tr>
<th>Property</th>
<th>Value options</th>
</tr>
</thead>
<tbody>
<tr>
<td>border-style</td>
<td>none | hidden | dotted | dashed | double | inset | outset | solid</td>
</tr>
<tr>
<td>border-width</td>
<td>thin | medium | thick | length</td>
</tr>
<tr>
<td>border-color</td>
<td>Any color value RGB, Hash etc.</td>
</tr>
<tr>
<td>border-radius</td>
<td>border-bottom-right-radius | border-top-right-radius |<br />
border-bottom-left-radius | border-top-left-radius
</td>
</tr>
</tbody>
</table>
<br />
<b>Example
</b><br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: blue; font-weight: bold;">.one</span> {
<span style="color: green; font-weight: bold;">border-width</span><span style="color: #666666;">:</span> <span style="color: #666666;">3px</span> <span style="color: #666666;">8px</span> <span style="color: #666666;">4px</span> <span style="color: #666666;">20px</span>;
<span style="color: green; font-weight: bold;">border-style</span><span style="color: #666666;">:</span> <span style="color: green; font-weight: bold;">dashed</span>;
<span style="color: green; font-weight: bold;">border-color</span><span style="color: #666666;">:</span> <span style="color: green;">yellow</span> <span style="color: green;">green</span> <span style="color: green;">red</span> <span style="color: green;">blue</span>;
}
</pre>
</div>
<br />
<h3 style="text-align: left;">
CSS3 Font</h3>
<div>
CSS3 Font properties are used to set the font used in different textual components of a webpage.</div>
<div>
<br /></div>
<table class="table table-condensed">
<thead>
<tr>
<th>Property</th>
<th>Value options</th>
</tr>
</thead>
<tbody>
<tr>
<td>font-size</td>
<td>xx-small | x-small | small | medium | large | x-large | xx-large and so on</td>
</tr>
<tr>
<td>font-family</td>
<td>family-name | generic family</td>
</tr>
<tr>
<td>font-style</td>
<td>normal | italic | oblique | inherit</td>
</tr>
<tr>
<td>font-weight</td>
<td>normal | bold | bolder | lighter | 100 | 200 | 300 and so on </td>
</tr>
<tr>
<td>font-variant</td>
<td>normal | small-caps | inherit</td>
</tr>
</tbody>
</table>
<br />
<b>Example
</b><br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green; font-weight: bold;">p</span> {
<span style="color: green; font-weight: bold;">font-style</span><span style="color: #666666;">:</span> <span style="color: green; font-weight: bold;">italic</span>;
<span style="color: green; font-weight: bold;">font-family</span><span style="color: #666666;">:</span> <span style="color: #ba2121;">'Arial'</span>;
<span style="color: green; font-weight: bold;">font-size</span><span style="color: #666666;">:</span> <span style="color: green; font-weight: bold;">xx-large</span>;
<span style="color: green; font-weight: bold;">font-weight</span><span style="color: #666666;">:</span> <span style="color: green; font-weight: bold;">bolder</span>;
<span style="color: green; font-weight: bold;">font-variant</span><span style="color: #666666;">:</span> <span style="color: green; font-weight: bold;">small-caps</span>;
}
</pre>
</div>
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br/>
<h3 style="text-align: left;">
CSS3 Text
</h3>
<div>
CSS Text properties are used to set the general text properties like we used to do in any text editor like Word. Same textual decorations can be achieved in the webpage with the help of these properties.</div>
<div>
<br /></div>
<table class="table table-condensed">
<thead>
<tr>
<th>Property</th>
<th>Value options</th>
</tr>
</thead>
<tbody>
<tr>
<td>text-align</td>
<td>start | end | left | right | center | justify</td>
</tr>
<tr>
<td>direction</td>
<td>rtl | ltr | inherit</td>
</tr>
<tr>
<td>letter-spacing</td>
<td>normal | length | %
</td>
</tr>
<tr>
<td>text-decoration</td>
<td>none | overline | underline | blink</td>
</tr>
<tr>
<td>text-justify</td>
<td>auto | inter-cluster | distribute etc</td>
</tr>
<tr>
<td>text-outline</td>
<td>none | color | length</td>
</tr>
<tr>
<td>text-indent</td>
<td>length | %</td>
</tr>
<tr>
<td>text-shadow</td>
<td>none | color | length
</td>
</tr>
<tr>
<td>text-transform</td>
<td>none | uppercase | lowercase | capitalize</td>
</tr>
</tbody>
</table>
<br/>
<b>Example</b>
<br />
<div style="overflow:auto;width:auto;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #008000; font-weight: bold">p</span><span style="color: #0000FF; font-weight: bold">.example</span> {
<span style="color: #008000; font-weight: bold">text-align</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">center</span>;
<span style="color: #008000; font-weight: bold">text-decoration</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">blink</span>;
<span style="color: #008000; font-weight: bold">text-transform</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">lowercase</span>;
<span style="color: #008000; font-weight: bold">text</span><span style="color: #666666">-</span><span style="color: #008000; font-weight: bold">outline</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">none</span>;
<span style="color: #008000; font-weight: bold">text-shadow</span><span style="color: #666666">:</span> <span style="color: #666666">2px</span> <span style="color: #666666">3px</span> <span style="color: #008000">blue</span>;
}
</pre></div>
<br />
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-intro-wordwraps-backgrounds.html">< Prev : Intro, Wordwrap and Background</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-boxmodel-selector-boxlayout.html">Next : Box-model, Selector and Box layout></a>
</div>
</div>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-72511383944489433972017-05-28T11:56:00.000+05:302017-05-28T16:26:52.033+05:30A Quick Guide To CSS3 - Introduction, Wordwrap and Backgrounds<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<img class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjroQ-5YzBZ0Qhym-0NSxVNz8I1vG2XrH0915LLfqaitkVYyAtZU977_uHquml1ld-Q08MA75jp8PGkQHHtCOB416OfaGYzkwgrxfr__4VcNlAnEak7Aem8139zBIuG3BnDU8VIUsy1uoXt/s480/CSS3.jpg" style="border: 0px;" /><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">CSS </span>is an acronym for <span style="font-size: large;">Cascading Style Sheet</span>.<br />
<b><br /></b>
<b>Cascading</b> - Declare once use anywhere. Cascade the styling rules to any level, from parent to child level elements.<br />
<b>Style Sheet</b> - Defines style rules.<br />
<br />
CSS3 is the extended version of CSS2. CSS3 has arrived with so many new features and enhancements can make any webpage a gem with fewer efforts. <br />
<br />
We will cover here CSS selector syntax, properties, browser support, and useful information about its all controls. Its a quick guide so we will cover a more crisp cheat sheet kind of guide rather than the detailed one. To know more about CSS from basic please follow the link -<br />
<a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics" style="font-family: "times new roman", serif;">https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics</a><br />
<br />
<h3>
CSS3 Word Wrap </h3>
Word Wrap is a property of CSS3 that is used to break the words and wrap into next line.<br />
<br />
<b>Syntax</b><br />
<i>Word-wrap : normal | break-word | initial | inherit</i><br />
<br />
Normal - break the line at normal word break points.<br />
Break-word - unbreakable word breaks into a new line.<br />
Initial - used to set a default value.<br />
Inherit - used to take computed value.<br />
<br />
<b>Example
</b><br />
<div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #007700;">p</span> {
<span style="color: #008800; font-weight: bold;">width</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">100px</span>;
<span style="color: #008800; font-weight: bold;">background</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#70ea70</span>;
word<span style="color: #333333;">-</span>wrap<span style="color: #333333;">:</span> break<span style="color: #333333;">-</span>word;
}
</pre>
</div>
<br /></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
CSS3 Backgrounds </h3>
These are used to set the various properties of the background of the webpage.
<br />
<br />
<table class="table table-condensed">
<thead>
<tr>
<th>Property</th>
<th>Value options</th>
</tr>
</thead>
<tbody>
<tr>
<td>background-image</td>
<td>URL | none</td>
</tr>
<tr>
<td>background-attachment</td>
<td>scroll | fixed</td>
</tr>
<tr>
<td>background-image</td>
<td>URL | none</td>
</tr>
<tr>
<td>background-color</td>
<td>color | transparent</td>
</tr>
<tr>
<td>background-size</td>
<td>length | % | auto | cover | contain </td>
</tr>
<tr>
<td>background-position</td>
<td>top right | top left | top center | bottom left | center | center right and so on</td>
</tr>
<tr>
<td>background-repeat</td>
<td>repeat | repeat-x | repeat-y | no-repeat</td>
</tr>
</tbody>
</table>
</div>
<br />
<b>Example
</b><br />
<div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #0066bb; font-weight: bold;">#back</span> {
<span style="color: #008800; font-weight: bold;">width</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">300px</span>;
<span style="color: #008800; font-weight: bold;">height</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">200px</span>;
<span style="color: #008800; font-weight: bold;">background-position</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">center</span> <span style="color: #008800; font-weight: bold;">bottom</span><span style="color: #333333;">,</span> <span style="color: #008800; font-weight: bold;">left</span> <span style="color: #008800; font-weight: bold;">top</span>;
<span style="color: #008800; font-weight: bold;">background-repeat</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">no-repeat</span>;
<span style="color: #008800; font-weight: bold;">background-color</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#90ee90</span>;
}
</pre>
</div>
<br />
<a class="btn btn-primary btn-block" href="/2017/05/a-quick-guide-to-css3-border-font-text.html">Next : CSS 3 Borders, Fonts and Text</a>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-64529017524307108752017-04-16T15:29:00.001+05:302017-04-16T15:29:59.287+05:30One time password authentication using Nodejs, passwordless and Twilio<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM5Q5HPPR9oeeQsrv4L272lrkxhQHTOE4qo8ORe1sMbcYQRmwkkJedJL1ARdz9OVCYwD-XqHLsJgGX_pp5n8NA_2MGppnvtmgRpFeYjqaJWm45Pd-UZC247UNk7Mj3RP1kLjh7mnbs7gls/s1600/One+time+password+authentication+using+Nodejs+passwordless+and+Twilio.png" imageanchor="1"><img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM5Q5HPPR9oeeQsrv4L272lrkxhQHTOE4qo8ORe1sMbcYQRmwkkJedJL1ARdz9OVCYwD-XqHLsJgGX_pp5n8NA_2MGppnvtmgRpFeYjqaJWm45Pd-UZC247UNk7Mj3RP1kLjh7mnbs7gls/s320/One+time+password+authentication+using+Nodejs+passwordless+and+Twilio.png" /></a><br />
<br />
<span style="font-size: large;">One time password</span> is a high demand authentication functionality in today's time while login into the system, making some transaction or taking some high risk action in the system. It provides an additional security in our application. Passwords can be hacked or guessed that depends on the password security policy of your website. However, the one time password give you a password in your email or your mobile number which can be used one time only and is valid for few minutes. Messages sent to your mobile numbers are secured in a way that you can only see them in your mobile.<br />
<br />
Implementing one time password is really simple in <b>Nodejs </b>by using <b>Passwordless </b>and <b>Twilio </b>node packages. Please follow the below steps which will setup your webpage where you can enter your mobile number and then you will receive a 6 digit OTP in your own mobile number. Then you can verify the same and if verified then redirected to the login page.<br />
<br />
<h3 style="text-align: left;">
Create an account in Twilio</h3>
Goto twilio.com and create an account by signing up. After this you will be logged in to twilio.<br />
<h3 style="text-align: left;">
How Twilio works</h3>
There is an official description of how Twilio works:<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIfy7oLtRnsAi3nfUL_cz5EyI6d5JRQCqnplAGzF_deQOYNDjKPy2vnkaJsmI8_gp8VTxNpXXzMk8GyaJypYf884HuclM2tZIDOB-P9eQ1J6YVTPtG5Tgfy-0JOZFflh2XnpNbDg0E5JYr/s1600/twilio_6.JPG" imageanchor="1"><img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIfy7oLtRnsAi3nfUL_cz5EyI6d5JRQCqnplAGzF_deQOYNDjKPy2vnkaJsmI8_gp8VTxNpXXzMk8GyaJypYf884HuclM2tZIDOB-P9eQ1J6YVTPtG5Tgfy-0JOZFflh2XnpNbDg0E5JYr/s320/twilio_6.JPG" /></a><br />
<h3 style="text-align: left;">
Visit the Twilio's getting started page</h3>
Once you login, go to this url<br />
<a href="https://www.twilio.com/console/sms/getting-started/basics"><span style="color: blue;">https://www.twilio.com/console/sms/getting-started/basics</span></a><br />
<br />
In the above page there is a step-by-step demo to create a phone number and send a test sms.<br />
- Note down this phone number.<br />
<h3 style="text-align: left;">
Note the API credentials</h3>
On the same page, click on "Show API credentials" on the right side of the page and note down the these two parameters - Account SID and AUTH Token<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigEKjjjUOvEreQpGwWffVYYiO_yVMWO87-Qus9X38FOZ6t5kd8KP5pu-kEBZ2E3mScPChSi4SPD_8eQa7cq6rGzmhQcV0Smqh4OMc656A3cTXQ5VDPx5hJI3nQggH8fEEU9YsfeA0XKjB5/s1600/twilio_1.JPG" imageanchor="1"><img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigEKjjjUOvEreQpGwWffVYYiO_yVMWO87-Qus9X38FOZ6t5kd8KP5pu-kEBZ2E3mScPChSi4SPD_8eQa7cq6rGzmhQcV0Smqh4OMc656A3cTXQ5VDPx5hJI3nQggH8fEEU9YsfeA0XKjB5/s320/twilio_1.JPG" /></a><br />
<h3 style="text-align: left;">
Install mongodb in your system (if not already installed).</h3>
If you have setup the mongodb without authentication, then your connection string will simply be -<br />
<i>'mongodb://localhost:<port>/passwordless-sms'</i><br />
Replace <port> with your mongodb port (typically 27017).<br />
<br />
If you have setup mongodb with authentication, then your connection string will be -<br />
<i>'mongodb://<dbUserId>:<dbPassword>@localhost:<port>/passwordless-sms'</i><br />
<br />
Replace <i><port></i> with mongodb port.<br />
Replace <i><dbUserId></i> with mongodb database user id.<br />
Replace <i><dbPassword> </i>with mongodb database password.<br />
<h3 style="text-align: left;">
Clone the passwordless example demo Github repo</h3>
Clone the following github repo into your system<br />
<a href="https://github.com/rbudiharso/smsauth-example"><span style="color: blue;">https://github.com/rbudiharso/smsauth-example</span></a><br />
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<h3 style="text-align: left;">
Edit the source code</h3>
<div>
Open the <b>app.js</b> in your favourite editor and edit the below lines:</div>
<div>
<br /></div>
<div>
<div>
Find this lines</div>
<div>
accountSid = 'TWILIO_SID' </div>
<div>
and replace the TWILIO_SID with your Account SID which you have noted down before.</div>
<div>
<br /></div>
<div>
Now, find this line</div>
<div>
authToken = 'TWILIO_AUTH_TOKEN'</div>
<div>
and replace the TWILIO_AUTH_TOKEN with the AUTH Token you noted down before.</div>
<div>
<br /></div>
<div>
Now, find this line </div>
<div>
from: "TWILIO_NUMBER"</div>
<div>
and replace the TWILIO_NUMBER with the phone number you noted down before.</div>
<div>
<br /></div>
<div>
Now, find this line</div>
<div>
db = 'mongodb://localhost/passwordless-sms';</div>
<div>
and replace this mongodb connection string with the connection string you made earlier.</div>
</div>
<h3 style="text-align: left;">
Generating 6 digit OTP</h3>
<div>
<div>
Open nodejs console and go the github repository directory in your system. Execute the below command in console</div>
<div>
<br /></div>
</div>
<div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">npm install random-js --save
</pre>
</div>
<div>
<br />
Open the <b>app.js</b> again find the below function<br />
<br />
<div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">tokenAlgorithm<span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">function</span>() {
<span style="color: #888888;">// custom token generator</span>
<span style="color: #888888;">// short random token generator, enough to fit into single SMS</span>
<span style="color: #008800; font-weight: bold;">return</span> <span style="background-color: #fff0f0;">'12345'</span>
}
</pre>
</div>
<br />
and replace this function with below line of code:<br />
<br />
<div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">tokenAlgorithm<span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">function</span>() {
<span style="color: #008800; font-weight: bold;">var</span> random <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Random(Random.engines.mt19937().autoSeed());
console.log(random);
<span style="color: #008800; font-weight: bold;">var</span> value <span style="color: #333333;">=</span> random.integer(<span style="color: #0000dd; font-weight: bold;">100000</span>, <span style="color: #0000dd; font-weight: bold;">999999</span>);
console.log(value);
<span style="color: #008800; font-weight: bold;">return</span> value.toString();
}
</pre>
</div>
<br />
<h3 style="text-align: left;">
Running our app to test</h3>
</div>
<div>
<div>
In node console execute the command</div>
<div>
<i>node app.js</i></div>
<div>
<br /></div>
<div>
Open the browser and enter this URL</div>
<div>
<i>http://localhost:9000</i></div>
<div>
<br /></div>
<div>
Type your mobile number with country code. You will receive a 6 digit OTP in your mobile number. Then in next page enter that 6 digit OTP and you will be logged in.<br />
<br />
<b>Note </b>: You should also code out the token timeout functionality. When passwordless saves a token in mongodb, its timestamp is also saved. So, while OTP verification, you should get that timestamp and check if it is within range of our timeout setting and throw exception otherwise.</div>
</div>
<div>
<br /></div>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-36638036369202880802017-04-13T17:30:00.001+05:302017-04-13T17:30:57.707+05:30Print reverse level order traversal of Binary Search Tree<div style="overflow:auto;width:auto;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #008000; font-weight: bold">struct</span> node
{
<span style="color: #B00040">int</span> data;
<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> left;
<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> right;
};
<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> <span style="color: #0000FF">newNode</span>(<span style="color: #B00040">int</span> data)
{
<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> temp <span style="color: #666666">=</span> (<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span>)malloc(<span style="color: #008000; font-weight: bold">sizeof</span>(<span style="color: #008000; font-weight: bold">struct</span> node));
temp<span style="color: #666666">-></span>data <span style="color: #666666">=</span> data;
temp<span style="color: #666666">-></span>left <span style="color: #666666">=</span> temp<span style="color: #666666">-></span>right <span style="color: #666666">=</span> <span style="color: #008000">NULL</span>;
<span style="color: #008000; font-weight: bold">return</span> temp;
}
<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> <span style="color: #0000FF">insertNodeInBst</span>(<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> root, <span style="color: #B00040">int</span> key)
{
<span style="color: #008000; font-weight: bold">if</span> (root <span style="color: #666666">==</span> <span style="color: #008000">NULL</span>)
{
<span style="color: #008000; font-weight: bold">return</span> newNode(key);
}
<span style="color: #008000; font-weight: bold">if</span> (key <span style="color: #666666"><</span> root<span style="color: #666666">-></span>data)
{
root<span style="color: #666666">-></span>left <span style="color: #666666">=</span> insertNodeInBst(root<span style="color: #666666">-></span>left, key);
}
<span style="color: #008000; font-weight: bold">else</span>
{
root<span style="color: #666666">-></span>right <span style="color: #666666">=</span> insertNodeInBst(root<span style="color: #666666">-></span>right, key);
}
<span style="color: #008000; font-weight: bold">return</span> root;
}
<span style="color: #B00040">int</span> <span style="color: #0000FF">level</span>(<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> root)
{
<span style="color: #008000; font-weight: bold">if</span> (root <span style="color: #666666">==</span> <span style="color: #008000">NULL</span>)
{
<span style="color: #008000; font-weight: bold">return</span> <span style="color: #666666">0</span>;
}
<span style="color: #008000; font-weight: bold">else</span>
{
<span style="color: #B00040">int</span> lLevel <span style="color: #666666">=</span> level(root<span style="color: #666666">-></span>left);
<span style="color: #B00040">int</span> rLevel <span style="color: #666666">=</span> level(root<span style="color: #666666">-></span>right);
<span style="color: #008000; font-weight: bold">if</span> (lLevel <span style="color: #666666">></span> rLevel)
<span style="color: #008000; font-weight: bold">return</span> (lLevel <span style="color: #666666">+</span> <span style="color: #666666">1</span>);
<span style="color: #008000; font-weight: bold">else</span>
<span style="color: #008000; font-weight: bold">return</span> (rLevel <span style="color: #666666">+</span> <span style="color: #666666">1</span>);
}
}
<span style="color: #B00040">void</span> <span style="color: #0000FF">printGivenLevel</span>(<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> root, <span style="color: #B00040">int</span> level)
{
<span style="color: #008000; font-weight: bold">if</span> (root <span style="color: #666666">==</span> <span style="color: #008000">NULL</span>)
<span style="color: #008000; font-weight: bold">return</span>;
<span style="color: #008000; font-weight: bold">if</span> (level <span style="color: #666666">==</span> <span style="color: #666666">1</span>)
printf(<span style="color: #BA2121">"%d "</span>, root<span style="color: #666666">-></span>data);
<span style="color: #008000; font-weight: bold">else</span> <span style="color: #008000; font-weight: bold">if</span> (level <span style="color: #666666">></span> <span style="color: #666666">1</span>)
{
printGivenLevel(root<span style="color: #666666">-></span>left, level <span style="color: #666666">-</span> <span style="color: #666666">1</span>);
printGivenLevel(root<span style="color: #666666">-></span>right, level <span style="color: #666666">-</span> <span style="color: #666666">1</span>);
}
}
<span style="color: #B00040">void</span> <span style="color: #0000FF">reverseLevelOrderTraversal</span>(<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> root)
{
<span style="color: #B00040">int</span> h <span style="color: #666666">=</span> level(root);
<span style="color: #B00040">int</span> i;
<span style="color: #008000; font-weight: bold">for</span> (i <span style="color: #666666">=</span> h; i <span style="color: #666666">>=</span> <span style="color: #666666">1</span>; i<span style="color: #666666">--</span>)
{
printGivenLevel(root, i);
}
}
<span style="color: #B00040">int</span> <span style="color: #0000FF">main</span>()
{
<span style="color: #408080; font-style: italic">//Read space separated numbers</span>
string rawInput;
vector<span style="color: #666666"><</span>string<span style="color: #666666">></span> numbers;
<span style="color: #008000; font-weight: bold">while</span> (getline(cin, rawInput, <span style="color: #BA2121">' '</span>))
{
numbers.push_back(rawInput);
}
<span style="color: #408080; font-style: italic">// Uncomment the below code to Add your inputs here to test without inputting from user</span>
<span style="color: #408080; font-style: italic">/*numbers.push_back("5");</span>
<span style="color: #408080; font-style: italic"> numbers.push_back("4");</span>
<span style="color: #408080; font-style: italic"> numbers.push_back("3");</span>
<span style="color: #408080; font-style: italic"> numbers.push_back("9");</span>
<span style="color: #408080; font-style: italic"> numbers.push_back("1");*/</span>
<span style="color: #B00040">int</span> key <span style="color: #666666">=</span> <span style="color: #666666">0</span>;
<span style="color: #008000; font-weight: bold">struct</span> node<span style="color: #666666">*</span> root <span style="color: #666666">=</span> <span style="color: #008000">NULL</span>;
<span style="color: #008000; font-weight: bold">while</span> (<span style="color: #666666">!</span>numbers.empty())
{
string number <span style="color: #666666">=</span> numbers.front();
key <span style="color: #666666">=</span> atoi(number.c_str());
root <span style="color: #666666">=</span> insertNodeInBst(root, key);
numbers.erase(numbers.begin());
}
reverseLevelOrderTraversal(root);
<span style="color: #008000; font-weight: bold">return</span> <span style="color: #666666">0</span>;
}
</pre></div>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-82407606111836165292017-04-13T17:14:00.000+05:302017-04-13T17:14:11.328+05:30Finding largest element in array having first increasing then decreasing elements in O(LogN)<div style="overflow:auto;width:auto;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #408080; font-style: italic">//Array which has n elements in it.</span>
<span style="color: #408080; font-style: italic">//1st element->a[k] ascending order.</span>
<span style="color: #408080; font-style: italic">//a[k]->last element descending order.</span>
<span style="color: #408080; font-style: italic">//Find largest element in this array.</span>
<span style="color: #408080; font-style: italic">//</span>
<span style="color: #408080; font-style: italic">//Example :</span>
<span style="color: #408080; font-style: italic">//1 2 3 4 3 2 1</span>
<span style="color: #408080; font-style: italic">//Output 4</span>
<span style="color: #B00040">char</span> <span style="color: #0000FF">calculateOrder</span>(<span style="color: #B00040">int</span> first, <span style="color: #B00040">int</span> second, <span style="color: #B00040">int</span> third)
{
<span style="color: #408080; font-style: italic">//desc</span>
<span style="color: #008000; font-weight: bold">if</span> (second<span style="color: #666666"><</span> first <span style="color: #666666">&&</span> second <span style="color: #666666">></span> third)
{
<span style="color: #008000; font-weight: bold">return</span> <span style="color: #BA2121">'d'</span>;
}
<span style="color: #008000; font-weight: bold">else</span> <span style="color: #008000; font-weight: bold">if</span> (second <span style="color: #666666">></span> first <span style="color: #666666">&&</span> second <span style="color: #666666"><</span> third)
{
<span style="color: #008000; font-weight: bold">return</span> <span style="color: #BA2121">'a'</span>;
}
<span style="color: #008000; font-weight: bold">else</span>
{
<span style="color: #008000; font-weight: bold">return</span> <span style="color: #BA2121">'0'</span>;
}
}
<span style="color: #B00040">int</span> <span style="color: #0000FF">CompareThree</span>(<span style="color: #B00040">int</span> first, <span style="color: #B00040">int</span> second, <span style="color: #B00040">int</span> third)
{
<span style="color: #408080; font-style: italic">//max of three</span>
<span style="color: #008000; font-weight: bold">if</span> (first<span style="color: #666666">></span>second <span style="color: #666666">&&</span> first <span style="color: #666666">></span> third)
<span style="color: #008000; font-weight: bold">return</span> first;
<span style="color: #008000; font-weight: bold">else</span> <span style="color: #008000; font-weight: bold">if</span> (second<span style="color: #666666">></span> first <span style="color: #666666">&&</span> second <span style="color: #666666">></span> third)
<span style="color: #008000; font-weight: bold">return</span> second;
<span style="color: #008000; font-weight: bold">else</span>
<span style="color: #008000; font-weight: bold">return</span> third;
}
<span style="color: #B00040">void</span> <span style="color: #0000FF">kElement</span>(<span style="color: #B00040">int</span> arrIntegers[], <span style="color: #B00040">int</span> left, <span style="color: #B00040">int</span> right)
{
<span style="color: #B00040">int</span> mid <span style="color: #666666">=</span> (left <span style="color: #666666">+</span> right) <span style="color: #666666">/</span> <span style="color: #666666">2</span>;
<span style="color: #408080; font-style: italic">//Calculate order of mid-1, mid, mid+1</span>
<span style="color: #B00040">char</span> order <span style="color: #666666">=</span> calculateOrder(arrIntegers[mid <span style="color: #666666">-</span> <span style="color: #666666">1</span>], arrIntegers[mid], arrIntegers[mid <span style="color: #666666">+</span> <span style="color: #666666">1</span>]);
<span style="color: #008000; font-weight: bold">if</span> (order <span style="color: #666666">==</span> <span style="color: #BA2121">'d'</span>) <span style="color: #408080; font-style: italic">//discard right</span>
{
kElement(arrIntegers, left, mid);
}
<span style="color: #008000; font-weight: bold">else</span> <span style="color: #008000; font-weight: bold">if</span> (order <span style="color: #666666">==</span> <span style="color: #BA2121">'a'</span>)
{
kElement(arrIntegers, mid, right);
}
<span style="color: #008000; font-weight: bold">else</span>
{
printf(<span style="color: #BA2121">"%d"</span>, CompareThree(arrIntegers[left], arrIntegers[mid], arrIntegers[right]));
<span style="color: #008000; font-weight: bold">return</span>;
}
}
<span style="color: #B00040">int</span> <span style="color: #0000FF">main</span>()
{
<span style="color: #B00040">int</span> intArray[<span style="color: #666666">6</span>] <span style="color: #666666">=</span> { <span style="color: #666666">1</span>,<span style="color: #666666">2</span>,<span style="color: #666666">3</span>,<span style="color: #666666">4</span>,<span style="color: #666666">3</span>,<span style="color: #666666">2</span> };
kElement(intArray, <span style="color: #666666">0</span>, <span style="color: #666666">5</span>);
<span style="color: #008000; font-weight: bold">return</span> <span style="color: #666666">1</span>;
}
</pre></div>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-29570167215430704942017-04-13T15:52:00.000+05:302017-04-13T17:26:10.206+05:30Top new features of Angular 4.0 <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g_nh_Dy97cJxAVFIvPPKkzwE9ZHCNtlIwCp77bLC0E0iysfwYhs1Gw0aORPMA8_IySk6QEh6na7HzQWnglp3Diuv6d65TBMLTIg_WP_T4kEaWnVCxdFHt4PtsS6CL6TADrvWyBle6ZZt/s1600/Angular+4+logo.png" imageanchor="1"><img border="0" class="img img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g_nh_Dy97cJxAVFIvPPKkzwE9ZHCNtlIwCp77bLC0E0iysfwYhs1Gw0aORPMA8_IySk6QEh6na7HzQWnglp3Diuv6d65TBMLTIg_WP_T4kEaWnVCxdFHt4PtsS6CL6TADrvWyBle6ZZt/s640/Angular+4+logo.png" /></a><br />
<div>
<br /></div>
<blockquote>
<span style="font-size: large;"><b>Angular 4.0</b></span> is now officially released on 23rd March 2017.</blockquote>
You might probably be wondering it was Angular 2 that was running and now Angular 4. Where has Angular 3 gone?<br />
The answer is much simpler than you might expect. The angular core team have certain components which have been targeted to 4.0 while the Angular core was still in 3.0. These components are necessary angular components and has to be shipped with Angular library. So to cope with this conflict, they have skipped version 3 and target all the components to version 4.0 only.<br />
<br />
<blockquote>
One of the great thing about Angular 4 is that it is backward compatible with Angular 2.</blockquote>
<h3 style="text-align: left;">
Angular releases over 2.0</h3>
<table class="table table-condensed">
<thead>
<tr>
<th>Release</th>
<th>Features</th>
</tr>
</thead>
<tbody>
<tr>
<td>2.1</td>
<td>Route Preloading</td>
</tr>
<tr>
<td>2.2</td>
<td>Ahead of Time (AOT) + ngUpgrade</td>
</tr>
<tr>
<td>2.3</td>
<td>Language Service.</td>
</tr>
</tbody>
</table>
* The language service is useful for IDEs to integrate with Typescript. Its not just they are shipping the compiler. Its been better now to show errors and warnings on the fly.<br />
<h3 style="text-align: left;">
Angular transition from 2.3 to 3.0</h3>
<table class="table table-condensed">
<thead>
<tr>
<th>Release</th>
<th>Features</th>
</tr>
</thead>
<tbody>
<tr>
<td>Patch 2.3.1</td>
<td>No Features, No Breaking Changes</td>
</tr>
<tr>
<td>Minor 2.3.0</td>
<td>New Features, No Breaking changes</td>
</tr>
<tr>
<td>Major 3.0.0</td>
<td>New Features, Potential breaking changes</td>
</tr>
</tbody>
</table>
<div>
<br />
Angular team has clearly mentioned that every release will be - <b>Predictable, Transparent and Incremental</b>. It will not be like what happened when the transition took place from Angular 1 to Angular 2.<br />
<br />
<h3 style="text-align: left;">
Angular 4 future evolution (Tentative schedule)</h3>
<b>Angular 5</b> - September / October 2017<br />
<b>Angular 6</b> - March 2018<br />
<b>Angular 7</b> - September/October 2018<br />
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<h3 style="text-align: left;">
Upgrading to Angular 4</h3>
</div>
<div>
It's very easy to upgrade to Angular 4 from Angular 2 app. We just need to run the following commands.</div>
<h4 style="text-align: left;">
For Mac:</h4>
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">npm install <span style="color: #19177c;">@angular</span>/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}<span style="color: #19177c;">@latest</span> typescript<span style="color: #19177c;">@latest</span> --save
</pre>
</div>
<div>
<br /></div>
<h4 style="text-align: left;">
For Windows:</h4>
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">npm install <span style="color: #19177c;">@angular</span>/common<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/compiler<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/compiler-cli<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/core<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/forms<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/http<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/platform-browser<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/platform-browser-dynamic<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/platform-server<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/router<span style="color: #19177c;">@latest</span> <span style="color: #19177c;">@angular</span>/animations<span style="color: #19177c;">@latest</span> typescript<span style="color: #19177c;">@latest</span> --save
</pre>
</div>
<br />
<h3 style="text-align: left;">
Angular Universal</h3>
Now Angular app can be rendered on the server using Angular Universal. For more info check out <a href="https://universal.angular.io/">https://universal.angular.io/</a><br />
<br />
<h3 style="text-align: left;">
Semver (Semantic Versioning) now</h3>
Angular Team will now be using Semver to version their releases. For more details to Semver you can visit <a href="http://semver.org/">http://semver.org/</a>
<br />
<br />
<h2 style="text-align: left;">
Angular 4 new features
</h2>
<h3 style="text-align: left;">
Animations</h3>
<div>
Animations now have their own package @angular/platform-browser/animations</div>
<h3 style="text-align: left;">
Templates</h3>
<div>
The template tag has been changed to ng-template. The template tag being more generic to other frameworks, Angular has made it to ng-template.</div>
<h3 style="text-align: left;">
Else is now supported with ngIf </h3>
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green; font-weight: bold;"><div</span><span style="color: #7d9029;">*ngIf=</span><span style="color: #ba2121;">"stack.length > 0; else handleBlank"</span><span style="color: green; font-weight: bold;">><p></span>The stack has some elements.<span style="color: green; font-weight: bold;"></p></span>
<span style="color: green; font-weight: bold;"><ng</span><span style="color: #7d9029;">-template</span><span style="color: #7d9029;">#handleBlank</span><span style="color: green; font-weight: bold;">></span>Stack is empty. Please add some numbers.</pre>
</div>
<div>
the handleBlank is a local reference to the ng-template. We use this reference name in the else clause of the ngIf. The old way will still work.<br />
<h3 style="text-align: left;">
Typescript 2.2 is supported now.</h3>
</div>
<div>
Since Angular 2 release, the team has made the Angular framework easy to code with Typescript (it can still be used with javascript and dart). Typescript is a syntactical sugar. Typescript 2.2 is supported now in Angular 4. For more info visit <a href="https://www.typescriptlang.org/">https://www.typescriptlang.org/</a></div>
<h3 style="text-align: left;">
The 'as' keyword
</h3>
<div>
The 'as' keyword is used to store the output of a result in a temporary variable. For. e.g.</div>
<pre><div ngif="let price of book | currency as LocalPrice; index as = i">
{{i}} ) {{book.Name}} - LocalPrice
</div>
</pre>
<br />
It can effectively be used as an output of async result.
<br />
<pre>observable_or_promise_expression | async as result
{{result.prop}}</pre>
<div>
<h3 style="text-align: left;">
Http</h3>
</div>
<div>
Search parameters have been simplified in http request.</div>
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">http.get(<span style="color: #ba2121;">'${apiUrl}/api/getBookInfo'</span>, {params <span style="color: #666666;">:</span> {id <span style="color: #666666;">:</span> <span style="color: #666666;">1</span>} });
</pre>
</div>
<br />
In previous version:
<br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green; font-weight: bold;">const</span> params <span style="color: #666666;">=</span> <span style="color: green; font-weight: bold;">new</span> URLSearchParams();
params.append(<span style="color: #ba2121;">'id'</span>, <span style="color: #666666;">1</span>);
http.get(<span style="color: #ba2121;">'${apiUrl}/api/getBookInfo'</span>, {search <span style="color: #666666;">:</span> params });</pre>
</div>
<h3 style="text-align: left;">
Pipes
</h3>
<div>
A new pipe has been introduced with the Angular pipes collection that is - titlecase. It changes the first letter of each word to the uppercase. For e.g. the below code will display "Hello World".<br />
<br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green; font-weight: bold;"><p></span>{{ 'hello world' | titlecase }}<span style="color: green; font-weight: bold;"></p></span></pre>
</div>
</div>
<h3 style="text-align: left;">
Test
</h3>
<div>
To override a template in a test has been simplified.</div>
<br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">TestBed.overrideTemplate(DialerComponent, '<span style="color: green; font-weight: bold;"><div></span>{{dialer.name}}<span style="color: green; font-weight: bold;"></div></span>'
</pre>
</div>
<br />
In previous version:
<br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">TestBed.overrideComponent(SomeComponent, {
set<span style="color: #666666;">:</span> {
template<span style="color: #666666;">:</span> <span style="color: #ba2121;">'<div>Overridden template here</div>'</span>
<span style="color: #408080; font-style: italic;">// ...</span>
}
});</pre>
</div>
<div>
<h3 style="text-align: left;">
Email Validator </h3>
</div>
<div>
An email validator is introduced along with other validators in Angular. The email validation can be done with Regex, however since email is very frequently used field, so it does make sense to introduce a inbuilt validator for this.</div>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-31298507151491827502017-03-27T23:40:00.000+05:302017-03-28T00:26:45.035+05:30Showing current location in browser using HTML5 Geolocation and Google Maps<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ4B_A348Zll5TWMu-hj6344Yb1Pod1USatFXbudsCQ_2XQmcKQeAKr3KM_IAjKjRg8wWqSWePrj1XyiD2Gj-IaFSesoEmH_osZmdQ-9haL2ChiNB1OmKvgRqIgVFbTS2xUWSpWAN7Grlj/s1600/EmployeeGPSLocationPunch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ4B_A348Zll5TWMu-hj6344Yb1Pod1USatFXbudsCQ_2XQmcKQeAKr3KM_IAjKjRg8wWqSWePrj1XyiD2Gj-IaFSesoEmH_osZmdQ-9haL2ChiNB1OmKvgRqIgVFbTS2xUWSpWAN7Grlj/s400/EmployeeGPSLocationPunch.png" width="400" /></a></div>
<br />
<h2 style="text-align: left;">
<span style="font-weight: normal;">HTML5 and Geolocation API</span></h2>
HTML5 comes with Geolocation API which allows user to provide their location to the web application. This is totally secure and user will always be asked for permission whether or not to provide information about their location.<br />
<br />
The Geolocation API is provided with <b>navigator.geolocation</b> object of the BOM (Browser Object Model)<br />
<h3 style="text-align: left;">
<span style="font-weight: normal;">
Current Position</span></h3>
To obtain the user's current location, you can call the <b><i>getCurrentPosition()</i></b> method of the geolocation object. It takes the success function as first parameter which setups position object in the function argument. The second parameter is an error function which setups error object in the function argument.<br />
<br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">navigator.geolocation.getCurrentPosition(<span style="color: #007020; font-weight: bold;">function</span>(position) {
}, <span style="color: #007020; font-weight: bold;">function</span>(error) {
});
</pre>
</div>
<div>
<br /></div>
We can get the longitude and latitude from this position object as:<div>
<i>position.coords.latitude </i></div>
<div>
<i>position.coords.longitude</i><br /><h3 style="text-align: left;">
<span style="font-weight: normal;">
Watch Position</span></h3>
If the position data changes (either by device movement or if more accurate geo information arrives), you can set up a callback function that is called with that updated position information. This is done using the <i><b>watchPosition()</b></i> function, which has the same input parameters as <b><i>getCurrentPosition()</i></b>.<br />
<br />
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #007020; font-weight: bold;">var</span> watchID <span style="color: #666666;">=</span> navigator.geolocation.watchPosition(<span style="color: #007020; font-weight: bold;">function</span>(position) {
});<span style="font-family: "times new roman";"><span style="font-size: 18.72px; white-space: normal;">
</span></span></pre>
</div>
<div>
<br /></div>
We can use the watchid value in tandem with the clearWatch() method to stop watching the user's location.<br />
<div>
<br /></div>
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">navigator.geolocation.clearWatch(watchID);
</pre>
</div>
<div>
<br />
<h3 style="text-align: left;">
<span style="font-weight: normal;">
Demo Source Code</span></h3>
<div style="overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #007020;"><!DOCTYPE html></span>
<span style="color: #062873; font-weight: bold;"><html</span> <span style="color: #4070a0;">lang="en"</span><span style="color: #062873; font-weight: bold;">></span>
<span style="color: #062873; font-weight: bold;"><head></span>
<span style="color: #062873; font-weight: bold;"><meta</span> <span style="color: #4070a0;">charset="UTF-8"</span><span style="color: #062873; font-weight: bold;">></span>
<span style="color: #062873; font-weight: bold;"></head></span>
<span style="color: #062873; font-weight: bold;"><body></span>
<span style="color: #062873; font-weight: bold;"><div</span> <span style="color: #4070a0;">id="geo-wrapper"</span> <span style="color: #4070a0;">width="600"</span> <span style="color: #4070a0;">height="400"</span><span style="color: #062873; font-weight: bold;">></div></span>
<span style="color: #062873; font-weight: bold;"><span</span> <span style="color: #4070a0;">id="geo-error"</span><span style="color: #062873; font-weight: bold;">></span></span>
<span style="color: #062873; font-weight: bold;"><script </span><span style="color: #4070a0;">type="text/javascript"</span> <span style="color: #4070a0;">src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"</span><span style="color: #062873; font-weight: bold;">></script></span>
<span style="color: #062873; font-weight: bold;"><script </span><span style="color: #4070a0;">src="http://maps.google.com/maps/api/js?sensor=false"</span><span style="color: #062873; font-weight: bold;">></script></span>
<span style="color: #062873; font-weight: bold;"><script></span>
$(<span style="color: #007020; font-weight: bold;">function</span>(){
<span style="color: #007020; font-weight: bold;">if</span>(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(show_map,show_map_error);
}
<span style="color: #007020; font-weight: bold;">else</span>
{
$(<span style="color: #4070a0;">"#geo-error"</span>).html(<span style="color: #4070a0;">'Your browser does not support geolocation.'</span>);
}
});
<span style="color: #007020; font-weight: bold;">function</span> show_map(loc){
<span style="color: #007020; font-weight: bold;">var</span> lat <span style="color: #666666;">=</span> loc.coords.latitude;
<span style="color: #007020; font-weight: bold;">var</span> lon <span style="color: #666666;">=</span> loc.coords.longitude;
<span style="color: #007020; font-weight: bold;">var</span> lat_lon <span style="color: #666666;">=</span> <span style="color: #007020; font-weight: bold;">new</span> google.maps.LatLng(lat,lon);
mapholder <span style="color: #666666;">=</span> <span style="color: #007020;">document</span>.getElementById(<span style="color: #4070a0;">'geo-wrapper'</span>)
mapholder.style.height <span style="color: #666666;">=</span> <span style="color: #4070a0;">'250px'</span>;
mapholder.style.width <span style="color: #666666;">=</span> <span style="color: #4070a0;">'500px'</span>;
<span style="color: #007020; font-weight: bold;">var</span> mapOptions <span style="color: #666666;">=</span> {
center<span style="color: #666666;">:</span>lat_lon,
zoom<span style="color: #666666;">:</span><span style="color: #40a070;">14</span>,
mapTypeId<span style="color: #666666;">:</span>google.maps.MapTypeId.ROADMAP,
mapTypeControl<span style="color: #666666;">:</span><span style="color: #007020; font-weight: bold;">false</span>,
navigationControlOptions<span style="color: #666666;">:</span>{style<span style="color: #666666;">:</span>google.maps.NavigationControlStyle.SMALL}
}
<span style="color: #007020; font-weight: bold;">var</span> map <span style="color: #666666;">=</span> <span style="color: #007020; font-weight: bold;">new</span> google.maps.Map(<span style="color: #007020;">document</span>.getElementById(<span style="color: #4070a0;">"geo-wrapper"</span>), mapOptions);
<span style="color: #007020; font-weight: bold;">var</span> marker <span style="color: #666666;">=</span> <span style="color: #007020; font-weight: bold;">new</span> google.maps.Marker({position<span style="color: #666666;">:</span>lat_lon, map<span style="color: #666666;">:</span>map, title<span style="color: #666666;">:</span><span style="color: #4070a0;">"You are here.!"</span>});
}
<span style="color: #007020; font-weight: bold;">function</span> show_map_error(error){
<span style="color: #007020; font-weight: bold;">var</span> x <span style="color: #666666;">=</span> <span style="color: #007020;">document</span>.getElementById(<span style="color: #4070a0;">"geo-error"</span>);
<span style="color: #007020; font-weight: bold;">switch</span>(error.code) {
<span style="color: #007020; font-weight: bold;">case</span> error.PERMISSION_DENIED<span style="color: #666666;">:</span>
x.innerHTML <span style="color: #666666;">=</span> <span style="color: #4070a0;">"User denied the request for Geolocation."</span>
<span style="color: #007020; font-weight: bold;">break</span>;
<span style="color: #007020; font-weight: bold;">case</span> error.POSITION_UNAVAILABLE<span style="color: #666666;">:</span>
x.innerHTML <span style="color: #666666;">=</span> <span style="color: #4070a0;">"Location information is unavailable."</span>
<span style="color: #007020; font-weight: bold;">break</span>;
<span style="color: #007020; font-weight: bold;">case</span> error.TIMEOUT<span style="color: #666666;">:</span>
x.innerHTML <span style="color: #666666;">=</span> <span style="color: #4070a0;">"The request to get user location timed out."</span>
<span style="color: #007020; font-weight: bold;">break</span>;
<span style="color: #007020; font-weight: bold;">case</span> error.UNKNOWN_ERROR<span style="color: #666666;">:</span>
x.innerHTML <span style="color: #666666;">=</span> <span style="color: #4070a0;">"An unknown error occurred."</span>
<span style="color: #007020; font-weight: bold;">break</span>;
}
}
<span style="color: #062873; font-weight: bold;"></script></span>
<span style="color: #062873; font-weight: bold;"></body></span>
<span style="color: #062873; font-weight: bold;"></html></span>
</pre>
</div>
<br />
<u>You can get the below code in Github Gist also -</u><br />
<a href="https://gist.github.com/satya-jugran/af36aec8672ce155ee03476bab87da6b">https://gist.github.com/satya-jugran/af36aec8672ce155ee03476bab87da6b</a></div>
</div>
</div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-82192071078508442512017-03-18T22:06:00.000+05:302017-10-30T14:59:10.702+05:30Top features of Visual Studio 2017 you should know<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKZvyrZK09pcP_OG1XHBLRwteKiyIV-WtdEXDwpgT6UQTkV-JZPkY_joqUlxH5teBgy-7j-4j39u0YPlj_vHNimoQflTe_-vGjxvK4RoHjowvs07Ynr_hdSOLBlKYOkPAg3ft2wzzD2B-7/s640/VS2017.png" /></div>
<br />
<span style="font-size: large;">V</span><b>isual Studio 2017</b> has arrived with brand new features and enhancements which will make the software development more easier and quicker. With some of its new features, it is going the give a better development experience from it's predecessor's versions. Following are the top introduced and enhanced features of Visual Studio 2017.<br />
<br />
You can go through Visual Studio 2017 official home page for detail features description. I have highlighted here those features in short just to have a feel what VS 2017 is providing.<br />
<br />
<h4 style="text-align: left;">
1. Advance IntelliSense</h4>
The intellisense has been improved a lot in Visual Studio 2017 with the introduction of prediction algorithm. For example, you can now type "this.LC" and it will show "LoadComplete" in the autocomplete list.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqndzXzOcaNpTw_QDV739CEV3-ePeoYEjLjOSrH33i5iRrF1nQCDW_sKC7LYLUWn2s_viUkLBvnOOIyMX4tTL-GLCsaRSxfpYNAzXu1FWhebXoKwc04xAHKxiBhoR2T2-WItDQKSAAhTG5/s1600/VS2017RC-IntellisenseMatchHighlightCSharp.png" imageanchor="1"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqndzXzOcaNpTw_QDV739CEV3-ePeoYEjLjOSrH33i5iRrF1nQCDW_sKC7LYLUWn2s_viUkLBvnOOIyMX4tTL-GLCsaRSxfpYNAzXu1FWhebXoKwc04xAHKxiBhoR2T2-WItDQKSAAhTG5/s400/VS2017RC-IntellisenseMatchHighlightCSharp.png" width="400" /></a><br />
<br />
<h4 style="text-align: left;">
2. Fast Code Navigation</h4>
GoTo feature has been improved with fast navigation which will quickly highlight the types and it's references in the code base.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK69X8JTp0UdWjAwJHK7DoqqOCGa5bgfn0IwyH7UwtPHLsvKaccjc_GGnYdKAD8Tl_xY0BYWZ2YTBCYPPGtmII05P1_vDIcN2DIdvjxSY0DGXzM7GHbZZ48lXdkoTYt_ZuSQFXi4mcAbRE/s1600/GoToAll.png" imageanchor="1"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK69X8JTp0UdWjAwJHK7DoqqOCGa5bgfn0IwyH7UwtPHLsvKaccjc_GGnYdKAD8Tl_xY0BYWZ2YTBCYPPGtmII05P1_vDIcN2DIdvjxSY0DGXzM7GHbZZ48lXdkoTYt_ZuSQFXi4mcAbRE/s400/GoToAll.png" width="400" /></a><br />
<br />
<h4 style="text-align: left;">
3. Connected Services</h4>
With Connected Services, you can see and connect to external could apps more easily. Azure apps, Office 356 and Hockey apps connectivity has been improved to manage your application.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhakMK9Liqpu0IZga9jQnKTBnn2WYh6U98Y12sVKOPq7GddhHzke97_uDkG-JMIRU-U4cGs8JURuhwwLxd7xlmAJf_3JYky2z4RR7SjWZ-B5Hc8AZcDyNgrywAP0J9vLn85OiUqHqSHCz0K/s1600/connectedservices.png" imageanchor="1"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhakMK9Liqpu0IZga9jQnKTBnn2WYh6U98Y12sVKOPq7GddhHzke97_uDkG-JMIRU-U4cGs8JURuhwwLxd7xlmAJf_3JYky2z4RR7SjWZ-B5Hc8AZcDyNgrywAP0J9vLn85OiUqHqSHCz0K/s400/connectedservices.png" width="400" /></a><br />
<br />
<h4 style="text-align: left;">
4. Environment Synchronization</h4>
It's now more easy to migrate your development environment settings to different workstations. This includes but not limited to settings, preferences and development extensions.<br />
<br />
<h4 style="text-align: left;">
5. Live Code Analysis</h4>
No need to integrate with code analysis tools or wait to develop, build and see code analysis errors post build. With live code analysis, the IDE immediately give you the code analysis feedback and suggestions with standard coding style and best coding practices as you write your code.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSpg-AJQsEYGSgDIj_ijrHFOSlwvzHLLkXGgDFdIcHlhndscs3qk1pOI-m9Y4KvEng6bw6VQ0ek6DJmbyEovsFeX8hYmiBJIMfyiX4k-3adcBIvREr5mv2GBwFKX85qzFZNJTFLnFNwxT/s1600/IC764560.jpeg" imageanchor="1"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSpg-AJQsEYGSgDIj_ijrHFOSlwvzHLLkXGgDFdIcHlhndscs3qk1pOI-m9Y4KvEng6bw6VQ0ek6DJmbyEovsFeX8hYmiBJIMfyiX4k-3adcBIvREr5mv2GBwFKX85qzFZNJTFLnFNwxT/s400/IC764560.jpeg" width="400" /></a><br />
<br />
<h4>
6. Xamarin Profiler</h4>
Building mobile apps in Visual Studio. This feature provides you with an enhance profiler dashboard where in you can see lots of stuffs regarding optimization, memory allocations, performance etc.<br />
<br />
<h4 style="text-align: left;">
7. Debugging</h4>
"Run To Click" to execute any line of code without putting a debugging symbol there and "Exception Helper" that provides suggestions about exceptions that might occur at some line of code, has been introduced for better debugging support.<br />
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h4 style="text-align: left;">
8. Live unit testing</h4>
You can setup to run unit test case to run at the background while you are changing your code. This will give you immediate feedback about the test case results.<br />
<br />
<h4 style="text-align: left;">
9. Workloads</h4>
Are you installing Visual Studio for a specific work? Just select a specific workload (.Net desktop development, Desktop development with C++, ASP.Net and Web development etc). This will install minimal components required for that workload specific development tasks. It will install very less components as compared to Visual Studio 2015.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga0CWNk6GPpdfr9rTpcxRNZCL5ZlvxjwmeWRH9YOxqol5xSGTQMDuRe0618FnLgXQ3R1P93OkKmKdipb8Y27Ex_8E29rgK7lT2MfoK8daAEIfTBeahqWvusl52myUxV8ri3rNqpdePqNyO/s1600/New-Installer-Bigger-Size-Screenshot.png" imageanchor="1"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga0CWNk6GPpdfr9rTpcxRNZCL5ZlvxjwmeWRH9YOxqol5xSGTQMDuRe0618FnLgXQ3R1P93OkKmKdipb8Y27Ex_8E29rgK7lT2MfoK8daAEIfTBeahqWvusl52myUxV8ri3rNqpdePqNyO/s400/New-Installer-Bigger-Size-Screenshot.png" width="400" /></a><br />
<h4 style="text-align: left;">
10. Developer tools in a nutshell</h4>
Integrated powershell, Docker and Continuous integration tools that will give a development team a richer dev experience.<br />
<br />
<h4 style="text-align: left;">
11. Language Improvements</h4>
C# 7 : Enhancements in Tuples, expression bodied members, throw expressions, Pattern matching, numeric literal syntax, inline out variables.<br />
C++ : Cross-platform build, Direct-X, latest C++ standards, improved compiler with code analysis, better security.<br />
Typescript : All latest enhancements of Typescript included.<br />
Azure CLI : Better integration with Azure Cloud and apps using Azure CLI.<br />
<br />
<span style="font-size: large;">If you find it useful, please share and subscribe to pass on this information. Thanks!</span></div>
Satya Jugranhttp://www.blogger.com/profile/02579918194785863102noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-62829840626399598132017-03-17T22:53:00.000+05:302017-03-17T22:59:46.693+05:30How to make CORS request from Chrome/IE/Firefox?It is sometimes required to quickly check weather you are able to make a RESTful request to the API. You can quickly make a CORS request from Chrome console or IE console or Firefox console without using any tool. It will also help to quickly test weather there is any preflight or CORS error or not.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrB7wndxRIvHuR1PScyNLs6katt6bq9wpeSsyZhQLFYrXgUg8F4T_W0LeVrNA_2L2T2RepwR8cbZO0HRZWfWc1agXMOPyB4VqU4lFTExXldR53VBtoEgzMZQzclf8_MxHGWCVQmHWY5I0/s1600/How+to+make+CORS+request+from+Chrome-IE-Firefox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrB7wndxRIvHuR1PScyNLs6katt6bq9wpeSsyZhQLFYrXgUg8F4T_W0LeVrNA_2L2T2RepwR8cbZO0HRZWfWc1agXMOPyB4VqU4lFTExXldR53VBtoEgzMZQzclf8_MxHGWCVQmHWY5I0/s320/How+to+make+CORS+request+from+Chrome-IE-Firefox.jpg" width="320" /></a></div>
<br />
<br />
Copy the below two javascript functions to the browser console and hit enter.<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #008800; font-weight: bold;">function</span> createCORSRequest(method, url) {
<span style="color: #008800; font-weight: bold;">var</span> xhr <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> XMLHttpRequest();
<span style="color: #008800; font-weight: bold;">if</span> (<span style="background-color: #fff0f0;">"withCredentials"</span> <span style="color: #008800; font-weight: bold;">in</span> xhr) {
<span style="color: #888888;">// XHR for Chrome/Firefox/Opera/Safari.</span>
xhr.open(method, url, <span style="color: #008800; font-weight: bold;">true</span>);
} <span style="color: #008800; font-weight: bold;">else</span> <span style="color: #008800; font-weight: bold;">if</span> (<span style="color: #008800; font-weight: bold;">typeof</span> XDomainRequest <span style="color: #333333;">!=</span> <span style="background-color: #fff0f0;">"undefined"</span>) {
<span style="color: #888888;">// XDomainRequest for IE.</span>
xhr <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> XDomainRequest();
xhr.open(method, url);
} <span style="color: #008800; font-weight: bold;">else</span> {
<span style="color: #888888;">// CORS not supported.</span>
xhr <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">null</span>;
}
<span style="color: #008800; font-weight: bold;">return</span> xhr;
}
<span style="color: #008800; font-weight: bold;">function</span> makeCorsRequest(url) {
<span style="color: #888888;">// This is a sample server that supports CORS.</span>
<span style="color: #008800; font-weight: bold;">var</span> xhr <span style="color: #333333;">=</span> createCORSRequest(<span style="background-color: #fff0f0;">'GET'</span>, url);
<span style="color: #008800; font-weight: bold;">if</span> (<span style="color: #333333;">!</span>xhr) {
console.log(<span style="background-color: #fff0f0;">'CORS not supported'</span>);
<span style="color: #008800; font-weight: bold;">return</span>;
}
<span style="color: #888888;">// Response handlers.</span>
xhr.onload <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">function</span>() {
<span style="color: #008800; font-weight: bold;">var</span> text <span style="color: #333333;">=</span> xhr.responseText;
console.log(<span style="background-color: #fff0f0;">'Response from CORS request to '</span> <span style="color: #333333;">+</span> url);
};
xhr.onerror <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">function</span>() {
console.log(<span style="background-color: #fff0f0;">'Woops, there was an error making the request.'</span>);
};
xhr.send();
}
</pre>
</div>
<br />
Now, you can make a CORS request by calling the makeCorsRequest(<url>) function.<br />
<br />
<pre style="line-height: 16.25px;">makeCorsRequest("https://example.com/api/GetResults?id=1");</pre>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-71019775954102990662017-03-14T22:20:00.001+05:302017-07-30T10:58:14.474+05:30List of projects topics for Computer Science and IT Students<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilGVhB4EWhTefEBLN_9vnj6RasyBYemFGsnbvzWDxhQDPvVhEk0V_LwjUNYiD1AffojpQQLOJ8vGWwn8kVY2DZd1QmJ2R0IF3OIUJB2w2BQKIBIfBY6GyTJaIPdHY3j8nKMaNL2pG2QWC/s1600/web-technologies.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilGVhB4EWhTefEBLN_9vnj6RasyBYemFGsnbvzWDxhQDPvVhEk0V_LwjUNYiD1AffojpQQLOJ8vGWwn8kVY2DZd1QmJ2R0IF3OIUJB2w2BQKIBIfBY6GyTJaIPdHY3j8nKMaNL2pG2QWC/s320/web-technologies.png" width="320" /></a></div>
<br />
<h4>
This is the list of projects topics for Computer Science and I.T. studying students. You can opt one of the below mentioned topics for your project.</h4>
<ol class="list-group">
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Automation of an existing Accounting/Sales/Production system in a company industry</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Signature / Finger print Verification System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Traffic Management System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> City transport Management System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Remote Talk Utility development</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Dynamic information Server</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Web based Tele shopping / telemarketing System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Student Management System for School/College</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Designing of MIS</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Web Server for Windows/Unix OS</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Remote login System for Networked System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Drinking water distribution Management System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Online Railway/aviation Reservation System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Railway/Telephone Enquiry System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Website offering information about Computerized Accounting</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Simulation of E-Commerce</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Prototype of a GIS</li>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Intra search – an Intra Net Search System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Prototype for Rental Unit Company</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Adoption of X-Windows/motif to real time application</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Java based electronic Computer Software</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Java based Chat engine/server</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Database engine</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Dynamic Information server(UNISWITCH)</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Graphical utility like screen saver/editor</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Office suite containing word processor/spreadsheet</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Compiler/Interpreter for language/database</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Kernel of an OS / Network OS</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Prototype of a computerized EPBAX System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> A bank money Transaction System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Automatic attendance System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Computer hardware Purchase System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Book distributor order maintenance application</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Merchant house stock management application</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Software Company’s attendance record application</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Hospital management and Maintenance</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> University’s student record application</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Publishing Export house stock maintenance</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Library Database Management System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Passenger Bus Reservation System</li>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Horoscope</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Simulation of Typing tutor</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Telephone Directory</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Telephone Bill Generating application</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Java pad- the text editor</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Website of a publishing house</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Simulation of online personal diary</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Website designing in electronic spare parts</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Jeweler showroom management and maintenance</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Employee pay slip generation System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Label Generation System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Card Trick game</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> E-Commerce shopping application done in java</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Website providing matrimonial services</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Job site</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Account Management</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Automatic Report Scheduler</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Banking - Customer care</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Benefits Processing</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Call Handling System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Charity Fund Raising</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Crime Records System/criminal investigation system</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Customer Support - Service Operations</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Diary Distribution System</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Donor Fund Management</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Event Management</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Extensions Management Systems</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Garbage Collection Disposal</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Model Management Agency</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Radio Taxis</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Retail Outlet Operations</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Retail Supply Chain</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Sales Forecasting Production Planning</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> State Employment Portal</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> SW Project Management</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Audio file format conversion and compression utility</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Voice response/recognition software</li>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4262325767595391"
data-ad-slot="9970526860"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> SMS sending utility</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> E mail handling and management s/w</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Virus scanner software</li>
<li class="list-group-item list-group-item-info"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> Image processing s/w</li>
</ol>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-41409212474100249782017-03-10T00:04:00.000+05:302017-03-11T13:42:43.846+05:30Importance of customers' trust for entrepreneurs<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje8fGA8q5bQ9k4YlwfyadeVZU2fTQLOGKWYnH-1bsTJmqwctjulxHt2fMerrwRJUjSoeHOJBJUdwOW-jCngIkmfObgPUs_5ydzUSyA12z20Ql8Cdi_NGsLAyWuVeNbITeMhg0F_BBuTJGx/s1600/hand-851208_640.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje8fGA8q5bQ9k4YlwfyadeVZU2fTQLOGKWYnH-1bsTJmqwctjulxHt2fMerrwRJUjSoeHOJBJUdwOW-jCngIkmfObgPUs_5ydzUSyA12z20Ql8Cdi_NGsLAyWuVeNbITeMhg0F_BBuTJGx/s200/hand-851208_640.jpg" width="200" /></a></div>
<br />
<h4 style="text-align: center;">
<b>Trust is what that matters the most.</b> </h4>
Does your customer trust you? If not, forget anything else, this this first thing you should do. You have to make your customers realize that why they should trust you. Even if your product/services have some flaws, make your customers realize that you are always there for them, to help them, to listen to them, to serve their needs.<br />
<br />
Are you marketing your product by enumerating the best features and functions it provides, Nah! it takes more than that to build customers' trust.<br />
<br />
OK, let me ask you a question. Who are the people that we actually trust? If we think a bit, we trust our family, close friends, close relatives and the person/brand who is trusted by large community.<br />
Family and friends are fine, but the <b>important question for an Entrepreneur</b> arises here is - How to become a person/brand that is trusted by large community?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLslpySqCY9Tbg3urKGqxY7gLRdBG49xnf9C-J1w_TTxgOnvWexKHQhEHIjc7xHxQQl5qA5Wi4Kld8m1RHbsmrCW-NfuWyl3kb8LO9nchcA5TPi9mMvSoEYD5q7tFSHFyNMtzGkLWDb36K/s1600/customer-service-1641724_640.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLslpySqCY9Tbg3urKGqxY7gLRdBG49xnf9C-J1w_TTxgOnvWexKHQhEHIjc7xHxQQl5qA5Wi4Kld8m1RHbsmrCW-NfuWyl3kb8LO9nchcA5TPi9mMvSoEYD5q7tFSHFyNMtzGkLWDb36K/s200/customer-service-1641724_640.jpg" width="200" /></a></div>
<div style="text-align: center;">
<i>Customer's service 24x7</i></div>
<br />
There may be many theories but the secret is simple.<br />
<div style="text-align: center;">
<h4>
"<b>Make few people trust on you and your product and then apply Recursion</b>"</h4>
</div>
Technology people must be understanding the term Recursion more. Yes, make few customers really trust on you and then ask them to spread their experiences about you and your product to others who trust them. If your customers trust you, believe me they will spread their best experiences to their family and friends. This is very natural because once they trust you, they want their near and dear ones to trust you and your brand too. <b>Here, the trust cycle begins</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzex1AMw1XfMHabLfd03286N0GrP9BMf8FJe9N-nHjitv1HTK8vK-ADeWhLQyqHdNAPyrgThk-H2w6okj6AD7tsDUyTuI_1HajvdoVP1kpj5cxU18NndF__It2UAjoPdLDtRQEXL_fQwLB/s1600/customer-service-1433639_640.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzex1AMw1XfMHabLfd03286N0GrP9BMf8FJe9N-nHjitv1HTK8vK-ADeWhLQyqHdNAPyrgThk-H2w6okj6AD7tsDUyTuI_1HajvdoVP1kpj5cxU18NndF__It2UAjoPdLDtRQEXL_fQwLB/s200/customer-service-1433639_640.png" width="200" /></a></div>
<div style="text-align: center;">
<i><b>Note : Trusted customers grow customers</b></i></div>
<br />
Once your customers starts building other customers, you can move as fast as you can, but I recommend to be slow at initial stages. Why? Let's discuss some consequences and negative sides of it.<br />
<br />
If your trust cycle is broken in a small community you can manage it but if it is broken in large community, <b>it will exponentially grow the negative effect</b>. Building trust takes time but <b>it takes a second to break trust</b>. Your customers' trust may be broken by various reasons, may be you dint treated them well, dint listened to them, when they needed you the most you ignored them, and believe this too - Breaking trust will grow a negative image of you and your products/services that you dint even have and it will grow like a nuclear reaction.<br />
<br />
<b>Remember, being an Entrepreneur</b>, don't think that you have to work for your product and your Enterprise. Instead, think that you have to work for the customers, keep earning their trust and help them in providing an ecosystem just made for them.<br />
<br />Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-52026201042939524252017-02-14T22:37:00.000+05:302017-02-14T22:40:17.796+05:30The Biohub Cell Atlas ProjectThe <span style="font-size: large;"><b>Cell Atlas</b></span> project is an international collaboration to map the cell types of the human body. This is one of the projects of Biohub research center. <b>Biohub </b>is one of the initiatives of <b>Chan Zukerberg Initiatives</b>.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAjQN1AOeRAx-cyIdxGBntcak9P9oVFa5Z9T5vDu270iVB4yC0J8O2DzDwHvZQ_7Cb07XtUSQJ7DQLKiqDi5fQKkZqjU7l78_fiuBoC-NnNjWJPpznP82vMirdY1GDsoHaRIS9cP-Gj-s/s1600/Scientist.jpg" imageanchor="1"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAjQN1AOeRAx-cyIdxGBntcak9P9oVFa5Z9T5vDu270iVB4yC0J8O2DzDwHvZQ_7Cb07XtUSQJ7DQLKiqDi5fQKkZqjU7l78_fiuBoC-NnNjWJPpznP82vMirdY1GDsoHaRIS9cP-Gj-s/s320/Scientist.jpg" width="320" /></a><br />
<h3>
The statement about Cell Atlas project in Biohub website:</h3>
"Mapping every type of cell in the human body is an ambitious goal, but we’re ready for the challenge. It requires biologists, engineers and technologists working as a team—which is why Biohub is the only place to launch this effort right now."<br />
<br />
This is the project that talks about creating a map of all cells in a human body connecting to each other. This map will then eventually be available to researchers around the world who will identify how these cells are controlling every parts of our body.<br />
<br />
This will reveal majority of mysteries inside the human body that would have not been possible earlier. This will help in understanding quickly the root cause of many diseases including the one's whose cure have not been found so far.<br />
<br />
This project have 5 years of unrestricted funding from Chan Zukerberg Initiatives. It collaborates top scientists and engineers around the world and their full potential can be utilized. The whole team is pretty exciting about it and working hard to make it possible.<br />
<h3>
You can read more by visiting the following links:</h3>
1) <a href="https://chanzuckerberg.com/initiatives/"> Chan Zukerberg Initiative (https://chanzuckerberg.com/initiatives). </a><br />
<br />
2) <a href="https://czbiohub.org/projects/cell-atlas/"> Biohub Cell Atlas (https://czbiohub.org/projects/cell-atlas)</a><br />
<br />
3) <a href="https://www.facebook.com/chanzuckerberginitiative/"> Facebook (https://www.facebook.com/chanzuckerberginitiative) </a><br />
<br />Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-76304905013486387642017-02-13T01:52:00.000+05:302017-02-17T18:29:26.179+05:30Fill the details and create your story.<div class="row">
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-4">
<img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYv0pCsddDBkM4jwgoL-Cay2qItpFgrYUoqLtg6oVSeZjRfNK1M0tEMnQNW1B9JiHQe__qFEq3HWdkuHYD7M7t_iNcm2kQCfd3m4CUcZWqXtukgGq6Wi2SrQygbl59edGCczDoGPOY-JFK/s200/whats_your_story.jpg" width="200" />
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
Fill-in each of the following empty fields using your own personal data
and then click on "Write Story." You will surely get a blast of laugh while reading. So Enjoy..!!!
</div>
</div>
<br />
<form>
<div align="center">
<center>
<table>
<tbody>
<tr>
<td align="RIGHT">First Name:</td>
<td><input name="firstName" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">Something to Hide Behind:</td>
<td><input name="plant" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Last Name:</td>
<td><input name="lastName" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">Friend's First Name:</td>
<td><input name="friend" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Male or Female:</td>
<td><input name="gender" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">A Piece of Furniture:</td>
<td><input name="furn" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Age:</td>
<td><input name="age" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">A word expressing Anger:</td>
<td><input name="cuss" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Mother's First Name:</td>
<td><input name="mom" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">Your Favorite Beverage:</td>
<td><input name="drink" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Your Favorite Color:</td>
<td><input name="color" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">A Room in Your House:</td>
<td><input name="room" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Your City:</td>
<td><input name="city" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">Your Favorite Hobby:</td>
<td><input name="hobby" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Your State:</td>
<td><input name="state" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">Your Father's Name:</td>
<td><input name="dad" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Type of animal:</td>
<td><input name="animal" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">Your Favorite Store:</td>
<td><input name="store" size="15" type="text" /></td>
</tr>
<tr>
<td align="RIGHT">Favorite TV Show:</td>
<td><input name="tv" size="15" type="text" /></td>
<td></td>
<td align="RIGHT">Word to Describe Someone's Rear-End:</td>
<td><input name="butt" size="15" type="text" /></td>
</tr>
</tbody></table>
</center>
</div>
<div align="center">
<center>
<input onclick="compute(this.form)" type="button" value="Write Story" /><input onclick="ClearForm(this.form)" type="button" value="Erase Story" /><input onclick="ClearData(this.form)" type="button" value="Erase Data" /><br /><br />
</center>
</div>
<div align="center">
<center>
<input name="title" size="64" type="text" /> <textarea cols="60" name="story" rows="6" wrap="virtual"></textarea> <br />
</center>
</div>
</form>
<script language="JavaScript">
<!--- hide from old browsers --->
function jumpBox(list) {
location.href = list.options[list.selectedIndex].value
}
//1997 All Rights Reserved, Daniel C. Peterson
//For commercial user rates please email a quote request to
//webmaster@webwinder.com
function compute(form) {
form.title.value = ("''A SHORT STORY,'' by " + form.firstName.value + " " + form.lastName.value);
if(form.gender.value == "Male" || form.gender.value == "male") {var boyGirl = "boy"} else {var boyGirl = "girl"};
if(form.gender.value == "Male" || form.gender.value == "male") {var heShe = "he"} else {var heShe = "she"};
if(form.gender.value == "Male" || form.gender.value == "male") {var hisHer = "his"} else {var hisHer = "her"};
if(form.gender.value == "Male" || form.gender.value == "male") {var himHer = "him"} else {var himHer = "her"};
var pet = form.color.value + " " + form.animal.value
form.story.value = ("Once upon a time there was a young " + boyGirl + " named " + form.firstName.value + ". " + form.firstName.value + " was " + form.age.value + " years old and lived in " + form.city.value + ", " + form.state.value + ". While walking home from school one day, a " + pet + " jumped out from behind a " + form.plant.value + " and tackled " + form.firstName.value + " to the ground. But just when " + heShe + " was about to let out a scream for help, " + form.firstName.value + " realized that the " + pet + " was only licking " + hisHer + " face, not trying to bite it off. At that moment, " + form.firstName.value + " decided to keep the " + pet + " as a pet. And on the way home " + heShe + " decided to name " + hisHer + " pet " + pet + " ''" + form.friend.value + ".'' When " + form.firstName.value + " and " + hisHer + " new pet finally got home, guess who was standing on the front porch? That's right, it was " + form.firstName.value + "'s mother, " + form.mom.value + ". And boy was she surprised to see a " + pet + " following " + form.firstName.value + " into the yard! ''What in world is that?'' shouted " + form.mom.value + ". ''It's a " + pet + ",'' answered " + form.firstName.value + ". ''Dah, I can see that, " + form.firstName.value + ", but what on earth is it doing here?'' said " + form.mom.value + ". ''It's my new pet!'' answered " + form.firstName.value +". ''Oh you think so do you?'' remarked " + form.mom.value + ". ''I wouldn't get your hopes up. You know how your father hates " + pet + "s. But, well, I suppose you can keep him until your father comes home.'' And with that " + form.firstName.value + " grabbed " + form.friend.value + " by the scruff of the neck and led " + hisHer + " new pet into the house--even though " + heShe + " knew " + hisHer + " father was probably going to dissaprove. Once in the house, " + form.firstName.value + " and " + form.friend.value + " played and played, that is until " + form.firstName.value + "'s favorite television show, ''"+ form.tv.value + ",'' started. At that point " + form.firstName.value + " forgot all about " + form.friend.value + " having an unsupervised run of the house. That is until half way through ''" + form.tv.value + ",'' when " + form.firstName.value + " was brought back to reality when " + heShe + " heard " + hisHer + " father shout, ''" + form.cuss.value + "!! " + form.firstName.value + "! Get your " + form.butt.value + " in the " + form.room.value + "...NOW!!'' With that " + form.firstName.value + " rushed into the " + form.room.value + " to see what all the fuss was about. When " + heShe + " entered the " + form.room.value + ", there stood " + hisHer + " father, " + form.dad.value + ", pointing toward the " + form.furn.value + ". ''Will someone please explain that?'' asked " + hisHer + " father. Then, as " + form.firstName.value + " followed " + hisHer + " father's finger to where it was pointing, " + heShe + " instantly knew what " + hisHer + " father was so upset about. There, smack dab in the middle of the " + form.furn.value + ", was the biggest pile of " + form.animal.value + " doo-doo " + heShe + " had ever seen! ''I don't EVEN want to know how that got there,'' said " + form.dad.value + ". ''But you had better get it cleaned up now! And you had better get rid of whatever it is that could have done such a thing!'' Well, knowing " + hisHer + " father as well as " + heShe + " did, " + form.firstName.value + " knew there was no sense even asking " + hisHer + " father if " + heShe + " could keep " + form.friend.value + " for a pet. So without hesitation, " + form.firstName.value + " set out to find where " + form.friend.value + " was hiding. After a few minutes of looking, " + form.firstName.value + " discovered " + form.friend.value + " crouched beneath the table that " + form.firstName.value + " did " + hisHer + " " + form.hobby.value + " on. ''Come on, " + form.friend.value + ", it's time to find you a new home. And hey, don't look at me that way, I'm not the one who did the dirty deed on the " + form.furn.value + "!'' scolded " + form.firstName.value + ". ''Thanks to you I'll never get to have my own pet " + form.animal.value + "!! And with that " + form.firstName.value + " led " + form.friend.value + " out of the house and down to the local " + form.store.value + ". They had a pet section and " + form.firstName.value + " knew the owner would find " + form.friend.value + " a good home. So after saying good-bye to " + form.friend.value + ", and thanking the owner of " + form.store.value + ", " + form.firstName.value + " walked backed home and attempted to dround " + hisHer + " sorrows by slamming down a half dozen " + form.drink.value + "s. But " + form.firstName.value + "'s pitty party came to an abrupt end when " + hisHer + " father reminded " + himHer + " about the mess " + heShe + " had neglected to clean up. And low and behold, midway through the clean-up, " + form.firstName.value + " suddenly became thankful that someone else was going to have to do it from now on. The End.");
}
function ClearForm(form) {
form.story.value = "";
form.title.value = "";
}
function ClearData(form) {
form.firstName.value = "";
form.lastName.value = "";
form.color.value = "";
form.drink.value = "";
form.city.value = "";
form.state.value = "";
form.mom.value = "";
form.dad.value = "";
form.animal.value = "";
form.friend.value = "";
form.store.value = "";
form.furn.value = "";
form.hobby.value = "";
form.room.value = "";
form.cuss.value = "";
form.plant.value = "";
form.age.value = "";
form.gender.value = "";
form.butt.value = "";
form.tv.value = "";
}
<!-- done hiding from old browsers -->
</script>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-77272967391774111482017-02-13T01:40:00.000+05:302017-02-13T02:17:12.283+05:30Mind guesser<h3 style="text-align: center;">
Get ready to freak out!</h3>
* Please follow the instructions below carefully.<br />
<br />
Go through each step first before pressing the below button, or you'll only ruin everything!<br />
<br />
<ol>
<li>Think of a number between 1 and 10.</li>
<li>Multiply the number by 9.</li>
<li>Add the digits of your result.</li>
<li>Subtract 5 from your new number.</li>
<li>Find the letter that corresponds to your number, if 1 = A, 2 = B, 3 = C, etc.</li>
<li>Think of a country that begins with your letter.</li>
<li>Write down the name of that country.</li>
<li>Think of an animal beginning with the second letter of your country.</li>
<li>Think of the color of that animal.</li>
<li>Write down the animal and its color.</li>
<li>Think of an animal that begins with the last letter of your country.</li>
<li>Think of a fruit that begins with the last letter of this second animal.</li>
<li>Write down the fruit and the animal.</li>
<li>Now, if you are finished, click analyze.</li>
</ol>
<div>
<br /></div>
<form name="scroll_form">
<input name="button_one" onclick="scroll_text()" type="button" value="Analyze..." />
<input name="field" size="50" type="text" /></form>
<script language="JavaScript">
<!--
var display_text = "Sadly, Denmark is an unlikely place "
+ "to find gray elephants and orange kangaroos! "
+ " There are more cool stuff like this "
+ "throughout my site! Check 'em out!!!!!!!!!!"
var display_text; var place; var meter;
var out = " "; var place = 50;
function scroll_text(){
for (meter = 0; meter < place; meter++){
out += " "
}
if (place >= 0)
out += display_text
else out = display_text.substring(-place,display_text.length)
document.scroll_form.field.value = out
out = " "
place--
if (place < -(display_text.length)){
place = 50
}
setTimeout('scroll_text()',100)
}
// -->
</script> Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-67156098560855421712017-02-13T00:57:00.000+05:302017-02-13T02:14:20.117+05:30The Breakout Game<h2>
Instruction to play</h2>
<div>
Click on the game. Move the arrow keys left and right to save the ball from dropping. The more bricks will break, the more point you will score. So, clear all bricks and win. Let's play.!<br />
<input type="button" class="btn btn-primary" onClick="play()" value="Start"/>
<br /></div>
<canvas height="320" id="myCanvas" width="480"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var ballRadius = 10;
var x = canvas.width/2;
var y = canvas.height-30;
var dx = 2;
var dy = -2;
var paddleHeight = 10;
var paddleWidth = 75;
var paddleX = (canvas.width-paddleWidth)/2;
var rightPressed = false;
var leftPressed = false;
var brickRowCount = 5;
var brickColumnCount = 3;
var brickWidth = 75;
var brickHeight = 20;
var brickPadding = 10;
var brickOffsetTop = 30;
var brickOffsetLeft = 30;
var score = 0;
var lives = 3;
var bricks = [];
for(c=0; c<brickColumnCount; c++) {
bricks[c] = [];
for(r=0; r<brickRowCount; r++) {
bricks[c][r] = { x: 0, y: 0, status: 1 };
}
}
document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);
document.addEventListener("mousemove", mouseMoveHandler, false);
function keyDownHandler(e) {
if(e.keyCode == 39) {
rightPressed = true;
}
else if(e.keyCode == 37) {
leftPressed = true;
}
}
function keyUpHandler(e) {
if(e.keyCode == 39) {
rightPressed = false;
}
else if(e.keyCode == 37) {
leftPressed = false;
}
}
function mouseMoveHandler(e) {
var relativeX = e.clientX - canvas.offsetLeft;
if(relativeX > 0 && relativeX < canvas.width) {
paddleX = relativeX - paddleWidth/2;
}
}
function collisionDetection() {
for(c=0; c<brickColumnCount; c++) {
for(r=0; r<brickRowCount; r++) {
var b = bricks[c][r];
if(b.status == 1) {
if(x > b.x && x < b.x+brickWidth && y > b.y && y < b.y+brickHeight) {
dy = -dy;
b.status = 0;
score++;
if(score == brickRowCount*brickColumnCount) {
alert("YOU WIN, CONGRATS!");
document.location.reload();
}
}
}
}
}
}
function drawBall() {
ctx.beginPath();
ctx.arc(x, y, ballRadius, 0, Math.PI*2);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();
}
function drawPaddle() {
ctx.beginPath();
ctx.rect(paddleX, canvas.height-paddleHeight, paddleWidth, paddleHeight);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();
}
function drawBricks() {
for(c=0; c<brickColumnCount; c++) {
for(r=0; r<brickRowCount; r++) {
if(bricks[c][r].status == 1) {
var brickX = (r*(brickWidth+brickPadding))+brickOffsetLeft;
var brickY = (c*(brickHeight+brickPadding))+brickOffsetTop;
bricks[c][r].x = brickX;
bricks[c][r].y = brickY;
ctx.beginPath();
ctx.rect(brickX, brickY, brickWidth, brickHeight);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();
}
}
}
}
function drawScore() {
ctx.font = "16px Arial";
ctx.fillStyle = "#0095DD";
ctx.fillText("Score: "+score, 8, 20);
}
function drawLives() {
ctx.font = "16px Arial";
ctx.fillStyle = "#0095DD";
ctx.fillText("Lives: "+lives, canvas.width-65, 20);
}
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawBricks();
drawBall();
drawPaddle();
drawScore();
drawLives();
collisionDetection();
if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) {
dx = -dx;
}
if(y + dy < ballRadius) {
dy = -dy;
}
else if(y + dy > canvas.height-ballRadius) {
if(x > paddleX && x < paddleX + paddleWidth) {
dy = -dy;
}
else {
lives--;
if(!lives) {
alert("GAME OVER");
document.location.reload();
}
else {
x = canvas.width/2;
y = canvas.height-30;
dx = 3;
dy = -3;
paddleX = (canvas.width-paddleWidth)/2;
}
}
}
if(rightPressed && paddleX < canvas.width-paddleWidth) {
paddleX += 7;
}
else if(leftPressed && paddleX > 0) {
paddleX -= 7;
}
x += dx;
y += dy;
requestAnimationFrame(draw);
}
var play = function(){draw();};
</script>Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-39449542753519712502017-02-12T11:08:00.001+05:302017-02-17T18:13:39.222+05:30Super Mario Flash<h4>
Playing instructions (keyboard):</h4>
<div style="font-weight: normal;">
<b>Select </b>: Mouse Click | <b>Move </b>: Left/Right keys | <b>Jump </b>: Up key | <b>Crouch </b>: Down key | <b>Fireballs</b>: Space</div>
<div style="font-weight: normal;">
<br />
Thanks to Nintendo. Get nostalgic and Enjoy! :)<br />
Note : It may not run on Mobile browser due to plugin unavailability. Recommended to play in PC only.</div>
<div style="font-weight: normal;">
<br />
<br /></div>
<div style="height: 500px; width: 100%;">
<object data="//files.crazygames.com/supermarioflash.swf" height="100%" id="GameEmbedSWF" type="application/x-shockwave-flash" width="100%"><param name="allowScriptAccess" value="always"><param name="allowNetworking" value="all"><param name="quality" value="high"><param name="bgcolor" value="#FFF"></object>
</div>
<br />
<h4>
* Please don't forget to share with your friends and family.! Thanks for playing.!
</h4>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-24947103113550153382017-02-12T02:47:00.001+05:302017-02-12T02:47:20.019+05:30What are the functions of F1 to F12 keys?<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOrk54fCyMF7uO949LRTfiG807u__Te37LFgqRa0IvZiW3JASKIZP-US5U_rkHdQhL9Hku3Z5awqgym7QA8mr60AOsZdNsQBWCtl1TRjxNpjDkecxKesf4Qgurshx9y0o-ZLaBr5olS2RC/s1600/use+of+function+keys+on+keyboard.jpg" imageanchor="1"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOrk54fCyMF7uO949LRTfiG807u__Te37LFgqRa0IvZiW3JASKIZP-US5U_rkHdQhL9Hku3Z5awqgym7QA8mr60AOsZdNsQBWCtl1TRjxNpjDkecxKesf4Qgurshx9y0o-ZLaBr5olS2RC/s320/use+of+function+keys+on+keyboard.jpg" width="320" /></a><br />
<br />
<br />
Keys from F1 to F12 are commonly known as "<b>function keys</b>", A function key is a key on a computer or terminal keyboard which can be programmed so as to cause an operating system command interpreter or application program to perform certain actions, a form of soft key.On some keyboards/computers, function keys may have default actions, accessible on power-on.<br />
<h2>
F1</h2>
<br />
<ul>
<li>Almost always used as the help key, almost every program will open the help screen when this key is pressed.</li>
<li>Windows Key + F1 would open the Microsoft Windows help and support center.</li>
<li>Open the Task Pane.</li>
</ul>
<br />
<h2>
F2</h2>
<br />
<ul>
<li>In Windows commonly used to rename a highlighted icon or file.</li>
<li>Alt + Ctrl + F2 opens a new document in Microsoft Word.</li>
<li>Ctrl + F2 displays the print preview window in Microsoft Word.</li>
</ul>
<br />
<h2>
F3</h2>
<br />
<ul>
<li>Often opens a search feature for many programs including Microsoft Windows.</li>
<li>Shift + F3 will change the text in Microsoft Word from upper to lower case or a capital letter at the beginning of every word.</li>
</ul>
<br />
<h2>
F4</h2>
<br />
<ul>
<li>Open find window.</li>
<li>Repeat the last action performed (Word 2000+)</li>
<li>Alt + F4 will close the program currently active in Microsoft Windows.</li>
<li>Ctrl + F4 will close the open window within the current active window in Microsoft Windows.</li>
</ul>
<br />
<h2>
F5</h2>
<br />
<ul>
<li>In all modern Internet browsers pressing F5 will refresh or reload the page or document window.</li>
<li>Open the find, replace, and go to window in Microsoft Word.</li>
<li>Starts a slideshow in PowerPoint.</li>
</ul>
<br />
<h2>
F6</h2>
<br />
<ul>
<li>Move the cursor to the Address bar in Internet Explorer and Mozilla Firefox.</li>
<li>Ctrl + Shift + F6 opens to another open Microsoft Word document.</li>
</ul>
<br />
<h2>
F7</h2>
<br />
<ul>
<li>Commonly used to spell check and grammar check a document in Microsoft programs such as Microsoft Word, Outlook, etc.</li>
<li>Shift + F7 runs a Thesaurus check on the word highlighted.</li>
<li>Turns on Caret browsing in Mozilla Firefox.</li>
</ul>
<br />
<h2>
F8</h2>
<br />
<ul>
<li>Function key used to enter the Windows startup menu, commonly use to get into Windows safe mode.</li>
</ul>
<br />
<h2>
F9</h2>
<br />
<ul>
<li>Opens the Measurements toolbar in Quark 5.0.</li>
<li>Refresh document in Microsoft Word.</li>
<li>Send and receive e-mail in Microsoft Outlook.</li>
</ul>
<br />
<h2>
F10</h2>
<br />
<ul>
<li>In Microsoft Windows activates the menu bar of an open application.</li>
<li>Shift + F10 is the same as right-clicking on a highlighted icon, file, or Internet link.</li>
</ul>
<br />
<h2>
F11</h2>
<br />
<ul>
<li>Full-screen mode in all modern Internet browsers.</li>
</ul>
<br />
<h2>
F12</h2>
<br />
<ul>
<li>Open the Save as window in Microsoft Word.</li>
<li>Shift + F12 save the Microsoft Word document.</li>
<li>Ctrl + Shift + F12 prints a document in Microsoft Word.</li>
</ul>
<br />
<br />
<br />Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-19263551573966172272017-02-06T23:35:00.001+05:302017-08-12T12:33:57.008+05:30Why and How of the earthquake - Indian fault line<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit; font-size: large;">"The <b>reason </b>is the regular movement of the <b>fault line</b> that runs along Nepal’s southern border, where the Indian subcontinent collided with the Eurasia plate 40 million to 50 million years ago."</span><br />
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit; font-size: large;">But why? To know continue reading...</span><br />
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRYDwR0gXbE6-FQJFzLiwhQa02oae3L2DKWPZpKjIl8cTEYzxes3ug_ygRBBJdcM4RiTVlep5M6swuat8Aq3BJrV7FGjMYIufD27zjDsjcjxiI1Ezjo39GaW4u9Ag61Ik8qU6YCj5i8GJT/s1600/why+and+how+of+earthquake+indian+fault+line.jpg" imageanchor="1"><img border="0" class="img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRYDwR0gXbE6-FQJFzLiwhQa02oae3L2DKWPZpKjIl8cTEYzxes3ug_ygRBBJdcM4RiTVlep5M6swuat8Aq3BJrV7FGjMYIufD27zjDsjcjxiI1Ezjo39GaW4u9Ag61Ik8qU6YCj5i8GJT/s320/why+and+how+of+earthquake+indian+fault+line.jpg" /></a></span></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: inherit; font-size: large;">As the <b>plates </b>push against each other, <b>friction generates stress and energy</b> that builds until the crust ruptures. In the case of a quake, the plate jumped forward about 2 meters, or 6.5 feet. Such quakes tend to cause more damage and more aftershocks than those that occur deeper below the earth’s surface. After an earthquake, the plates resume moving and the clock resets. </span></span><br />
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: large;">“<i><b>Earthquakes dissipate energy, like lifting the lid off a pot of boiling water, but it builds back up after you put the lid back on.</b></i>”</span></span><br />
<br/>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br/>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<div>
<span style="font-family: inherit; font-size: large;"><b>Nepal </b>is prone to destructive <b>earthquakes</b>, not only because of the massive forces involved in the <b>tectonic collision</b>, but also because of the type of fault line the country sits on. Normal faults create space when the ground cracks and separates. Nepal lies on a so-called <b>thrust fault</b>, where one tectonic plate forces itself on top of another.</span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit; font-size: large;">The most visible result of this is the Himalayan mountain range. The <b>fault runs along the 1,400-mile</b> range, and the constant collision of the India and <b>Eurasia plates</b> pushes up the height of the peaks by about a centimeter each year.</span><br />
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div>
</div>
<div>
<span style="font-size: large;">Despite the seeming regularity of severe <b>earthquakes </b>in Nepal, it isn’t possible to predict when one will happen. Historic records and modern measurements of tectonic plate movement show that if the pressure builds in the region in a way that is “generally consistent and homogeneous,” the region should expect a severe earthquake <b>every four to five decades</b>.</span></div>
<div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The earth’s tectonics plates are constantly in motion. Some faults release built-up stress in the form of earthquakes. Others release that energy quietly.</span><br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span style="font-size: large;"><br /></span></div>
</div>
<h2 style="text-align: left;">
All we need to know:</h2>
</div>
<h3 style="text-align: left;">
What is an earthquake and what causes them to happen?</h3>
<span style="font-size: large;">An earthquake is <b>caused </b>by a <b>sudden slip on a fault</b>. Stresses in the earth's outer layer push the sides of the fault together. <b>Stress builds up</b> and the rocks slips suddenly, releasing energy in waves that travel through the earth's crust and <b>cause the shaking</b> that we feel during an earthquake. An earthquake occurs when <b>plates grind and scrape</b> against each other.
</span><br />
<h3 style="text-align: left;">
What is a fault?</h3>
<div>
<span style="font-family: inherit; font-size: large;"><b>Faults </b>are <b>fractures </b>in Earth's crust where rocks on either side of the crack have slid past each other. Sometimes the cracks are tiny, as thin as hair, with barely noticeable movement between the rock layers. But <b>faults </b>can also be hundreds of miles long.</span></div>
<span style="font-family: inherit;">
</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">
At what depth do earthquakes occur?</span></h3>
<span style="font-family: inherit;">
</span>
<br />
<div>
<span style="font-family: inherit; font-size: large;"><b>Earthquakes </b>occur in the <b>crust </b>or <b>upper mantle</b>, which ranges from the earth's surface to about 800 kilometers deep (about 500 miles).</span></div>
<span style="font-family: inherit;">
</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">
What is "surface rupture" in an earthquake?</span></h3>
<span style="font-family: inherit;">
</span>
<div>
<span style="font-family: inherit;"><span style="font-size: large;">Surface rupture occurs when <b>movement on a fault deep</b> within the earth breaks through to the surface. Not all earthquakes result in surface rupture.</span></span></div>
<span style="font-family: inherit;">
<h3 style="text-align: left;">
How are earthquakes measured?</h3>
<div>
<span style="font-size: large;">The familiar <b>Richter scale</b> (which is not a physical device but rather a mathematical formula) is <b>no longer widely used </b>by scientists to report an earthquake's size. Today, an earthquake's size is typically reported simply by its <b>magnitude</b>, which is a measure of the size of the earthquake's source, where the ground began shaking. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">While there are many modern scales used to calculate the magnitude, the <b>most common</b> is the <b>moment magnitude</b>, which allows for more precise measurements of large earthquakes than the Richter scale. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">A network of <b>geological monitoring stations</b>, each with instruments that measure how much the ground shakes over time called seismographs allow scientists to calculate an earthquake's time, location and magnitude. </span><br />
<span style="font-size: large;"><b><br /></b></span>
<span style="font-size: large;"><b>Seismographs </b>record a zigzag trace that shows how the ground shakes beneath the instrument. Sensitive seismographs, which greatly magnify these ground motions, can detect strong earthquakes from sources anywhere in the world.</span></div>
<h3 style="text-align: left;">
How are quakes classified?</h3>
<div>
<span style="font-size: large;">Based on their <b>magnitude</b>, quakes are assigned to a <b>class</b>. An increase in one number, say from 5.5 to 6.5, means that a quake's magnitude is 10 times as great. The classes are as follows:</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;"><b>Great</b>: Magnitude is greater than or equal to 8.0. A magnitude-8.0 earthquake is capable of tremendous damage.</span></div>
<div>
<span style="font-size: large;"><b>Major</b>: Magnitude in the rage of 7.0 to 7.9. A magnitude-7.0 earthquake is a major earthquake that is capable of widespread, heavy damage.</span></div>
<div>
<span style="font-size: large;"><b>Strong</b>: Magnitude in the rage of 6.0 to 6.9. A magnitude-6.0 quake can cause severe damage.</span></div>
<div>
<span style="font-size: large;"><b>Moderate:</b> Magnitude in the rage of 5.0 to 5.9. A magnitude-5.0 quake can cause considerable damage.</span></div>
<div>
<span style="font-size: large;"><b>Light:</b> Magnitude in the rage of 4.0 to 4.9. A magnitude-4.0 quake is capable of moderate damage.</span></div>
<div>
<span style="font-size: large;"><b>Minor:</b> Magnitude in the rage of 3.0 to 3.9.</span></div>
<div>
<span style="font-size: large;"><b>Micro:</b> Magnitude less than-3.0. Quakes between 2.5 and 3.0 are the smallest generally felt by people.</span></div>
<br/>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Post body ad responsive -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4262325767595391" data-ad-format="auto" data-ad-slot="9970526860" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br/>
<h3 style="text-align: left;">
What are the seismic zones of India?</h3>
<div>
<span style="font-size: large;">The <b>Geological Survey of India</b> (GSI.) first published the seismic zoning map of the country in the year 1935. With numerous modifications made afterwards, this map was initially <b>based </b>on the <b>amount of damage</b> suffered by the different regions of India because of earthquakes. Color coded in different shades of the color red, this map shows the four distinct seismic zones of India. Following are the varied <b>seismic zones</b> of the nation, which are prominently shown in the map:</span></div>
<div>
<span style="font-size: large;"><b>Zone - II:</b> This is said to be the least active seismic zone</span></div>
<div>
<span style="font-size: large;"><b>Zone - III:</b> It is included in the moderate seismic zone</span></div>
<div>
<span style="font-size: large;"><b>Zone - IV:</b> This is considered to be the high seismic zone</span></div>
<div>
<span style="font-size: large;"><b>Zone - V:</b> It is the highest seismic zone</span></div>
<div>
<br /></div>
</span>
<br />
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1noLCJoT_T-9iiVolFive4OUF4Q9guo1aPLg5gJtW1OARckQZjPMphUH3L1IpXYK42edl3GT9nNljw4YM78YtSowRoY8z4SkcUEk9v7vjiMmh0IjGVZtNfxk0Y_XV8xOGcs8rECs7pBu-/s1600/seismic+zones+of+India.jpg" imageanchor="1"><span style="font-family: inherit;"><img border="0" class="img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1noLCJoT_T-9iiVolFive4OUF4Q9guo1aPLg5gJtW1OARckQZjPMphUH3L1IpXYK42edl3GT9nNljw4YM78YtSowRoY8z4SkcUEk9v7vjiMmh0IjGVZtNfxk0Y_XV8xOGcs8rECs7pBu-/s320/seismic+zones+of+India.jpg" /></span></a></div>
<div>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">
Designing a Safe house in an Earthquake prone area:</span></h3>
<span style="font-family: inherit; font-size: large;">Government has already provided the guidelines to construct houses in accordance with the seismic zones of India. Please go through the below link:</span><br />
<a href="http://nidm.gov.in/safety_earthquake.asp"><span style="font-family: inherit; font-size: large;">http://nidm.gov.in/safety_earthquake.asp</span></a><br />
<span style="font-family: inherit;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">
How to cope with an Earthquake:</span></h3>
<a href="http://www.disastermgmt.org/type/earthquake.html"><span style="font-family: inherit; font-size: large;">http://www.disastermgmt.org/type/earthquake.html</span></a></div>
<div>
<br /></div>
</div>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-877587247110524972017-02-05T16:20:00.001+05:302017-02-17T18:58:45.807+05:30Stock Market - Bull Market v/s Bear Market<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<img border="0" class="img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9eP-uhyc228Xqe6mLUNaZlfUYrlklbgxckS7SFzTeHBZVm9-wq7hQwLkLuDNINwkqRtWtkWt-bGHpOXbMNz1gafgkcjsGglVfb9Bor7uVbifmOIku7g20b9Vjla06jAmpSQ59YebOpKx/s320/Bulls-vs.-Bears.jpg" /><br />
<br />
There are <b>two classic market types</b> used to characterize the general direction of the market. Bull markets are when the market is generally rising, typically the result of a strong economy. A <b>bull market</b> is typified by generally rising stock prices, high economic growth, and strong investor confidence in the economy. Bear markets are the opposite. A <b>bear market</b> is typified by falling stock prices, bad economic news, and low investor confidence in the economy.<br />
<br />
<h3 style="text-align: left;">
Bull Market</h3>
A <b>bull market</b> is a financial market where prices of instruments (e.g., <b>stocks</b>) are, on average, trending higher. The <b>bull market</b> tends to be associated with rising investor confidence and expectations of<b> further capital gains</b>.<br />
<br />
A market in which prices are rising. A market participant who believes prices will move higher is called a "<b>bull</b>". A news item is considered <b>bullish </b>if it is expected to result in higher prices.An advancing trend in stock prices that usually occurs for a time period of months or years.<b> Bull markets</b> are generally characterized by <b>high trading volume</b>.<br />
<br />
Simply put, <b>bull markets</b> are movements in the stock market in which prices are rising and the consensus is that prices will continue moving upward. During this time, economic production is high, jobs are plentiful and inflation is low. <b>Bear markets</b> are the opposite--stock prices are falling, and the view is that they will continue falling. The economy will slow down, coupled with a rise in unemployment and <b>inflation</b>.<br />
<br />
<b>A key to successful investing</b> during a <b>bull market </b>is to take advantage of the rising prices. For most, this means buying securities early, watching them rise in value and then selling them when they reach a high. However, as simple as it sounds, this practice involves timing the market. Since no one knows exactly when the market will begin its climb or reach its peak, virtually no one can time the market perfectly. Investors often attempt to buy securities as they demonstrate a strong and steady rise and sell them as the market begins a strong move downward.<br />
<br />
Portfolios with larger percentages of stocks can work well when the market is moving upward. <b>Investors </b>who believe in watching the market will buy and sell accordingly to change their portfolios.Speculators and risk-takers can fare relatively well in bull markets. They believe they can make profits from rising prices, so they buy stocks, options, futures and currencies they believe will gain value. Growth is what most <b>bull investors</b> seek.<br />
<br />
<h3 style="text-align: left;">
Bear Market</h3>
The <b>opposite of a bull market is a bear market</b> when prices are falling in a financial market for a prolonged period of time. A bear market tends to be accompanied by widespread pessimism. A bear market is slang for when stock prices have decreased for an extended period of time. If an investor is "<b>bearish</b>" they are referred to as a bear because they believe a particular company, industry, sector, or market in general is going to go down.<br />
<br />
A <b>bear market</b> is a condition in which securities prices fall and widespread pessimism causes the stock market's downward spiral to be self-sustaining. <b>Investors anticipate losses as pessimism</b> and selling increases.<br />
<br />
A <b>bear market</b> occurs when the major indices continue to go lower over time. They will hit new lows. More important, their highs will be lower than before as well. The average length of a bear market is 367 days. The conventional wisdom says it usually lasts 18 months. Bear markets occurred 32 times between 1900 and 2008, with an average duration of 367 days. This is around <b>once every three years</b>.<br />
<br />
<br />
<img border="0" class="img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMp3zZ2P7wUCpIsc316nV72n3tiBSosH9rfTV-uigEPEK5EwgUYUKTwNpUe7iX82KwRVB-Sx8LSG54v2QfXFTYPERVO_LcmoqQxMIE5n0HhoC5RlS_PTXdzx1-pheCai7jaUq2rAcZU04-/s320/bull-bear-market-2blueheads-forecast-e1438373419264.jpg" /><br />
<span style="color: #333333; font-family: "q_serif" , "georgia" , "times" , "times new roman" , serif; font-size: 15px;">If there are underlying reasons for <b>prices to rise or fall</b>, <b>bull or bear markets</b> are appropriate. If prices changes steadily enough that people can make a reasonable judgement that they have risen or fallen the appropriate amount, and change their expectations, all is well. But if they rise too fast, and people start buying just because prices are rising, not because they see any changes in fundamentals, you may get a bubble. And conversely, if the fall prompts people into panic selling, you may get a crash. Any you will get a crash when a bubble pops.</span></div>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.comtag:blogger.com,1999:blog-4508484615584315014.post-67868350851560187722017-02-05T13:42:00.000+05:302017-04-06T21:34:45.192+05:30Stock Market Tutorial<div dir="ltr" style="text-align: left;" trbidi="on">
<img class="img-responsive center-block" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNQJdV4PcySweeXCzatmoRySq0YezjAo7zMfuzUwCRIEu7KkIbx-D6A9B5KHgGN0a6_A3Y8KfwOBnpA0Rhjc8Xf0F2nVkegC0YWTonOwUIJgpv-fEcxUmy15R1Clod1MOfZBEQ4KQGEJB/s400/000289964_prevstill.jpeg" /><br />
<br />
As defined in Wikipedia, a <span style="font-size: large;"><b>stock market, equity market or share market</b></span> is the aggregation of buyers and sellers (a loose network of economic transactions, not a physical facility or discrete entity) of stocks (also called shares), which represent ownership claims on businesses; these may include securities listed on a stock exchange as well as those only traded privately.
<br />
<br />
<h2 style="text-align: left;">
Table of contents</h2>
<h3>
*Click each topic to read more.</h3>
<div class="list-group" style="font-size: large;">
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-introduction.html">1. Introduction</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-different-kind-of.html">2. Different kind of Investments</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-investments.html">3. Investments</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-demat-accounts.html">4. Demat Accounts</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-premium-issue.html">5. Premium Issues</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-primary-secondary-market.html">6. Primary and Secondary Markets</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-stock-options.html">7. Stock Options</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-trading-vs-investing.html">8. Trading v/s Investing</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-broker.html">9. Stock Market Broker</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-online-stock-trading.html">10. Online Trading</a>
<a class="list-group-item list-group-item-info" href="/2017/02/stock-market-how-it-works.html">11. How stock market works</a>
<a class="list-group-item list-group-item-info" href="/2017/02/bull-market-vs-bear-market.html">12. Bull Market v/s Bear Market</a>
</div>
</div>
Witspry Technovatehttp://www.blogger.com/profile/13599435720165810309noreply@blogger.com