{"id":29,"date":"2011-06-13T00:21:28","date_gmt":"2011-06-13T00:21:28","guid":{"rendered":"https:\/\/krushton.com\/blog\/?p=29"},"modified":"2016-11-14T03:28:01","modified_gmt":"2016-11-14T03:28:01","slug":"3vr-web","status":"publish","type":"post","link":"https:\/\/krushton.com\/blog\/3vr-web\/","title":{"rendered":"3VR Web"},"content":{"rendered":"<p>3VR designs and\u00a0manufacturers\u00a0DVRs\u00a0(digital video recorders) for the security industry. The company&#8217;s flagship product is a desktop application, but their\u00a0customers also require web and mobile access to their security systems. For this project I was tasked with reinvisioning\u00a0the company&#8217;s interface for the\u00a0web, and produced an<a href=\"https:\/\/krushton.com\/protoweb\/#\"> interactive prototype<\/a> to demonstrate some of the design&#8217;s concepts.<\/p>\n<p><strong>Key Screens<\/strong><\/p>\n<figure id=\"attachment_31\" aria-describedby=\"caption-attachment-31\" style=\"width: 300px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-31 size-medium\" src=\"https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-3-300x203.png\" alt=\"The main interface is subdivided into three panels - the map view, camera view, and events view\" width=\"300\" height=\"203\" srcset=\"https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-3-300x203.png 300w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-3-768x518.png 768w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-3-1024x691.png 1024w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-3.png 1228w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-31\" class=\"wp-caption-text\">The main interface is subdivided into three panels &#8211; the map view, camera view, and events view<\/figcaption><\/figure>\n<figure id=\"attachment_32\" aria-describedby=\"caption-attachment-32\" style=\"width: 300px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32 size-medium\" src=\"https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-2-300x222.png\" alt=\"The camera view is used for live monitoring of surveillance footage. The user can quickly create and load preconfigured arrangements of cameras\" width=\"300\" height=\"222\" srcset=\"https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-2-300x222.png 300w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-2-768x567.png 768w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-2-1024x756.png 1024w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-2.png 1228w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-32\" class=\"wp-caption-text\">The camera view is used for live monitoring of surveillance footage. The user can quickly create and load preconfigured arrangements of cameras<\/figcaption><\/figure>\n<figure id=\"attachment_30\" aria-describedby=\"caption-attachment-30\" style=\"width: 300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-30 size-medium\" src=\"https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-1-300x222.png\" width=\"300\" height=\"222\" srcset=\"https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-1-300x222.png 300w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-1-768x567.png 768w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-1-1024x756.png 1024w, https:\/\/krushton.com\/blog\/wp-content\/uploads\/2016\/06\/3VR-Web-1.png 1228w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-30\" class=\"wp-caption-text\">The map view lets users browse appliances and cameras to monitor by physical location<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>3VR designs and\u00a0manufacturers\u00a0DVRs\u00a0(digital video recorders) for the security industry. The company&#8217;s flagship product is a desktop application, but their\u00a0customers also require web and mobile access to their security systems. For this project I was tasked with reinvisioning\u00a0the company&#8217;s interface for the\u00a0web, and produced an interactive prototype to demonstrate some of the design&#8217;s concepts. Key Screens &hellip;<\/p>\n","protected":false},"author":1,"featured_media":296,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"wps_subtitle":"Security camera monitoring application","_links":{"self":[{"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":5,"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/posts\/29\/revisions\/46"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/media\/296"}],"wp:attachment":[{"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/krushton.com\/blog\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}