{"id":1056,"date":"2021-07-10T09:52:01","date_gmt":"2021-07-10T01:52:01","guid":{"rendered":"https:\/\/pixeling.net\/work\/wp\/?post_type=rara-portfolio&#038;p=1056"},"modified":"2026-07-09T07:30:55","modified_gmt":"2026-07-08T23:30:55","slug":"object-tracking","status":"publish","type":"rara-portfolio","link":"https:\/\/pixeling.net\/work\/wp\/?rara-portfolio=object-tracking","title":{"rendered":"Object Tracking"},"content":{"rendered":"<p>Object tracking allows annotators to run an algorithm to track the movement of an object across videos. This increases efficiency in terms of annotation time and accuracy where they do not have to localize the entities manually. All they have to do is to press a button to track the object, which saves a lot of time and effort.<\/p>\n<h4>Business Goal<\/h4>\n<p>The goal of this project is to make annotation tasks more accurate and faster, thus, saving time and costs.<\/p>\n<h4>The Process<\/h4>\n<p>The process for this project was a little different from what I usually do. As the initial research was done by the Research and Development team, what I had to do was research the user interface and user experience part. <em>How to make it more user-friendly and how does it fit into the user interface in our system?&nbsp;How do they turn on this feature on the platform? What are the input fields needed? Are there any conditions that I need to think about?<\/em> These were the questions that I asked myself as I worked on this project.<\/p>\n<p>I had to study and research object tracking because I was unfamiliar with the concept. It sounded complicated when I first heard of it. Still, as I started to come up with concept ideas and also talked to the R&amp;D team, Product Managers, and engineers, I found out that the complicated part wasn\u2019t about the user interface, but the back-end coding.<\/p>\n<h4>The Solution<\/h4>\n<p>I came up with the flow of how this feature is enabled from the admin side, and how the worker uses it to localize an entity, and below is the video of how the feature actually works.<\/p>\n<p><iframe loading=\"lazy\" style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" src=\"https:\/\/www.figma.com\/embed?embed_host=share&amp;url=https%3A%2F%2Fwww.figma.com%2Ffile%2FCQxsOtzSSgUvDz6xQZakKn%2FObject-Tracking%3Fnode-id%3D201%253A140950%26t%3DvWfiSMPuXvIGTZMN-1\" width=\"800\" height=\"450\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div class=\"wp-playlist wp-video-playlist wp-playlist-light\">\n\t\t<video controls=\"controls\" preload=\"none\" width=\"728\"\n\t\t height=\"410\"\t><\/video>\n\t<div class=\"wp-playlist-next\"><\/div>\n\t<div class=\"wp-playlist-prev\"><\/div>\n\t<noscript>\n\t<ol>\n\t\t<li><a href='https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking.mp4'>Object Tracking<\/a><\/li>\t<\/ol>\n\t<\/noscript>\n\t<script type=\"application\/json\" class=\"wp-playlist-script\">{\"type\":\"video\",\"tracklist\":true,\"tracknumbers\":true,\"images\":true,\"artists\":true,\"tracks\":[{\"src\":\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking.mp4\",\"type\":\"video\/mp4\",\"title\":\"Object Tracking\",\"caption\":\"\",\"description\":\"\",\"meta\":{\"length_formatted\":\"1:57\"},\"dimensions\":{\"original\":{\"width\":1920,\"height\":1080},\"resized\":{\"width\":728,\"height\":410}},\"image\":{\"src\":\"https:\/\/pixeling.net\/work\/wp\/wp-includes\/images\/media\/video.svg\",\"width\":48,\"height\":64},\"thumb\":{\"src\":\"https:\/\/pixeling.net\/work\/wp\/wp-includes\/images\/media\/video.svg\",\"width\":48,\"height\":64}}]}<\/script>\n<\/div>\n\t\n<p>In the video annotation tool, the annotator has to select a frame from the timeline, specify the number of frames to track (10 frames by default), and then press the tracking button to start the process.<\/p>\n<div id='gallery-1' class='gallery galleryid-1056 gallery-columns-1 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"412\" src=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking-Ready-1024x562.jpg\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1055\" srcset=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking-Ready-1024x562.jpg 1024w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking-Ready-300x165.jpg 300w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking-Ready-768x421.jpg 768w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking-Ready-109x60.jpg 109w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-tracking-Ready.jpg 1050w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1055'>\n\t\t\t\tClick the button to start\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"411\" src=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-Tracking-In-Progress-1024x561.jpg\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1054\" srcset=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-Tracking-In-Progress-1024x561.jpg 1024w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-Tracking-In-Progress-300x164.jpg 300w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-Tracking-In-Progress-768x421.jpg 768w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-Tracking-In-Progress-109x60.jpg 109w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-Tracking-In-Progress.jpg 1051w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1054'>\n\t\t\t\tThe tracking begins\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"411\" src=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed2-1024x561.jpg\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1053\" srcset=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed2-1024x561.jpg 1024w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed2-300x164.jpg 300w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed2-768x421.jpg 768w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed2-109x60.jpg 109w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed2.jpg 1051w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1053'>\n\t\t\t\tThe first 10 frames is completed\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"412\" src=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed-1024x562.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1052\" srcset=\"https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed-1024x562.png 1024w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed-300x165.png 300w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed-768x421.png 768w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed-109x60.png 109w, https:\/\/pixeling.net\/work\/wp\/wp-content\/uploads\/2023\/02\/obj-03-Tracking-Completed.png 1400w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1052'>\n\t\t\t\tThe tracking has completed\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p><iframe loading=\"lazy\" style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" src=\"https:\/\/www.figma.com\/embed?embed_host=share&amp;url=https%3A%2F%2Fwww.figma.com%2Ffile%2FXsuPzqrglWaUR4yE9NkXte%2FVA%252FIA-Completed-Projects%3Fnode-id%3D0%253A1%26t%3DoV2hLXBIJBxhctWT-1\" width=\"800\" height=\"450\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>The only setting that the user has to configure in the system is to toggle a switch, which enables the object tracking feature.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/8xIKQdXz7HsoWOARZW6wXUQ1E9DAbU_qcTd9_BVwuQeseLM7GswG6luyQ8H0DrwfHPOcUTeYNmNI0jMHTtrI7t5bk-PB_Nqkx_a6GGj2LHWYF7EKtFa2m9ljUKESqU8sQG5wnEtA79Vou6ZO4KJx0l4\" alt=\"\"><\/figure>\n<h4><\/h4>\n<h4>Conclusion<\/h4>\n<p>This feature was quite straightforward from the UI\/UX design point of view, but more effort was needed from the initial research and back-end development. It sounded daunting when I first started working on it, however, th<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Object tracking allows annotators to run an algorithm to track the movement of an object across videos. This increases efficiency in terms of annotation time and accuracy where they do not have to localize the entities manually. All they have to do is to press a button to track the object, which saves a lot &hellip; <\/p>\n","protected":false},"author":1,"featured_media":1382,"comment_status":"closed","ping_status":"closed","template":"","rara_portfolio_categories":[2],"class_list":["post-1056","rara-portfolio","type-rara-portfolio","status-publish","has-post-thumbnail","hentry","rara_portfolio_categories-uiux","latest_post"],"_links":{"self":[{"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=\/wp\/v2\/rara-portfolio\/1056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=\/wp\/v2\/rara-portfolio"}],"about":[{"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=\/wp\/v2\/types\/rara-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1056"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=\/wp\/v2\/media\/1382"}],"wp:attachment":[{"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1056"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/pixeling.net\/work\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Frara_portfolio_categories&post=1056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}