{"id":1843,"date":"2022-09-12T00:39:12","date_gmt":"2022-09-11T17:39:12","guid":{"rendered":"https:\/\/cb.ax\/blog\/?p=1843"},"modified":"2024-11-27T13:37:01","modified_gmt":"2024-11-27T06:37:01","slug":"sound-level-meter-of-motor-expo-thailand","status":"publish","type":"post","link":"https:\/\/cb.ax\/blog\/sound-level-meter-of-motor-expo-thailand\/","title":{"rendered":"Sound Level Meter of Motor Expo Thailand"},"content":{"rendered":"\n<p>ROLE: Front-End Web Developer<br>WHEN: Since 2012 &#8211; present<br>TECH-STACK: Javascript, PHP, MySQL, Svelte, PowerBI<\/p>\n\n\n\n<p>Develop Web Front-End for Sound Level Meter monitoring system (SLM). SLM System use iPads which calibrated to measure noise level around the exhibition. All measured data stored in local server at the exhibition and I created web frontend to display a data.<\/p>\n\n\n\n<p>Features:<br>&#8211; Display realtime measurement with Heat Map<br>&#8211; Historian scatter plot for each device<br>&#8211; Day Overview surface plot<br>&#8211; interactively playback measurement data<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"855\" src=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-1024x855.png\" alt=\"\" class=\"wp-image-1855\" title=\"\" srcset=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-1024x855.png 1024w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-300x251.png 300w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-768x641.png 768w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-1536x1283.png 1536w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-2048x1711.png 2048w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-100x84.png 100w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-539x450.png 539w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/SLWM_ScreenShot_on_22002700-1-1437x1200.png 1437w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Each noise level meter and Heat Map<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"836\" src=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-1024x836.jpeg\" alt=\"\" class=\"wp-image-1856\" title=\"\" srcset=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-1024x836.jpeg 1024w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-300x245.jpeg 300w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-768x627.jpeg 768w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-1536x1253.jpeg 1536w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-100x82.jpeg 100w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-551x450.jpeg 551w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_-1471x1200.jpeg 1471w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212625_parkpaya.synology.me_.jpeg 2033w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Historian of each device<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-1024x661.jpeg\" alt=\"\" class=\"wp-image-1857\" title=\"\" srcset=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-1024x661.jpeg 1024w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-300x194.jpeg 300w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-768x495.jpeg 768w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-1536x991.jpeg 1536w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-100x65.jpeg 100w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-698x450.jpeg 698w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_-1600x1032.jpeg 1600w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/Web-capture_22-9-2022_212514_parkpaya.synology.me_.jpeg 1719w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Day Overview surface plot<\/figcaption><\/figure>\n\n\n\n<p>Update 2022:<br>Front-End has been re-write using Svelte. You can see on <a href=\"https:\/\/slm.bz.ax\" target=\"_blank\" rel=\"noopener\">https:\/\/slm.bz.ax<\/a>. Statistic Dashboard also created using Microsoft Power BI.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"591\" src=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-1024x591.png\" alt=\"\" class=\"wp-image-1961\" title=\"\" srcset=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-1024x591.png 1024w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-300x173.png 300w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-768x443.png 768w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-1536x886.png 1536w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-100x58.png 100w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-700x404.png 700w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3-1600x923.png 1600w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-3.png 1818w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Dashboard has been re-write using Svelte.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/image-1024x569.png\" alt=\"\" class=\"wp-image-1966\" title=\"\" srcset=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/image-1024x569.png 1024w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/image-300x167.png 300w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/image-768x427.png 768w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/image-100x56.png 100w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/image-700x389.png 700w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/12\/image.png 1502w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Power BI Statistic Data Dashboard<\/figcaption><\/figure>\n\n\n\n<p>Update 2024:<br>Authorization added to main Dashboard, each exhibitor can see their noise measured value using token scanned by QR Code.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"463\" height=\"719\" src=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-2.png\" alt=\"\" class=\"wp-image-2310\" title=\"\" srcset=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-2.png 463w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-2-193x300.png 193w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-2-64x100.png 64w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-2-290x450.png 290w\" sizes=\"(max-width: 463px) 100vw, 463px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-1024x624.png\" alt=\"\" class=\"wp-image-2308\" title=\"\" srcset=\"https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-1024x624.png 1024w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-300x183.png 300w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-768x468.png 768w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-1536x936.png 1536w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-100x61.png 100w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-700x426.png 700w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1-1600x975.png 1600w, https:\/\/cb.ax\/blog\/wp-content\/uploads\/2022\/09\/image-1.png 1625w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>ROLE: Front-End Web DeveloperWHEN: Since 2012 &#8211; presentTECH-STACK: Javascript, PHP, MySQL, Svelte, PowerBI Develop Web Front-End for Sound Level Meter monitoring system (SLM). SLM System&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1858,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[111],"tags":[],"class_list":["post-1843","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-portfolio"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/posts\/1843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/comments?post=1843"}],"version-history":[{"count":12,"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/posts\/1843\/revisions"}],"predecessor-version":[{"id":2316,"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/posts\/1843\/revisions\/2316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/media\/1858"}],"wp:attachment":[{"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/media?parent=1843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/categories?post=1843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cb.ax\/blog\/wp-json\/wp\/v2\/tags?post=1843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}