Supermodel Content Management System

<!DOCTYPE html>      <html lang="en">  <head> <title>Supermodel Content Management System</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/png" href="" /> <link href="../css/screen.css" rel="stylesheet" media="screen, projection"/> <link rel="apple-touch-icon" sizes="57x57" href="../img/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="../img/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="../img/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="../img/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="../img/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="../img/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="../img/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="../img/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="../img/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="../img/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="../img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="../img/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" href="../img/favicon/favicon-32x32.png"> <link rel="manifest" href="../img/favicon/manifest.json"> <meta name="theme-color" content="#0099CC"> <meta name="msapplication-TileColor" content="#0099CC"> <meta name="msapplication-TileImage" content="../img/favicon/ms-icon-144x144.png"> <script src="../js/jquery-1.11.0.js"></script> <script src="../js/modernizr.custom.min.js"></script> <script src="../js/selectivizr.js"></script> <script src="../js/jquery.acronym.js"></script> <script src="../js/jquery.smoothState.js"></script> <script src="../js/site.js"></script> </head> <body> <div id="page"> <div class="page-body"> <header class="header"> <div class="container"> <a class="cactuslab-logo" href="/"> <img class="cl-icon" src="../img/logo/sm-icon-blue.svg"> <h1> <img src="../img/logo/sm-wordmark-blue.svg"> </h1> </a> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/features/">Features</a></li> <li><a href="http://www.cactuslab.com/about/">Contact</a></li> </ul> </nav> </div> </header> <div id="ss" class="main text feature-list scene_element scene_element--fadein"> <div class="container"> <aside> <p>Supermodel is the in-house CMS of web standards and iOS design and development studio, <a href="http://www.cactuslab.com">Cactuslab</a>.</p> <p>Supermodel is made available free of licensing fees for client projects, and to other implementers by arrangement.</p> <p>Please <a href="http://www.cactuslab.com/about/">get in touch</a> for a demo.</p> </aside> <div class="text-field"> <section> <h5>Interface Approach</h5> <ul> <li>Easy-to-use, web-based content management platform</li> <li>Allows one or more site administrators to maintain a website without specialised tools or knowledge of HTML/CSS</li> <li>Familiar tree interface for exploring content structure</li> <li>Single click from any content page to its editing interface</li> <li>Drag and drop to re-arrange content order</li> <li>WYSIWYG editor for long-form content</li> <li>Search by keyword or find content by data type</li> </ul> <h5>Image and Video Handling</h5> <ul> <li>Upload images inline within the admin interface, with support for multiple file selection and drag-and-drop</li> <li>Uploaded images are automatically filed in the site’s folder structure</li> <li>On-demand resizing, cropping and rotation of uploaded images, with the output cached for best performance</li> <li>Embed inline video players from popular third-party services at any size, using the clip’s URL only</li> <li>Support for normalised image output, enabling square and rectangular aspect ratios to be displayed with consistent visual weight</li> <li>Built-in ‘hotspotting’ of uploaded images, allowing metadata to be attached to points or bounding boxes within the image</li> <li>Support for ‘retina’ images using <code>srcset</code> to automatically serve hi-res images to hi-DPI devices</li> </ul> <h5>Workflow</h5> <ul> <li>Any number of administrator approval levels configurable by implementer</li> <li>Default setup allows for ‘draft’ and ‘published’ content modes</li> <li>Preview draft/unpublished content as it will appear once published</li> <li>Content may be automatically added or removed from a site at pre-determined times</li> <li>Ability to re-use (or move) content between sections by sharing (or moving) ‘objects’</li> <li>Support for multiple administrators and page/object locking to prevent accidental overriding of another editor’s changes</li> <li>Audit history maintained for all editing actions, including a ‘diff’-style view to identify changes between versions</li> </ul> <h5>User Management</h5> <ul> <li>Comprehensive user management and reporting module</li> <li>Expose editable account pages with any number of additional fields</li> <li>Confirm new user accounts via email/URL workflow</li> <li>Automated token generation/redemption for enabling user registration by unique code</li> <li>Push registration information and updates to <a href="http://mailchimp.com">MailChimp</a> or <a href="http://www.sumo.co.nz">Sumo Pro</a> to keep eDM lists in sync</li> </ul> <h5>Modular Approach</h5> <ul> <li>Flexible blog, commenting and forum modules</li> <li>E-commerce module (see <a href="#ec">below</a>)</li> <li>Comprehensive form validation, including multi-page forms</li> <li>Google Maps module for adding location data to objects</li> <li>Geo-location module for targeting content to user’s location</li> <li>Integrates with <a href="http://www.sumo.co.nz" target="_blank">Sumo</a> (and other third-party platforms) for email campaign management</li> <li>Social module for Facebook, Twitter and Instagram (enables republishing of content from these platforms using your look and feel, instead of having to use each platform’s native widgets)</li> </ul> <h5 id="ec">E-Commerce Module</h5> <ul> <li>Shopping cart and checkout module, with integration points for <a href="http://www.paymentexpress.co.nz" target="_blank">Payment Express</a>, <a href="http://www.paypal.com" target="_blank">PayPal</a> and <a href="http://stripe.com" target="_blank">Stripe</a></li> <li>Support for order tracking, inventory levels, sales reports, automated email receipts, multiple currencies, calculation of shipping costs based on delivery location and/or order size, and more.</li> <li><strong class="new">NEW</strong> React-based cart and checkout components that can be styled to match your site’s type and colour palettes.</li> </ul> <h5>Compression and Performance</h5> <ul> <li>Performance-focused approach for optimal content delivery</li> <li>Utilises YSlow’s recommendations for server performance tuning</li> <li>Automatic gzipping of all site assets and markup</li> <li>Built-in minification and concatenation of CSS and JavaScript assets</li> <li>Parallelised download of site assets via multiple subdomains</li> <li>Clustering of data and assets across multiple servers</li> <li>Support for storing site assets in an external CDN such as Amazon S3</li> </ul> <h5>Security</h5> <ul> <li>User-based administrator logins with access-level control</li> <li>Cross-site request forgery (CSRF) protection in forms engine</li> <li>Successfully passed several audits prior to corporate deployments</li> </ul> <h5>Reports and Tools</h5> <ul> <li>Implementer can create reports based on site transactions and analytics</li> <li>Import and export site data via XLS files</li> <li>Interface to upload files and image assets</li> <li>FTP access for high-volume asset uploads</li> </ul> <h5>Multiple Languages</h5> <ul> <li>Any number of additional languages configurable by implementer</li> <li>Automatically choose language to show appropriate content to visitors based on their locale setting, or allow the visitor to choose their preferred language from available options</li> <li>Ability to display alternative page layouts and navigation options to individual regions</li> <li>Full internationalisation and UTF-8 support in both editing interface and site templates</li> <li>Administrator control to display any combination of additional languages as fields within the admin interface</li> <li>Watch a <a href="http://screenr.com/g2d" target="_blank">demonstration screencast</a> of this feature</li> </ul> <h5>Search Engine Optimisation</h5> <ul> <li>Automatically generates plain-English page URLs, which can be edited within the admin interface</li> <li>Remembers all past URLs for each page, allowing these to be changed without compromising existing inbound links</li> <li>Places no constraints on the form of a site’s markup</li> <li>Editable keywords and metadata at a per-page level</li> </ul> <h5>Technology Stack</h5> <ul> <li>Platform-independent implementation using Java Enterprise standards, SQL database and Java web application server</li> <li>Runs on Apache and Tomcat with ImageMagick, HTML Tidy and other server-side extensions</li> <li>Tested with PostgreSQL, MySQL, MS SQL and Oracle</li> <li>Implementers use a simple tagging language to control logic, site structure and output of content</li> <li>Wrapper classes offer more detailed business logic if required</li> <li>Supermodel integrates with mobile apps as easily as with HTML websites, using JSON or XML for data exchange</li> </ul> </section> </div> </div> </div> <footer> <div class="container"> <h4>©2001—<span class="current-year"></span>, a <a href="http://www.cactuslab.com">Cactuslab</a> Product.</h4> </div> </footer> </div> </div> </body> </html>

CINXE.COM

Supermodel Content Management System