Josephine Hall

Josephine Hall https://jojo.codes Josephine Hall Wed, 02 Feb 2022 03:27:39 +0000 https://jojo.codes en instant insights http://jojo.codes/instant-insights Wed, 02 Feb 2022 03:27:39 +0000 Josephine Hall 418842 Instant Insightswww.streem.com.au Instant Insights is a reporting and dashboard feature within the Streem platform that allows clients to analyse and demonstrate the value of their media coverage. I was part of a small team of engineers to completely rebuild this feature with a revamped user interface and visual design, the ability to compare multiple streams of coverage, and a range of new charts and data visualisations. Toolbox I built many of the new charts and visualisations in our internal Vue and Chart.js charting library. I also took responsibility for building the new HTML and PDF export of Instant Insights dashboards in our Rails API, while ensuring that all exsiting behaviour could run in parallel prior to launch. Myself and the other engineer worked effectively and pragmatically under a tight deadline to deliver the work, and the feature was received very enthusiastically by our clients. Read the press for Instant Insights →  <img width="800" height="419" width_o="800" height_o="419" src_o="https://cortex.persona.co/t/original/i/9b19ca059fb17f46deebf5b0ce4e72748cbf09adfc1e525c1809c5a50eafa013/Instant-Insights-and-Social-Amplify-800x419-copy.jpg" data-mid="1159716" border="0" /> Instant Insightswww.streem.com.au Instant Insights is a reporting and dashboard feature within the Streem platform that allows clients to analyse and demonstrate... rnz http://jojo.codes/rnz Mon, 29 Jun 2020 10:19:39 +0000 Josephine Hall 372653 A CDN for RNZwww.rnz.co.nz Radio New Zealand (RNZ) is Aotearoa New Zealand's independent public service media organisation. During the Covid-19 epidemic RNZ was so trusted by the public to deliver high-quality journalism that our audience numbers more than doubled between February and March 2020. I led the implementation and change management of putting a CDN in place on the main publishing platform of rnz.co.nz, to replace existing, on-premises Varnish cache servers that were failing under unprecedented audience growth. I managed the Go-Live carefully so that the public did not see any interruption to news publishing as the architectural change happened. ToolboxWe chose Fastly as our CDN provider as they have POPs based in Aotearoa and we could adapt our existing Varnish Cache Language rules into the managed service. I had to upskill quickly in areas of AWS infrastructure management that I was not familiar with, get super familiar with VCL and Fastly’s features, and manage expectations of stakeholders and risks for the organisation. I also coordinated a Go-Live with multiple comms channels and many fine-grained technical steps. <img width="1806" height="1388" width_o="1806" height_o="1388" src_o="https://cortex.persona.co/t/original/i/b4d9ed0a0ee94a1465a62e4dc6601578d0928288f9c681edc8ad69e17ec912fd/Screen-Shot-2020-06-29-at-10.46.44-pm.png" data-mid="946893" border="0" /> A CDN for RNZwww.rnz.co.nz Radio New Zealand (RNZ) is Aotearoa New Zealand's independent public service media organisation. During the Covid-19 epidemic RNZ was so... ldr http://jojo.codes/ldr Mon, 29 Jun 2020 09:50:21 +0000 Josephine Hall 372650 Local Democracy Reporting www.rnz.co.nz/ldr The Local Democracy Reporting (LDR) project is a free public interest news service focusing exclusively on stories about publicly appointed or elected officials or bodies in Aotearoa New Zealand, and is supported by RNZ.I led a team of three developers to build a wireservice and content distribution portal for the service. We worked with an internal product owner to develop job stories, editorial workflows and make an appropriate CMS selection given the time and budget constraints. ToolboxWe built the service with WordPress because we needed a flexible, easy-to-use administration interface to support the editorial approval workflow of regional newsrooms. I introduced a devops focus by choosing Heroku as the cloud platform for the service; and we rose to the challenge of turning a WordPress application into a 12-factored app. <img width="2088" height="1288" width_o="2088" height_o="1288" src_o="https://cortex.persona.co/t/original/i/35a67d5f0bbf3ef0cab7278edd27e4c0951a1aeb92b97dc7c62c3fe442c64396/Screen-Shot-2020-06-29-at-10.11.53-pm.png" data-mid="946868" border="0" /> Local Democracy Reporting www.rnz.co.nz/ldr The Local Democracy Reporting (LDR) project is a free public interest news service focusing exclusively on stories... birdsnest http://jojo.codes/birdsnest Sun, 21 Oct 2018 03:28:36 +0000 Josephine Hall 294242 Birdsnest www.birdsnest.com.au Birdsnest is an online womens’ clothing retailer with a big heart, based in Cooma, NSW, Australia. Birdsnest has built their business from the ground up; including managing their tech stack in-house. I was part of a team of three developers working alongside the Birdsnest team to build out their newly designed catalogue pages for their existing public website. In this project I focused on writing new and improving legacy JavaScript and CSS, but I also undertook a good portion of back-end work to implement sorting and filtering features. Additionally, I spent time analysing and understanding the performance profile of the front-end and using this to help improve the mobile experience of the website. Toolbox The Birdsnest website is a long-running Ruby on Rails application, with all the challenges that come along with a legacy codebase. In the front-end I made sure to use modern JavaScript patterns to decouple the state of interface interactions from the DOM, using a similar approach to the Viewloader library. <img width="1053" height="1030" width_o="1053" height_o="1030" src_o="https://cortex.persona.co/t/original/i/0c44c6993c214a662e7764e44c67f16d1ee91306621d07e9314d428b363ba9f5/birdsnest.png" data-mid="560247" border="0" /> Birdsnest www.birdsnest.com.au Birdsnest is an online womens’ clothing retailer with a big heart, based in Cooma, NSW, Australia. Birdsnest has built... nma labels http://jojo.codes/nma-labels Sun, 21 Oct 2018 03:27:36 +0000 Josephine Hall 294241 Digital Object Labels Client: National Museum of Australia, Canberra As part of redeveloping their main gallery space, the National Museum of Australia also digitised their approach to object labels with a goal to making them flexible, localizable, and engaging. I was the core developer on the Digital Object Labels project. I  built a React app that can display any kind of object label, based on data pulled from an external API. Around this I built an Electron wrapper to handle in-gallery display, and added caching via a Service Worker to reduce load on the API provider. Digital Object Labels needed to function off the Museum’s network, so I built an “offline” mode and an export feature that downloads and writes the label data and assets locally.  Additionally I built a robust solution for analytics tracking; events are sent to Google Analytics via a intermediary tracking app on the museum’s network, or written to disk in offline mode. This helps museum staff answer questions like “Which object do our visitors find most interesting?” in a quantitive way. Toolbox React, CSS components, REST, Electron and the Service Worker APIs. Ruby and Roda for the intermediary analytics tracking app. <img width="1101" height="828" width_o="1101" height_o="828" src_o="https://cortex.persona.co/t/original/i/2838bfc53007ee9faacba68b1ac3ecf3278564d3c29385c9a70457f07538588c/Pasted-image-at-2017_09_28-05_22-PM.png" data-mid="560250" border="0" /> Digital Object Labels Client: National Museum of Australia, Canberra As part of redeveloping their main gallery space, the National Museum of Australia also... mup http://jojo.codes/mup Sun, 21 Oct 2018 03:27:28 +0000 Josephine Hall 294240 Melbourne University Publishing www.mup.com.au Melbourne University Publishing (MUP) is Australia’s oldest University press, and they needed a new website to showcase their range of titles, to handle public and wholesale orders and improve their editorial direction. I was one of three core developers on this project, taking responsibility for integrating with numerous third party APIs and services. In particular I was responsible for designing the database schema, implementing daily processing of product data and titles supplied by Penguin Random House, and building the entire checkout process including a custom built promotions and discounts system. I also built many of the editorial features and admin back-end for the application. It was a challenging but rewarding project. ToolboxMUP’s new website was one of the first large-scale, complex dry-rb and rom-rb apps running in production. The dry-rb and rom-rb ecosystem is a collection of gems that provides a platform for building maintainable Ruby web applications. <img width="1204" height="1714" width_o="1204" height_o="1714" src_o="https://cortex.persona.co/t/original/i/b69fd95977524f2932ce9324aad9404b993f780cfbb4cffa6a5a988f4435329f/mup-special-promo-02.png" data-mid="560236" border="0" /> Melbourne University Publishing www.mup.com.au Melbourne University Publishing (MUP) is Australia’s oldest University press, and they needed a new website to... nce touchscreens http://jojo.codes/nce-touchscreens Sat, 20 Oct 2018 05:00:46 +0000 Josephine Hall 294124 National Capital Exhibition touchscreensClient: National Capital Authority, Canberra, Australia I was the primary developer for four distinct in-gallery touchscreen interactives for the refurbishment of the National Capital Exhibition. It tells the story of Canberra as the capital city of Australia, and the touchscreens add a rich dimension to the exhibition narrative.As part of this project I also built Chilly Bin, a configurable Electron app for displaying screen-based interactives in an exhibition scenario. Chilly Bin acts as a wrapper around any application or website, but allows for several configuration options including responding to remote events sent across a network connection. Toolbox: Vanilla JavaScript organised as Viewloader components, Middleman as a static website “back-end”, Electron for the Chilly Bin app, plus a healthy dose of well-crafted CSS. <img width="4000" height="2670" width_o="4000" height_o="2670" src_o="https://cortex.persona.co/t/original/i/9ebf87827fe3fa593110ade145b538793f4c286ee476248ea7362f05425f0980/810_9009.JPG" data-mid="559816" border="0" /> National Capital Exhibition touchscreensClient: National Capital Authority, Canberra, Australia I was the primary developer for four distinct in-gallery touchscreen... Home Page http://jojo.codes/Home-Page Mon, 17 Aug 2015 23:34:03 +0000 Josephine Hall 294012 <img width="1280" height="854" width_o="1280" height_o="854" src_o="https://cortex.persona.co/t/original/i/2f5ed07093232f5fb9d0ed841c8a4e1ce856b9513ffd174a9e94a91573bcf2a5/Streem-Headshots-Surry-Hills-by-Orlandosydney.com-202300578.jpg" data-mid="1300227" border="0" />Jojo Hall I’m a developer who enjoys working across all aspects of web application development. My current preferred tools are Ruby and JavaScript, and I have a solid grounding in traditional Computer Science concepts.Portfolio highlights <img width="800" height="419" width_o="800" height_o="419" src_o="https://cortex.persona.co/t/original/i/c9894b41f0b4e3791d535bfc5661613a5ec5a42b3c053bb8413ce036928238a0/Instant-Insights-and-Social-Amplify-800x419-copy.jpg" data-mid="1159723" border="0" /> Instant Insights for Streem  <img width="1429" height="967" width_o="1429" height_o="967" src_o="https://cortex.persona.co/t/original/i/c0f9363e0b38647e0623950f8936ecfbae2f2488133790b8c1f8d04033a4a7d8/810_8897-1-copy.JPG" data-mid="559835" border="0" /> National Capital Exhibition touchscreens  <img width="2088" height="1288" width_o="2088" height_o="1288" src_o="https://cortex.persona.co/t/original/i/7850e697bbd8f00eee7ae6a8c1d3d615035a437fd861ef97499af1fcd66c7e4e/Screen-Shot-2020-06-29-at-10.11.53-pm.png" data-mid="946870" border="0" />Local Democracy Reporting Project  <img width="1099" height="831" width_o="1099" height_o="831" src_o="https://cortex.persona.co/t/original/i/46677288766f6d9f0ad814a83f5af16f0e72201107f757146a33b7f06a897e91/Pasted-image-at-2017_09_28-05_21-PM-1.png" data-mid="560227" border="0" />Digital Object Labels  <img width="1806" height="1397" width_o="1806" height_o="1397" src_o="https://cortex.persona.co/t/original/i/99729e1d6823fecf29d592722026b249641486cfdf7f40ca9d95ad67075bf61d/Screen-Shot-2020-06-29-at-10.46.44-pm.png" data-mid="946891" border="0" />A CDN for rnz.co.nz  <img width="1204" height="1714" width_o="1204" height_o="1714" src_o="https://cortex.persona.co/t/original/i/bd6dd7c04c88000b34f9f58f576804892b0e220be8ec70dacc7cee8b22c16e9e/mup-special-promo-02.png" data-mid="560226" border="0" /> Melbourne University Publishing  Plue more selected clients...Birdsnest, Australian Literary Studies, Books Kinokuniya Sydney, Museum of Australian Democracy at Old Parliament House, The Wheeler Centre About me I love the challenges and rewards of making well-crafted, beautiful and functional web applications. My interest in the web began as a teenager building dinky fan websites and continuned through to a BSc in Computer Science at Victoria University of Wellington. I’ve now been working professionally in the tech industry for 10 years, and I still love the internet’s magical ability to connect people. I hail from Wellington, Aotearoa and my favourite emoji is 😘. In my spare time I love trail running, weightlifting, sewing and pottering around in my garden. Github, Email Jojo Hall I’m a developer who enjoys working across all aspects of web application development. My current preferred tools are Ruby and JavaScript, and I have a...