Solar Energy Dashboard

SAPHI was contracted to develop a bespoke solar energy dashboard for the City of Newcastle to monitor the performance of the various solar assets located throughout the smart city

Solar energy dashboard

Who Is Our Client?

City of Newcastle is a local government authority in NSW, Australia. Council employees over 900 staff helping residents and visitors live, work and play in Newcastle. Newcastle has six beaches, two ocean baths, five inland pools, 630km of footpaths, 350 parks and fields, 118 playgrounds, 634 buildings and structures, 798.5km of roads and plenty more. Council also manages Newcastle Art Gallery, Newcastle Museum, Civic Theatre and nine branch libraries.

What Was The Problem?

The City of Newcastle have their solar data stored with a 3rd party entity but needed a way to be able to visualise that data in a user friendly, intuitive way.

What Was The Solution?

SAPHI designed and implemented a custom solar energy dashboard using 3rd party platform integration to enable users to better visualise the performance of various solar assets throughout the city.

What Were The Outcomes?

  • Enhanced data visibility
  • Improved public sentiment and engagement
  • Better decision making

What Skills Did SAPHI Use To Implement The Solution?

The tech stack and experience required for the solar energy dashboard included a broad range of skills from our team of computer, electrical and software engineers, including:

  • Back-end
    • Firebase Cloud Functions – used to communicate with the SwitchDin API to retrieve the solar panel data across different sites in Newcastle. These functions are scheduled to run every minute to pull relevant data so that everything that the user sees is up-to date
    • Firebase Cloud Firestore – a NoSQL database hosted on the cloud that was used to keep site-specific data that did not change
    • Angular – A JavaScript framework used as the front-end utilizing HTML, CSS and TypeScript
    • MDBootstrap – UI Kit Framework to ensure responsiveness and speed up the process of building components necessary for the app.
    • With this, the Bootstrap Carousel provided by MDBootstrap was integrated  to cycle through site-based data such as:
    • Images
    • Video footage
    • Graphical view of solar panel data of the day and past weeks
    • Current date and time
    • All this together gives the user a feel of live data since the carousel would continuously update and sift through data retrieved every minute
    • Adobe XD – used to prepare mockups for the client before proceeding with front-end development
    • GitHub Projects – Kept track of the tasks due and completed

What Support Did SAPHI Offer After Completion?

SAPHI provides customised packages to support the full system development life cycle and implementation of upgrades to support the evolving needs of our clients and their customers.

Do You Have A Project You Need Support With?

Reach out to our friendly team today for a free consultation about your unique project.

Interested in other projects?

Check out more projects below!