SWT Snowboarding

TECH FRAMEWORK

World Snowboarding Rebrand and Website Development

 
When it comes to the development and design of the World Snowboarding website, there is no question that it’s all about the data. In our preliminary research into the varying users that will be accessing the site, along with a multitude of events, we have identified the efficient delivery and display of up-to-date and relevant data to be of the utmost importance. With the vast amount of data available, it’s important that the site operates in a way that allows it to query data and only retrieve what’s new and relevant. Our combined experience has taught us that vast data import and updates can be overwhelming to the site and can result in frustrating downtime. The MemberPro and eclipse360 team will deliver a site that updates and refreshes data quickly and efficiently.
 

Tool Architecture

 
WordPress
 
WordPress is eclipse360’s site architecture of choice. But why?

With tens of thousands of developers who help to maintain the WordPress core, security issues and bugs can be found quickly and can usually be fixed within a matter of minutes/hours rather than days/months. WordPress has been around for a long time and has a proven track record of being the most versatile website platform on the market. With its thousands of plugins and customizable themes; we feel that it’s the best fit for this, and just about any, website.

AJAX and Site Caching

Due to the large amounts of data that could be passed to and from MemberPro to the new WST site, we would suggest using AJAX API calls with Promises, and Site Caching as much as possible. However, we realize the need for new, live data to be obtained whenever a user requests it. Eclipse360 and MemberPro will work together closely to cache data whenever it’s feasible to do so and to grab new data whenever it’s available.

eclipse360 is aware that the WST site must be timely (reduced latency) as riders may have just finished a run and all consumers of that data will be after the latest results within seconds of the run finishing. We propose that the site will prompt users whenever new information is available via a message at the top of the screen and, once refreshed, the latest data will be displayed.

We propose using a combination of AJAX Promises, Comet Cache for site-wide page caching, and a watch method (messaging as described above) to know when and which data points must be refreshed as quickly as possible.

We will also investigate whether or not header ETags would be useful or simply watching for database changes via a date/time stamp will suffice to refresh content utilizing 304 header responses.

Interestingly, datatables (as described on the Direction and Samples page) as of version 1.9.4 have the ability to cache server-side requests that the user makes to the database to dramatically reduce redraw times on client devices by utilizing client-side data caching, which will bypass the server-side API call. However, datatables also have the ability to clear the client-side cache in order to dynamically refresh the data.

Based on the size and complexity of the data to be displayed we could use a combination of any of the methods above in order to make the new WST as fast and dynamically data-rich as possible and page-specific datatables may use slightly different variations of these methodologies for rapid display purpose.

Naturally, all of this will be seamless from the consumer’s point of view; it will just work.

Security

To ensure our websites are as secure as possible, we enable SSL (HTTPS) on client websites and install Wordfence, a monitoring and security plugin, which will notify us of any vulnerabilities or attempts to maliciously access the website. Along with monitoring our sites, we use an application firewall through the WordFence plugin. As part of our web maintenance plan, we ensure all components of the website are up-to-date resolving any vulnerabilities as they become known.

More information on Wordfence – wordfence.com

Project Collaboration

With every passing year, technology shrinks our planet allowing teams to work collaboratively and seamlessly from virtually anywhere. With the right tools, those relationships and projects remain as efficient and successful as they would be working together, side-by-side. Below is a list of some of the applications we use to keep connected on all projects and allow for the easy access and transfer of project information, files, content and project management tools.

  • Active Collab
  • Function Point
  • Skype for Business
  • Slack
  • Slickplan
  • Google Docs