<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Parth Doshi</title>
    <description>The latest articles on DEV Community by Parth Doshi (@parthketandoshi).</description>
    <link>https://dev.to/parthketandoshi</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F390557%2Fec0b33ad-57a4-4ffe-a095-230c0c08bdca.jpeg</url>
      <title>DEV Community: Parth Doshi</title>
      <link>https://dev.to/parthketandoshi</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/parthketandoshi"/>
    <language>en</language>
    <item>
      <title>A11y (Ally/Allie) Token and Marketplace</title>
      <dc:creator>Parth Doshi</dc:creator>
      <pubDate>Wed, 25 Oct 2023 14:37:00 +0000</pubDate>
      <link>https://dev.to/parthketandoshi/a11y-allyallie-token-and-marketplace-3f05</link>
      <guid>https://dev.to/parthketandoshi/a11y-allyallie-token-and-marketplace-3f05</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq97g61wh8rumrlbf6xdl.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq97g61wh8rumrlbf6xdl.gif" alt="AI generated symbol for A11y Token" width="1300" height="1300"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introduction to D’Horizon
&lt;/h2&gt;

&lt;p&gt;D'Horizon is not just a company; it's a vision, a vision to transform UI/UX mockups into digital art pieces that can be owned and traded as NFTs. This innovative platform empowers creators and collectors to create, showcase, and sell mockups as unique and valuable assets, with the help of crypto tokens that facilitate transactions and rewards.&lt;/p&gt;

&lt;h2&gt;
  
  
  Problem Statement
&lt;/h2&gt;

&lt;p&gt;The need for accessible UI/UX designs is growing as over 15% of people worldwide are differently-abled, according to the World Health Organization. However, there is currently no efficient way to trade and exchange these designs, leading to a significant gap in the market.&lt;/p&gt;

&lt;h2&gt;
  
  
  Objective, Vision, and Mission
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Objective:&lt;/strong&gt; D’Horizon leverages blockchain technology and cryptocurrency to create a new market for UI/UX Mock-ups.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Vision:&lt;/strong&gt; To create a world where digital accessibility is the norm, not the exception, by fostering a community of creators and consumers dedicated to promoting accessible design using crypto tokens.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Mission:&lt;/strong&gt; To empower and promote accessibility in the digital world by providing a marketplace for the exchange of accessible UI/UX mock-ups using tokens.&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Interview Protocol
&lt;/h2&gt;

&lt;p&gt;D'Horizon conducted a series of interviews with industry experts who shared insights and expertise in accessible design and NFTs. Notable interviews include:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Keerthikeyan Dakshinamurthy - Creative Director, Manifest Group, New York:&lt;/strong&gt;&lt;br&gt;
A highly decorated professional in the creative field, Keerthikeyan brings a wealth of experience in art direction, creative strategy, and graphic design. His perspective shed light on the importance of combining creativity with accessibility.&lt;/p&gt;

&lt;h2&gt;
  
  
  Summary of the Executive Interview
&lt;/h2&gt;

&lt;p&gt;The interviews revealed key insights into the process, including market testing, adherence to WCAG and ADA standards, and a commitment to integrating individuals with disabilities into the design process. They highlighted D'Horizon's commitment to promoting web accessibility as an additional benefit in their campaigns and maintaining a balance between accessibility, usability, and aesthetics.&lt;/p&gt;

&lt;h2&gt;
  
  
  Solution
&lt;/h2&gt;

&lt;p&gt;D’Horizon provides a groundbreaking solution that allows designers and developers to create, buy, and sell UI/UX mock-ups in the form of NFTs on their platform. NFTs are unique digital assets that can be verified and traded on a blockchain. This solution aims to promote accessibility and inclusion in the digital world.&lt;/p&gt;

&lt;h2&gt;
  
  
  Product
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;A11Y MARKETPLACE:&lt;/strong&gt; The A11y Marketplace connects designers and developers who wish to create or use accessible and inclusive UI/UX mockups for their projects.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9qans1spa5ihznzmmfxp.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9qans1spa5ihznzmmfxp.PNG" alt="Image description" width="800" height="1731"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A11Y TOKEN:&lt;/strong&gt; This cryptocurrency is used for transactions on the A11y Marketplace.&lt;/p&gt;

&lt;h2&gt;
  
  
  Process Flow
&lt;/h2&gt;

&lt;p&gt;Designers submit their website designs, undergo a review process, and are rewarded with A11y tokens. These tokens are then used to purchase designs that are available for sale on the platform, creating a circular economy of accessibility and design.&lt;/p&gt;

&lt;h2&gt;
  
  
  Organizational Fit
&lt;/h2&gt;

&lt;p&gt;The D'Horizon platform is designed to promote accessibility and offers an efficient and transparent transaction system, aligning perfectly with organizations that require high-quality designs for their products or services.&lt;/p&gt;

&lt;h2&gt;
  
  
  Solution Dependencies
&lt;/h2&gt;

&lt;p&gt;The success of D'Horizon relies on various factors, including payment gateways, token management systems, compliance testing tools, cloud hosting, and effective marketing and promotions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Road Map
&lt;/h2&gt;

&lt;p&gt;D'Horizon has a comprehensive roadmap that includes defining, developing, testing, and refining its platform. The platform's continuous improvement ensures that it stays at the forefront of accessible design and NFT trading.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;D'Horizon's A11y Marketplace is not just an innovative solution but a pioneering one. The platform is built on blockchain technology, ensuring secure and transparent transactions. With a user-friendly interface, D'Horizon is an ideal fit for organizations seeking high-quality designs. The first mover's advantage and commitment to accessibility make it a powerful player in this emerging field.&lt;/p&gt;

&lt;h2&gt;
  
  
  Future Scope
&lt;/h2&gt;

&lt;p&gt;D'Horizon envisions becoming a one-stop-shop for design tools, expanding its reach globally, and partnering with design schools to provide opportunities. The future holds exciting prospects for D'Horizon and the world of accessible design.&lt;/p&gt;

&lt;h2&gt;
  
  
  References
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.microsoft.com/en-us/accessibility"&gt;Microsoft Accessibility Documentation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.solana.com/"&gt;Solana Documentation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/WAI/fundamentals/accessibility-intro/"&gt;W3C Web Accessibility Initiative&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612"&gt;A Primer to Web Accessibility for Designers&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.openai.com/"&gt;ChatGPT&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.bing.com/"&gt;Microsoft Bing&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>ui</category>
      <category>ux</category>
      <category>cryptocurrency</category>
    </item>
    <item>
      <title>SpInput - A haptic input device</title>
      <dc:creator>Parth Doshi</dc:creator>
      <pubDate>Wed, 25 Oct 2023 14:36:00 +0000</pubDate>
      <link>https://dev.to/parthketandoshi/spinput-a-haptic-input-device-4ocn</link>
      <guid>https://dev.to/parthketandoshi/spinput-a-haptic-input-device-4ocn</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;The Rotary Encoder, an exciting project brought to you by Ayush Mamgain, Parth Doshi, Poorwa Kher, and Swamini Pednekar, is set to redefine the way we interact with technology. With a combination of hardware and software, this innovation aims to provide a seamless and intuitive means of control for power users, including designers, gamers, and developers.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Technology Are We Using?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Rotary Encoder Module&lt;/li&gt;
&lt;li&gt;Arduino Nano&lt;/li&gt;
&lt;li&gt;3D Printing&lt;/li&gt;
&lt;li&gt;Python&lt;/li&gt;
&lt;li&gt;KY-040&lt;/li&gt;
&lt;li&gt;33 BLE Knob Script&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Rotary Encoder
&lt;/h2&gt;

&lt;h3&gt;
  
  
  What is a Rotary Encoder and How Does It Work?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;A smart knob/wheel detecting rotation and direction&lt;/li&gt;
&lt;li&gt;An encoder attached to a rotating shaft&lt;/li&gt;
&lt;li&gt;Generates electrical pulses/codes based on position and direction&lt;/li&gt;
&lt;li&gt;Microcontroller interprets signals to determine shaft position&lt;/li&gt;
&lt;li&gt;Shaft position is used to control other devices, such as motors or displays&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What is SpInput?
&lt;/h2&gt;

&lt;p&gt;SpInput is a reimagined and revolutionary input device designed to augment the traditional keyboard and mouse setup for power users. It's a game-changer for those who demand precision and efficiency in their work and play.&lt;/p&gt;

&lt;h2&gt;
  
  
  Inspiration
&lt;/h2&gt;

&lt;p&gt;This project drew inspiration from innovations such as the Microsoft Surface Dial and GTA's Weapon Wheel. &lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/k6GLz7JobfA"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Additionally, the team explored the concept of a Radial Menu UI, which can be seen &lt;a href="https://dribbble.com/shots/801609-Concept-Idea-Radial-Menu-UI-animated"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  How Does SpInput Work?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Pressing the SpInput Dial launches a radial menu overlay with shortcuts, controls, or workflows.&lt;/li&gt;
&lt;li&gt;The knob can be spun while held down to cycle through the options.&lt;/li&gt;
&lt;li&gt;Releasing it on the desired option triggers the action.&lt;/li&gt;
&lt;li&gt;If the option has a hierarchical menu or control, holding the pointer on the option launches it.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How Mature Is It?
&lt;/h2&gt;

&lt;p&gt;While the concept is innovative and promising, it's still in a nascent stage. Most implementations are DIY, and mainstream options, like the Surface Dial, remain limited. Extensive research is needed for various implementations and improvements.&lt;/p&gt;

&lt;h2&gt;
  
  
  Current Capabilities
&lt;/h2&gt;

&lt;p&gt;SpInput offers a range of capabilities:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Highly configurable&lt;/li&gt;
&lt;li&gt;Multitasking capabilities&lt;/li&gt;
&lt;li&gt;Multi-device support&lt;/li&gt;
&lt;li&gt;Multi-application support&lt;/li&gt;
&lt;li&gt;Wireless connectivity and charging&lt;/li&gt;
&lt;li&gt;Can be paired with other SpInput devices&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Real-Life Use Cases
&lt;/h2&gt;

&lt;p&gt;SpInput finds its utility in various domains, including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Audio Editing&lt;/li&gt;
&lt;li&gt;Video Editing&lt;/li&gt;
&lt;li&gt;Gaming&lt;/li&gt;
&lt;li&gt;CAD Designs&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Limitations of SpInput
&lt;/h2&gt;

&lt;p&gt;As with any innovation, SpInput has its limitations:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Complexity of use for new users&lt;/li&gt;
&lt;li&gt;Limited resolution compared to other input methods&lt;/li&gt;
&lt;li&gt;Potential additional costs for hardware&lt;/li&gt;
&lt;li&gt;Compatibility constraints&lt;/li&gt;
&lt;li&gt;Maintenance requirements&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  References
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.epitran.it/ebayDrive/datasheet/25.pdf"&gt;Datasheet for Rotary Encoder Module&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://youtu.be/k6GLz7JobfA"&gt;Microsoft Surface Dial Video&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://forum.gta.world/en/topic/35804-weapon-wheel/"&gt;GTA Weapon Wheel Forum Discussion&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dribbble.com/shots/801609-Concept-Idea-Radial-Menu-UI-animated"&gt;Radial Menu UI Concept&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=k6GLz7JobfA&amp;amp;ab_channel=MicrosoftDeutschland"&gt;Microsoft Deutschland Surface Dial Video&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=MRdQyrpflB4&amp;amp;ab_channel=Zyger"&gt;Zyger's Surface Dial Video&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://youtu.be/ePKGLnjlXl4"&gt;Additional SpInput Video&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://rhombical.medium.com/an-ode-to-radial-menus-84a8a2dacc3a"&gt;An Ode to Radial Menus&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://hackaday.com/2018/12/13/every-computer-deserves-a-rotary-encoder/"&gt;Every Computer Deserves a Rotary Encoder&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>programming</category>
      <category>productivity</category>
      <category>iot</category>
      <category>a11y</category>
    </item>
    <item>
      <title>Scribble Cloud - Automation for E-writing Pads</title>
      <dc:creator>Parth Doshi</dc:creator>
      <pubDate>Fri, 21 Oct 2022 22:38:21 +0000</pubDate>
      <link>https://dev.to/parthketandoshi/scribble-to-cloud-automation-for-e-writing-pads-3oe0</link>
      <guid>https://dev.to/parthketandoshi/scribble-to-cloud-automation-for-e-writing-pads-3oe0</guid>
      <description>&lt;p&gt;When in need for a notebook, being the tech geek that I am and trying to get eco-friendly, I decided to purchase a generic lcd writing pad from amazon. The biggest issue faced by users of such a writing pad is that it does not have storage. All the notes scribbles on it are wiped off with the click of a button.&lt;/p&gt;

&lt;p&gt;The most common FAQs about these generic writing pad are whether they can store the sketches scribbled on them or not. This prompted me to believe that there is a demand for a solution to store and probably share the sketches. That is when the idea of creating a Siri Shortcut to click a picture and automatically send it to a designated EMail with timestamp in a template subject line.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Forj4cni3kqxq2lx591x7.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Forj4cni3kqxq2lx591x7.PNG" alt="Image description" width="800" height="1731"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then I created a rule in my outlook inbox to automatically divert the mails containing the template subject line into a folder.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp52gq1krn45u9w80aeyn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp52gq1krn45u9w80aeyn.png" alt="Image description" width="800" height="461"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then I purchased an NFC Tag Sticker, stuck it to the back of the writing pad and created an automation to trigger my shortcut on scanning this NFC Tag.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9fbct4cvxbgl610kcwwq.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9fbct4cvxbgl610kcwwq.PNG" alt="Image description" width="800" height="1731"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So this is a quick automation project that I implemented.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.icloud.com/shortcuts/9d1d397088da4b289e664fd8481fbbd5"&gt;Click here&lt;/a&gt; to access the Siri Shortcut that I created. You can make changes to the recipients mail. &lt;/p&gt;

</description>
      <category>writing</category>
      <category>ios</category>
      <category>automation</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Deploying Jupyter Notebook as a HTML Web Page</title>
      <dc:creator>Parth Doshi</dc:creator>
      <pubDate>Sun, 18 Apr 2021 15:52:27 +0000</pubDate>
      <link>https://dev.to/parthketandoshi/deploying-jupyter-notebook-as-a-web-page-44jp</link>
      <guid>https://dev.to/parthketandoshi/deploying-jupyter-notebook-as-a-web-page-44jp</guid>
      <description>&lt;p&gt;I am writing this post to demonstrate how I deployed a Jupyter Notebook as an HTML Web-page. When provided with a problem statement for which I decided to implement the solution in Python, I was exploring different ways to share my Python Script displaying the code snippets with its output when I found out this method. &lt;/p&gt;

&lt;p&gt;You can check out the final output here 👇🏻&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://parthketandoshi.github.io/Production-Application-Test/" rel="noopener noreferrer"&gt;Production Application Test - Project Webpage&lt;/a&gt;
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Problem Statement 📄 (Source: &lt;a href="https://www.intercom.com/blog/how-we-hire-engineers-part-1/" rel="noopener noreferrer"&gt;Intercom&lt;/a&gt;)
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;We have some customer records in a text file, one customer per line, JSON formatted lines. We want to invite any customer within 100km of our Dublin office for some food and drinks on us. Write a program that will read the full list of customers and output the names and user ids of matching customers (within 100km), sorted by User ID (ascending).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You must use the first formula from &lt;a href="https://en.wikipedia.org/wiki/Great-circle_distance" rel="noopener noreferrer"&gt;this Wikipedia article&lt;/a&gt; to calculate distance. Don't forget, you'll need to convert degrees to radians.&lt;/li&gt;
&lt;li&gt;The GPS coordinates for our Dublin office are 53.339428 and -6.257664.&lt;/li&gt;
&lt;li&gt;You can find the Customer list &lt;a href="https://gist.github.com/shadab16/ebf141802f90a51c42350ca2dd98ec7c" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Implementation 🏗
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://colab.research.google.com" rel="noopener noreferrer"&gt;Google Colaboratory ⚗️&lt;/a&gt; to implement the Python Script&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://python-visualization.github.io/folium/" rel="noopener noreferrer"&gt;Folium 🗺&lt;/a&gt; to render Maps and Markers for Office and Customer Locations&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://urllib3.readthedocs.io/en/latest/" rel="noopener noreferrer"&gt;URLlib Module 📁&lt;/a&gt; to fetch and process customer data&lt;/li&gt;
&lt;li&gt;Built-in &lt;a href="https://docs.python.org/3/library/json.html" rel="noopener noreferrer"&gt;JSON Package 🧾&lt;/a&gt; to process the data after initial pre-processing&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pandas.pydata.org" rel="noopener noreferrer"&gt;Pandas 📊&lt;/a&gt; to work with the processed customer data&lt;/li&gt;
&lt;li&gt;Built-in &lt;a href="https://docs.python.org/3/library/unittest.html" rel="noopener noreferrer"&gt;UnitTest Library 📋&lt;/a&gt; to implement basic unit-testing&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pages.github.com" rel="noopener noreferrer"&gt;GitHub Pages 💻&lt;/a&gt; for hosting the generated Web-page&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Deployment 🚀
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Jupyter Notebook to HTML
&lt;/h4&gt;

&lt;p&gt;I used &lt;a href="https://nbconvert.readthedocs.io/en/latest/" rel="noopener noreferrer"&gt;&lt;strong&gt;jupyter nbconvert&lt;/strong&gt;&lt;/a&gt; to convert the ipynb script to html&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;jupyter nbconvert &amp;lt;input-file&amp;gt; --to &amp;lt;output-format&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;&lt;a href="https://nbconvert.readthedocs.io/en/latest/usage.html#supported-output-formats" rel="noopener noreferrer"&gt;Supported output formats&lt;/a&gt; are HTML, PDF, LaTeX and many more. &lt;/p&gt;

&lt;p&gt;Additional &lt;a href="https://nbconvert.readthedocs.io/en/latest/config_options.html" rel="noopener noreferrer"&gt;Configuration Options&lt;/a&gt; can be used to enrich the experience of converting notebooks to other forms. One option which I used was changing the theme of the notebook which is set to &lt;em&gt;Light&lt;/em&gt; by default. It can be done using HTMLExporter.theme CLI flag.&lt;/p&gt;

&lt;p&gt;Usage Eample:&lt;br&gt;
&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;jupyter nbconvert script.ipynb --to html --HTMLExporter.theme=dark 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;After generating the HTML file, I made changes to the HTML code like adding a navbar to navigate to sections and changing the background colour jp-Notebook class from Black to Grey20 colour (#333333). I hosted it using GitHub Pages directly from its GitHub Repository.&lt;/p&gt;
&lt;h3&gt;
  
  
  GitHub Repository 📥
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ParthKetanDoshi" rel="noopener noreferrer"&gt;
        ParthKetanDoshi
      &lt;/a&gt; / &lt;a href="https://github.com/ParthKetanDoshi/Production-Application-Test" rel="noopener noreferrer"&gt;
        Production-Application-Test
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;Live Demo: &lt;a href="https://parthketandoshi.github.io/Production-Application-Test/" rel="nofollow noopener noreferrer"&gt;https://parthketandoshi.github.io/Production-Application-Test/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://private-user-images.githubusercontent.com/23140565/292560514-0ed373ef-0451-4c6a-8ec2-5641c4fdbf93.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mjg0ODgyODcsIm5iZiI6MTcyODQ4Nzk4NywicGF0aCI6Ii8yMzE0MDU2NS8yOTI1NjA1MTQtMGVkMzczZWYtMDQ1MS00YzZhLThlYzItNTY0MWM0ZmRiZjkzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDEwMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMDA5VDE1MzMwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI2ZDVjNTJmZjRjYTEyOTQxOTE0YjdkYzhkNDRjMjJmM2FiY2Y5N2RhNzE0MWM1N2IwYzQwNmYzNTY4MzIzZGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.9Duu8HfFsikV-sEaZHhk8fNJCbVBzHZtoMHyYOkcunw"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fprivate-user-images.githubusercontent.com%2F23140565%2F292560514-0ed373ef-0451-4c6a-8ec2-5641c4fdbf93.png%3Fjwt%3DeyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mjg0ODgyODcsIm5iZiI6MTcyODQ4Nzk4NywicGF0aCI6Ii8yMzE0MDU2NS8yOTI1NjA1MTQtMGVkMzczZWYtMDQ1MS00YzZhLThlYzItNTY0MWM0ZmRiZjkzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDEwMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMDA5VDE1MzMwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI2ZDVjNTJmZjRjYTEyOTQxOTE0YjdkYzhkNDRjMjJmM2FiY2Y5N2RhNzE0MWM1N2IwYzQwNmYzNTY4MzIzZGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.9Duu8HfFsikV-sEaZHhk8fNJCbVBzHZtoMHyYOkcunw" alt="screenshot-parthketandoshi github io-2023 12 22-12_47_44"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Deploying Jupyter Notebook as a HTML Web Page: &lt;a href="https://dev.to/parthketandoshi/deploying-jupyter-notebook-as-a-web-page-44jp" rel="nofollow"&gt;https://dev.to/parthketandoshi/deploying-jupyter-notebook-as-a-web-page-44jp&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/ParthKetanDoshi/Production-Application-Test" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;



</description>
      <category>python</category>
      <category>jupyter</category>
      <category>webdev</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Bridge Health Monitoring System using IoT 🌉</title>
      <dc:creator>Parth Doshi</dc:creator>
      <pubDate>Fri, 22 May 2020 10:23:03 +0000</pubDate>
      <link>https://dev.to/parthketandoshi/bridge-health-monitoring-system-using-iot-3ppc</link>
      <guid>https://dev.to/parthketandoshi/bridge-health-monitoring-system-using-iot-3ppc</guid>
      <description>&lt;p&gt;In this post, I'll be describing about the Undergraduate Capstone Project that I created along with my teammates Viraj Shetty &lt;a class="mentioned-user" href="https://dev.to/virajvshetty"&gt;@virajvshetty&lt;/a&gt; and Ajinkya Tungare &lt;a class="mentioned-user" href="https://dev.to/ajinkyatungare24"&gt;@ajinkyatungare24&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;Infrastructures are subjected to constant corrosion making them vulnerable to degradation. Of all different types of structures, bridges are the most vulnerable as they are exposed to various natural factors and if the corrosion is not checked, it can lead to loss of Human Life and property. An IoT based Structural Health Monitoring System can allow us to collect real-time information about different parameters from the bridge and prevent a disaster from happening.&lt;/p&gt;

&lt;h1&gt;
  
  
  Image Analysis using Python
&lt;/h1&gt;

&lt;h3&gt;
  
  
  Description:
&lt;/h3&gt;

&lt;p&gt;The basic idea of this implementation was to capture images at different sites on a bridge and compare them using Python Imaging Library. If the difference in the image goes beyond a critical limit then there needs to be an in-person inspection done to check the reason behind the obtained result.&lt;/p&gt;

&lt;h3&gt;
  
  
  Description of the Application:
&lt;/h3&gt;

&lt;p&gt;We have created a python application which takes two images as input and computes the difference in those images using the PIL Library. The idea is to take images from the same site on the Bridges and compute the difference in them in order to see how the site has changed over a period of time. The tests that we conducted on data have resulted in the application detecting changes on the surface caused due to Cracks, Deformities and Corrosion. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fok6y9vrou2n1191s8iqi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fok6y9vrou2n1191s8iqi.png" alt="Alt Text" width="800" height="288"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  End Result
&lt;/h3&gt;

&lt;p&gt;We have made a GUI in Python which captures images or takes them from the system storage and then computes the difference image and difference percentage and sends it to the cloud storage. We have developed a PWA where we display the computed percentage difference. A threshold can be set in the system by the governing authority and if the threshold is surpassed, the authority will be notified. We have also implemented an EMail System which sends the input images, result image, timestamps, site &amp;amp; bridge data and the computed percentage difference to the authority.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqkubssztxf0tv70f6evy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqkubssztxf0tv70f6evy.png" alt="Alt Text" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  Future Scope
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Making use of Robotics to automate the process of capturing data on the sites&lt;/li&gt;
&lt;li&gt;Using machine learning models to generate the desired output without difference&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Audio Analysis using Python:
&lt;/h1&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/virajvshetty" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s---YqNhhql--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://media.dev.to/cdn-cgi/image/width%3D150%2Cheight%3D150%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto/https%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Fuser%252Fprofile_image%252F392674%252Ffd171cbb-a69e-4e9f-83ca-0475d3b0d83a.jpg" alt="virajvshetty"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/virajvshetty/bridge-health-monitoring-system-using-iot-2cfc" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Bridge Health Monitoring System using IoT🌉&lt;/h2&gt;
      &lt;h3&gt;Viraj Shetty ・ May 22 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#octograd2020&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#iot&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#python&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#pwa&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;h1&gt;
  
  
  Hardware Module using Arduino:
&lt;/h1&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/ajinkyatungare24" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IPpzJQ6n--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://media.dev.to/cdn-cgi/image/width%3D150%2Cheight%3D150%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto/https%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Fuser%252Fprofile_image%252F392778%252Fb6e6f6e9-cbae-460b-86dc-d819e0295e49.jpg" alt="ajinkyatungare24"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/ajinkyatungare24/bridge-health-monitoring-system-using-iot-47bh" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Bridge Health Monitoring System using IoT&lt;/h2&gt;
      &lt;h3&gt;Ajinkya Tungare ・ May 22 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#octograd2020&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#iot&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#python&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#pwa&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>octograd2020</category>
      <category>iot</category>
      <category>python</category>
      <category>pwa</category>
    </item>
  </channel>
</rss>
