{"id":120,"date":"2015-03-08T23:23:37","date_gmt":"2015-03-08T12:23:37","guid":{"rendered":"http:\/\/192.168.0.50\/?page_id=120"},"modified":"2016-02-08T23:26:30","modified_gmt":"2016-02-08T12:26:30","slug":"technology","status":"publish","type":"page","link":"https:\/\/vietnam-war.au\/?page_id=120","title":{"rendered":"Technology Overview"},"content":{"rendered":"[vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1\/1″][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJwYWdlLWJhY2tncm91bmQlMjIlM0UlM0MlMkZkaXYlM0U=[\/vc_raw_html][\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″]

Technology Overview<\/h1>\n

In developing this website, a number of key design choices were\u00a0made. This is an overview of what these choices were and why we chose the path we did.<\/p>\n[\/vc_column][vc_column fade_animation_offset=”45px” width=”1\/3″][\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″]

Type of application<\/h2>\n

The Battle Map is a single-page\u00a0Web application (SPA) built for the modern Web. While it is\u00a0optimised for PCs, its responsive design makes it usable with mobile devices such as tablets.<\/p>\n[\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”]<\/a>[\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″]

Mapping\u00a0engine<\/h2>\n

We wanted to give users of the\u00a0Battle Map<\/a>\u00a0more than just a static map. Our aim was to create\u00a0an intuitive way of viewing contacts on a map, while providing sufficient depth for users who want\u00a0to delve into the details.<\/p>\n

The end result is a highly interactive experience that\u00a0allows the user to\u00a0not only\u00a0choose from many map layers, but combine these with other analysis tools including charts and filters, to find\u00a0and view information their way. Features such as the Timeline set\u00a0the\u00a0Battle Map<\/em> apart from other websites,\u00a0due to its integration with the map, charts and filters.<\/p>\n

OpenLayers 3<\/a>, a popular\u00a0open-source mapping platform,\u00a0is the mapping engine at the heart of the Battle Map<\/em>.<\/p>\n[\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”]<\/a>[\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″]

Data access<\/h2>\n

We required on-demand\u00a0analysis against a mix of data sources, including\u00a0combat incidents\u00a0and\u00a0community-contributed content. This data would need to be\u00a0filterable and available for use with charts and map layers to let users explore the Vietnam War their way.<\/p>\n

The\u00a0underlying technology\u00a0had to be scalable enough to meet our\u00a0future\u00a0aim of\u00a0covering the broader Vietnam War (including\u00a0NZ and US forces). We chose\u00a0MySQL, a\u00a0relational database management system.<\/p>\n

Another consideration was being able to package\u00a0the website as a\u00a0mobile app in the future.\u00a0To make this\u00a0easier to achieve, we implemented a REST<\/a> data service using the Open Data Protocol (OData<\/a>). This will enable us to\u00a0deploy our application in many forms in the future, all\u00a0sharing the\u00a0same database access layer.<\/p>\n[\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”]\"OData\"<\/a>\"MySQL\"<\/a>[\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″]

More\u00a0information<\/h2>\n

For more information on the technology behind this website, please contact us<\/a>.<\/p>\n[\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”][\/vc_column][\/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1\/1″]

[\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1\/1″][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJwYWdlLWJhY2tncm91bmQlMjIlM0UlM0MlMkZkaXYlM0U=[\/vc_raw_html][\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″][\/vc_column][vc_column fade_animation_offset=”45px” width=”1\/3″][\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″][\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”][\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″][\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”][\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″][\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”][\/vc_column][\/vc_row][vc_row no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”2\/3″][\/vc_column][vc_column fade_animation=”in” fade_animation_offset=”45px” width=”1\/3″ style=”padding-top: 50px”][\/vc_column][\/vc_row][vc_row padding_top=”0px” … Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blank-1.php","meta":{"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/vietnam-war.au\/index.php?rest_route=\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vietnam-war.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vietnam-war.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vietnam-war.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vietnam-war.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=120"}],"version-history":[{"count":42,"href":"https:\/\/vietnam-war.au\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":1453,"href":"https:\/\/vietnam-war.au\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions\/1453"}],"wp:attachment":[{"href":"https:\/\/vietnam-war.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}