<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web designing and application development &gt; Metasys Software Pvt Ltd.</title>
	<atom:link href="https://ikfstage.metasyssoftware.com/tag/web-designing-and-application-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://ikfstage.metasyssoftware.com</link>
	<description></description>
	<lastBuildDate>Fri, 31 May 2024 05:57:24 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Web API security using JSON web tokens</title>
		<link>https://ikfstage.metasyssoftware.com/custom-software-web-api-security-using-json-web-tokens/</link>
					<comments>https://ikfstage.metasyssoftware.com/custom-software-web-api-security-using-json-web-tokens/#respond</comments>
		
		<dc:creator><![CDATA[meta_prasad]]></dc:creator>
		<pubDate>Fri, 24 Jul 2020 08:10:54 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web API]]></category>
		<category><![CDATA[Web tokens]]></category>
		<category><![CDATA[Custom Software solutions]]></category>
		<category><![CDATA[web application development]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[Web designing and application development]]></category>
		<guid isPermaLink="false">https://development.ikf.in/metasys1/?p=3121</guid>

					<description><![CDATA[<p>Today data security during financial transactions is super important and critical. The protection of sensitive user data should be a major priority for developers working on applications that use financial or personal information of the clients. These days, many apps are accessed through multiple devices including desktops, laptops, mobile phones and tablets. Both web apps, &#8230;</p>
<p class="read-more"> <a class="" href="https://ikfstage.metasyssoftware.com/custom-software-web-api-security-using-json-web-tokens/"> <span class="screen-reader-text">Web API security using JSON web tokens</span> Read More &#187;</a></p>
The post <a href="https://ikfstage.metasyssoftware.com/custom-software-web-api-security-using-json-web-tokens/">Web API security using JSON web tokens</a> appeared first on <a href="https://ikfstage.metasyssoftware.com">Metasys Software Pvt Ltd.</a>.]]></description>
										<content:encoded><![CDATA[<div id="pl-3362"  class="panel-layout" ><div id="pg-3362-0"  class="panel-grid panel-no-style" ><div id="pgc-3362-0-0"  class="panel-grid-cell" ><div id="panel-3362-0-0-0" class="so-panel widget widget_sow-editor panel-first-child panel-last-child" data-index="0" ><div
			
			class="so-widget-sow-editor so-widget-sow-editor-base"
			
		>
<div class="siteorigin-widget-tinymce textwidget">
	<p>Today data security during financial transactions is super important and critical. The protection of sensitive user data should be a major priority for developers working on applications that use financial or personal information of the clients.</p>
<p>These days, many apps are accessed through multiple devices including desktops, laptops, mobile phones and tablets. Both web apps, and native apps can use web APIs for accessing data and providing services. This article addresses the topic of ensuring client security of a web API during the development phase. I will share my experience with using JSON web tokens (JWT) to ensure security of a representational state transfer (REST) web API.</p>
<h2>There are a two simpler alternatives to JWT that I will briefly mention first:</h2>
<ol>
<li>
<h3><strong>Basic authentication:<br />
</strong></h3>
<p>This method is very easy to implement. A username and password is passed and validated in a database to identify legitimate users. Since the username and password are sent as plain text, every request is very susceptible to cross-site request forgery (CSRF). The security can be improved somewhat by passing the details in the headers section of the web API instead of the URL, nevertheless this method is not very secure as it does not involve any encryption.</p>
</li>
<li>
<h3><strong>API keys:<br />
</strong></h3>
<p>This technique is used to overcome the drawbacks of basic authentication. In this method, a unique key is assigned every time the user signs in indicating that the user is known. A user can use the same key to re-enter the system. The security issue with this method is that the key can easily be picked up during network transmission. Often, the key is passed as a query string in the URL, making it easier for someone to compromise the security of the web API.</p>
</li>
</ol>
<p>JWT avoids the security flaws of the two simpler methods, by providing a bearer token authentication of the Web API. With this method, the user name and password validates, whether, the user exists in the system. Information about the validated user like name, email address and UserID can be fetched. These items are included in the ‘claim’. Claims are pieces of information about a user that have been packaged and signed into security tokens.</p>
<p>A JWT token consists of three parts, the header, the payload and the signature.</p>
<p><strong>Header</strong> – Contains the type of token and signing algorithm used</p>
<p><strong>Payload</strong> – Contains the issuer of the claim, the subject of the claim and the audience, which refers to the intended recipient of the claim. Other information can also be included, such as an expiry time of the token, or additional user information.</p>
<p><strong>Signature</strong> –Contains the encoded header, encoded payload and a secret key</p>
<h2>Implementation</h2>
<p>To give you more details about JWT implementation, I’ll be going through the steps I took to implement JWT in my web API. First I created a web API project in .Net core 2.2. Next I installed two packages via npm of visual studio, using the following commands:</p>
<ul>
<li><strong>Install-Package System.IdentityModel.Tokens.Jwt -Version 5.6.0</strong></li>
<li><strong>Install-Package Microsoft.AspNetCore.Authentication.JwtBearer -Version 3.1.0</strong></li>
</ul>
<p>In the appsetting.json file, I added my JWT keys including the secret key, issuer, subject and audience as follows:</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3122 size-full" title="JWT keys" src="/wp-content/uploads/2024/05/web-api-security-2024.jpg" alt="JWT keys" width="294" height="105" /></p>
<p>Next, I registered a JWT authentication schema by using the "AddAuthentication" method and specifying JwtBearerDefaults.AuthenticationScheme. in the ConfigureServices section of the start-up class.</p>
<p><img fetchpriority="high" decoding="async" class="alignnone wp-image-3123 size-full" title="JWT Authentication Schema" src="https://stage.metasyssoftware.com/wp-content/uploads/Image2.png" alt="JWT Authentication Schema" width="996" height="420" /></p>
<p>I also added app.UseAuthentication() in the configure method of the startup class.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3124 size-full" title="UseAuthenticationConfiguration" src="https://stage.metasyssoftware.com/wp-content/uploads/Image3.png" alt="UseAuthenticationConfiguration" width="683" height="104" /></p>
<p>Next, I created a token controller in the web API. This token controller action GetApiToken took the two input parameters: Username and Password, and validated these details against the database. Once the user is validated, I generated a token using the secret key, claims information and signing credentials.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3125 size-full" title="TokenControlerInfo" src="https://stage.metasyssoftware.com/wp-content/uploads/Image4.png" alt="TokenControlerInfo" width="744" height="378" /></p>
<p>The generated token was then stored as an item in sessionStorage.</p>
<p>For all my web API requests, I used the following key in the header section of each Ajax web API  call request.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3126 size-full" title="AjaxCallWithBearerToken" src="https://stage.metasyssoftware.com/wp-content/uploads/Image5.png" alt="AjaxCallWithBearerToken" width="586" height="137" /></p>
<p>Finally, I applied the <strong>[Authorize]</strong> attribute to my controller to which I was calling the web API.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3127 size-full" title="AuthorizeAttribute" src="https://stage.metasyssoftware.com/wp-content/uploads/Image6.png" alt="AuthorizeAttribute" width="541" height="175" /></p>
<p>These were all the steps I required to implement JWT authentication in my Web API. The tokens are encrypted, so they are difficult to tamper with. They expire at specific intervals and are cryptographically signed using a cryptographic algorithm.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3128 size-full" title="AjaxCallRequestHeaders" src="https://stage.metasyssoftware.com/wp-content/uploads/Image7.png" alt="AjaxCallRequestHeaders" width="808" height="216" /></p>
<p>The final implementation step is to remove the generated token item which was stored in sessionStorage when a user logs out of the system.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3129" src="https://stage.metasyssoftware.com/wp-content/uploads/Image8.png" alt="LogoutInfo" width="469" height="95" /></p>
<p>MetaSys has extensive expertise in building secure web APIs for web applications. Our team has experience in building custom software solutions for clients across different industry verticals. Please feel free to contact us if you are in need of a partner to build a secure web API.  For more info, visit our website: <a href="https://development.ikf.in/metasys1/dot-net">https://development.ikf.in/metasys1/dot-net</a>.</p>
</div>
</div></div></div></div></div>The post <a href="https://ikfstage.metasyssoftware.com/custom-software-web-api-security-using-json-web-tokens/">Web API security using JSON web tokens</a> appeared first on <a href="https://ikfstage.metasyssoftware.com">Metasys Software Pvt Ltd.</a>.]]></content:encoded>
					
					<wfw:commentRss>https://ikfstage.metasyssoftware.com/custom-software-web-api-security-using-json-web-tokens/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Improve Performance of Web Applications</title>
		<link>https://ikfstage.metasyssoftware.com/improve-performance-of-web-applications/</link>
					<comments>https://ikfstage.metasyssoftware.com/improve-performance-of-web-applications/#respond</comments>
		
		<dc:creator><![CDATA[meta_prasad]]></dc:creator>
		<pubDate>Fri, 05 Jun 2020 10:57:34 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Microsoft Technologies]]></category>
		<category><![CDATA[ASP web application]]></category>
		<category><![CDATA[Web designing and application development]]></category>
		<category><![CDATA[ANTS]]></category>
		<category><![CDATA[Web applications]]></category>
		<category><![CDATA[custom web app]]></category>
		<category><![CDATA[web application development]]></category>
		<category><![CDATA[New Relic]]></category>
		<guid isPermaLink="false">https://development.ikf.in/metasys1/?p=3094</guid>

					<description><![CDATA[<p>We all know how frustrating it is to see the progress spinning wheel going on and on while navigating through a web app. It’s due to these performance issues that users lose interest in a web application, which can hinder the success of the app. Improving performance is an important task for any app developer, &#8230;</p>
<p class="read-more"> <a class="" href="https://ikfstage.metasyssoftware.com/improve-performance-of-web-applications/"> <span class="screen-reader-text">Improve Performance of Web Applications</span> Read More &#187;</a></p>
The post <a href="https://ikfstage.metasyssoftware.com/improve-performance-of-web-applications/">Improve Performance of Web Applications</a> appeared first on <a href="https://ikfstage.metasyssoftware.com">Metasys Software Pvt Ltd.</a>.]]></description>
										<content:encoded><![CDATA[<p>We all know how frustrating it is to see the progress spinning wheel going on and on while navigating through a web app. It’s due to these performance issues that users lose interest in a web application, which can hinder the success of the app. Improving performance is an important task for any app developer, and there are many commercial tools available that can be useful. In this article I will share my experience and opinions on two commercially available tools; ANTS Performance Profiler and New Relic.</p>
<h2>ANTS Profiler</h2>
<p>ANTS Profiler can be used on any .Net application, either web based or in Windows to identify slow processes. We have found that it is useful both at the development stage, and the QA stage. Using the tool involves starting up the ANTS Profiler, and navigating through the app to view the pages with slow performance. Once the profiling is complete, we can dive deeper into the processes that the profiler identifies as slow.</p>
<p>To give you an idea, here are some examples of performance issues we were able to identify and address:</p>
<ol>
<li>The first step we took when analyzing a slow app using the ANTS tool, was to check the database calls. The profiling showed that certain stored procedures were taking a lot of time. The problem was addressed by rearranging joins used in the stored procedures, and selecting only those columns necessary for the output. This significantly improved the rendering time for the page.</li>
<li>The profiling also showed that in a single page, there were multiple stored procedure calls which were increasing the database hits and slowing down the app. To overcome this problem, we combined multiple stored procedures into one, which improved the page performance.</li>
<li>It was further identified that whilst rendering the page, multiple JavaScript and CSS files were getting loaded, making rendering very slow. The ANTS Profiling helped identify the slowest web requests. This allowed us to use the bundling concept to group files together in order to reduce the number of web requests, thereby improving the speed of rendering.</li>
</ol>
<h2>New Relic</h2>
<p>New Relic is another commercial tool which can be used to analyze performance once an app has already been launched. It provides real-time data of user experience with the application in the production environment, which is extremely useful to optimise the process of improving application performance.</p>
<p>To give you an idea of how New Relic can be used, below are some insights we gained from New Relic when trying to improve a customized web application.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3425 size-full" src="https://development.ikf.in/metasys1/wp-content/uploads/NewRelic.png" alt="New Relic" width="762" height="508" /></p>
<ol>
<li>The data showed us that as the number of users increases, the rendering time for the page increases as well. It was able to give us a lot of insight into how CPU and memory is used by the application.</li>
<li>The data also showed us which pages are most viewed, allowing us to focus on improving the performance of these pages. It also showed us on which pages errors were most frequently encountered, as well as the time taken for web requests and database calls on these pages. These were then fine-tuned to significantly minimize the frequency of errors.</li>
<li>The tool gives us analytic information about the most frequently used browsers and devices used to access the web application. This information helped us focus the application implementation in order to improve the user friendliness on those browsers and devices.</li>
</ol>
<p>Improving the app performance in terms of speed and user friendliness will improve the user experience and thereby significantly increase web traffic. Although working on application performance can be a pain, ignoring it is not advisable for any developer. The use of these tools can be very helpful at different stages: ANTS Profiler is most useful at the development environment and for QA, whereas New Relic is most useful in the production environment to analyse the user data.</p>
<p>MetaSys has extensive expertise in improving application performance, including the use of the different tools, some of which have been described in this article. Feel free to contact us for help with improving your application performance. For more info <a href="https://development.ikf.in/metasys1/dot-net">https://development.ikf.in/metasys1/dot-net</a></p>
<p>&nbsp;</p>The post <a href="https://ikfstage.metasyssoftware.com/improve-performance-of-web-applications/">Improve Performance of Web Applications</a> appeared first on <a href="https://ikfstage.metasyssoftware.com">Metasys Software Pvt Ltd.</a>.]]></content:encoded>
					
					<wfw:commentRss>https://ikfstage.metasyssoftware.com/improve-performance-of-web-applications/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>InBody Integration for biometric and blood pressure data into a web application</title>
		<link>https://ikfstage.metasyssoftware.com/inbody-integration-for-biometric-and-blood-pressure-data-into-a-web-application/</link>
					<comments>https://ikfstage.metasyssoftware.com/inbody-integration-for-biometric-and-blood-pressure-data-into-a-web-application/#respond</comments>
		
		<dc:creator><![CDATA[meta_prasad]]></dc:creator>
		<pubDate>Fri, 24 Apr 2020 13:47:13 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Microsoft Technologies]]></category>
		<category><![CDATA[SQL SERVER]]></category>
		<category><![CDATA[ASP web application]]></category>
		<category><![CDATA[Inbody integration]]></category>
		<category><![CDATA[Dot Net Framework]]></category>
		<category><![CDATA[Web designing and application development]]></category>
		<category><![CDATA[Dot Net application]]></category>
		<category><![CDATA[web application development]]></category>
		<category><![CDATA[Dot Net application development]]></category>
		<guid isPermaLink="false">https://development.ikf.in/metasys1/?p=3049</guid>

					<description><![CDATA[<p>People today are more health-conscious than ever before, and digital technology is playing an important role in this development. Thanks to modern technology, there are many tools and devices to measure and record physical characteristics that relate to personal health. Tracking exercise routines and nutrition has become a popular tool for individuals to keep up &#8230;</p>
<p class="read-more"> <a class="" href="https://ikfstage.metasyssoftware.com/inbody-integration-for-biometric-and-blood-pressure-data-into-a-web-application/"> <span class="screen-reader-text">InBody Integration for biometric and blood pressure data into a web application</span> Read More &#187;</a></p>
The post <a href="https://ikfstage.metasyssoftware.com/inbody-integration-for-biometric-and-blood-pressure-data-into-a-web-application/">InBody Integration for biometric and blood pressure data into a web application</a> appeared first on <a href="https://ikfstage.metasyssoftware.com">Metasys Software Pvt Ltd.</a>.]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3084" src="https://development.ikf.in/metasys1/wp-content/uploads/blue-and-silver-stetoscope-40568-1.jpg" alt="Inbody integration with web app" width="1280" height="853" />People today are more health-conscious than ever before, and digital technology is playing an important role in this development. Thanks to modern technology, there are many tools and devices to measure and record physical characteristics that relate to personal health. Tracking exercise routines and nutrition has become a popular tool for individuals to keep up a healthy lifestyle. Many health-related online platforms, applications and tools are available for individuals, and integration of such tracking devices can improve their service. </span></p>
<p><span style="font-weight: 400;">This article details such an integration project. Our Dot Net application team helped a client integrate InBody technology into their application. </span></p>
<p><span style="font-weight: 400;">InBody devices offer detailed measurement of body composition balance, including key health factors such as protein, minerals, BMI and body fat percentage. Our project revolved around integrating the InBody 570 device with a </span><span style="font-weight: 400;">.Net application</span><span style="font-weight: 400;">. The solution we implemented involved the </span><span style="font-weight: 400;">.Net application</span><span style="font-weight: 400;"> listening to the serial ports attached to the device for the duration of the test. After receiving a data stream from the InBody device, relevant data is extracted using indices of specific data factors mentioned in the InBody 570 technical documentation. Key settings required by the .Net application include baud rate, parity, data bits, and stop bits. The InBody technical specification includes more details about the values of these settings.  Once the data stream is received, and the data factors are extracted, the data was saved in an SQL server database. The .Net web application reads this data from the SQL server database and displays it to the user. </span></p>
<p><b>Key Challenges</b></p>
<p><span style="font-weight: 400;">The idea is that the application can be used by the fitness facility subscribing to the application and having an InBody machine. The application runs on a laptop or desktop computer connected to the Inbody machine. However, one challenge was that there is no guarantee that the computer is always connected using the same port. If the computer had more than one port on which the device stream can be received, then we had to lock and keep listening to all available ports. Our solution to these issues was to program the app to lock and keep listening to all available and open ports of the laptop and as soon as we receive either data stream or exception, we unlock all ports locked by the .net application. It is important to note that only that process which has locked the serial port can unlock it, no other process can forcibly remove that lock. In the event that the process which locked the port gets terminated, one is left with only the option of system reboot in order to unlock that port.</span></p>
<p><span style="font-weight: 400;">Another issue is that the same app was required to integrate with another measurement device manufactured by InBody, the BPBIO 320. This device reads systolic blood pressure, diastolic blood pressure and pulse, and we modified the .Net app to work with both InBody devices. We used a condition-based code, which looks at application settings and accordingly saves the data in either the production or the staging environment. The BPBIO 320 requires a different baud rate to that of InBody 570, therefore we adapted the application so that the user enters the test type, and then the baud rate is automatically set up by the software. We also process information contained within the data stream that indicates status such as “Measurement started”, “Measurement interrupted due to use of the stop button”, and “Measurement interrupted due to error”.  These cases are handled in the application and clear information is passed on to the user.  </span></p>
<p><span style="font-weight: 400;">We used a PuTTY tool to simulate the device stream in the development environment, as the physical device was not always available. Device testing was performed after development was complete, and we made the necessary changes to the application before the launch.</span></p>
<p><span style="font-weight: 400;">We will be glad to help anyone interested in doing similar kinds of integrations in their software. For more info </span><a href="https://development.ikf.in/metasys1/case-study-dotnet"><span style="font-weight: 400;">https://development.ikf.in/metasys1/case-study-dotnet</span></a></p>The post <a href="https://ikfstage.metasyssoftware.com/inbody-integration-for-biometric-and-blood-pressure-data-into-a-web-application/">InBody Integration for biometric and blood pressure data into a web application</a> appeared first on <a href="https://ikfstage.metasyssoftware.com">Metasys Software Pvt Ltd.</a>.]]></content:encoded>
					
					<wfw:commentRss>https://ikfstage.metasyssoftware.com/inbody-integration-for-biometric-and-blood-pressure-data-into-a-web-application/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
