{"id":1663,"date":"2024-08-04T20:23:01","date_gmt":"2024-08-05T00:23:01","guid":{"rendered":"https:\/\/sites.bu.edu\/marcom-team\/?page_id=1663"},"modified":"2025-11-07T15:44:25","modified_gmt":"2025-11-07T20:44:25","slug":"sandboxes","status":"publish","type":"page","link":"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/github-smartsheets\/our-setup\/sandboxes\/","title":{"rendered":"Development Server"},"content":{"rendered":"<p>The following aspects have dedicated spaces on our<span>\u00a0<\/span><code>cms-devl.bu.edu<\/code><span>\u00a0<\/span>server.<\/p>\n<h2>Sandboxes<\/h2>\n<p>A sandbox is an isolated development space where designers and developers can safely code, test new themes, and debug before deployment and without disrupting staging or live websites.<\/p>\n<p><strong>Example<\/strong>: <code>id-presents.cms-devl.bu.edu\/met<\/code> or <code>id-rj.cms-devl.bu.edu\/met-qa<\/code> are considered Development sites testing BU&#8217;s Metropolitan College site.<\/p>\n<h4>Common Sandboxes<\/h4>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">id-presents<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>The ID Presents Sandbox\u00a0is used for client presentations when staging [<code>www-staging.bu.edu\/{website-project}<\/code>] is unsuitable. It should be the default for client reviews unless development could impact content. Clone from staging to id-presents for presentations by Lead Designers, Developers, and Creative Directors.<\/p>\n<p><code><strong>id-presents<\/strong>.cms-devl.bu.edu\/{website-project}<\/code><\/p>\n<p><strong>This sandbox is <span style=\"text-decoration: underline;\">for<\/span> <span style=\"text-decoration: underline;\">presenting<\/span>, <span style=\"text-decoration: underline;\">not<\/span> for individual development work.<\/strong><\/p>\n<p><a href=\"https:\/\/id-presents.cms-devl.bu.edu\/wp-admin\/network\/sites.php\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">All id-presents Sandbox Sites<\/a><br \/>\n<small><em>(WP Login Required)<\/em><\/small><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">id-responsi<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>The ID Responsi Sandbox\u00a0is used for testing changes to the Responsive Framework and is ideal for multi-site testing. It hosts all <a href=\"https:\/\/github.com\/bu-ist\/responsive-child-starter-3x\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Child Starter<\/a> <a href=\"https:\/\/id-demos.cms-devl.bu.edu\/responsive-framework\/\" target=\"_blank\" rel=\"noopener noreferrer\">beta<\/a> <a href=\"https:\/\/id-demos.cms-devl.bu.edu\/responsive-framework-beta\/\" target=\"_blank\" rel=\"noopener noreferrer\">sites<\/a>.<\/p>\n<p><code><strong>id-responsi<\/strong>.cms-devl.bu.edu\/{website-project}<\/code><\/p>\n<p><a href=\"https:\/\/id-responsi.cms-devl.bu.edu\/wp-admin\/network\/sites.php\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">All id-responsi Sandbox Sites<\/a><br \/>\n<small><em>(WP Login Required)<\/em><\/small><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">id-demos<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>The ID Demos Sandbox\u00a0showcases the basic functionality and default configurations of <a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/what-we-do\/id-product\/\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Framework<\/a>, its <a href=\"https:\/\/github.com\/bu-ist\/responsive-child-starter\" target=\"_blank\" rel=\"noopener noreferrer\">Child Starter<\/a> <a href=\"https:\/\/github.com\/bu-ist\/responsive-child-starter-3x\" target=\"_blank\" rel=\"noopener noreferrer\">offshoots<\/a>, and <a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/what-we-do\/framework-components\/\" target=\"_blank\" rel=\"noopener noreferrer\">Framework Components<\/a>. It serves as the baseline for all our developments. It also hosts <a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/qa-browser-testing-support\/\">our QA Site for browser testing<\/a> framework themes and plugins.<\/p>\n<p><code><strong>id-demos<\/strong>.cms-devl.bu.edu\/{website-project}<\/code><\/p>\n<p><a href=\"https:\/\/id-demos.cms-devl.bu.edu\/wp-admin\/network\/sites.php\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">All id-demos Sandbox Sites<\/a><br \/>\n<small><em>(WP Login Required)<\/em><\/small><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">id-editorial<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>The ID Editorial Sandbox features a clone of the <a href=\"https:\/\/www.bu.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\">BU Home Page<\/a>, including <a href=\"https:\/\/www.bu.edu\/bostonia\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bostonia<\/a>, <a href=\"https:\/\/www.bu.edu\/today\/\" target=\"_blank\" rel=\"noopener noreferrer\">BU Today<\/a>, and <a href=\"https:\/\/www.bu.edu\/brink\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Brink<\/a>. Designers and Devs utilize it for <a href=\"https:\/\/github.com\/bu-ist\/r-editorial\" target=\"_blank\" rel=\"noopener noreferrer\">r-editorial<\/a> work, namely testing <a href=\"https:\/\/id-demos.cms-devl.bu.edu\/bu-prepress\/\">BU Prepress<\/a> and <a href=\"https:\/\/id-demos.cms-devl.bu.edu\/bu-blocks\/\">BU Blocks<\/a>. Cloning from it takes about <code>1.25<\/code> hours \u2014 \u00a0media files and <code>.htaccess<\/code> configuration add to the time.<\/p>\n<p><code><strong>id-editorial<\/strong>.cms-devl.bu.edu\/{website-project}<\/code><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">id-user<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>Personal sandboxes, named by user, allow Interactive Design team members to work independently on coding and experimentation. They provide:<\/p>\n<p><strong>Benefits:<\/strong><\/p>\n<ul>\n<li>Separate space for individual work.<\/li>\n<li>No team disruption or overwriting code.<\/li>\n<li>Personal customization options.<\/li>\n<li>Ownership over themes.<\/li>\n<\/ul>\n<p><strong>Drawbacks:<\/strong><\/p>\n<ul>\n<li>Requires technical understanding of WordPress Network Admin for maintenance and troubleshooting.<\/li>\n<li>Sandbox owners must maintain sites and storage size.<\/li>\n<li>More sandboxes mean increased demand for developer support.<\/li>\n<\/ul>\n<p><code>id-<strong>{your-name}<\/strong>.cms-devl.bu.edu<\/code><\/p>\n<p><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes-for-designers-developers\/\" class=\"button-secondary\">Get Your Sandbox<\/a><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\" bu-callout aligncenter\"><\/p>\n<h2>Server Support<\/h2>\n<p>If any server is ever unreachable and WordPress is lagging, giving getting 504 errors, clone tool is broken or media is not loading: we encourage all users to make it known to <code>@istweb<\/code> in the <a href=\"https:\/\/join.slack.com\/share\/enQtNzUzOTUzMDM5MTMyOS03YmQ4NTc2YjFiZGQ2MWRhODMzZDJhNGJlYWNmNmUyOTQwMWQ1YmJhNWI2ODk4MmYyN2FiYWIzMjAwZTNiNDg3\" target=\"_blank\" rel=\"noopener noreferrer\">#webteam<\/a> Slack channel, following up by <a href=\"http:\/\/www.bu.edu\/help\/tech\/\" target=\"_blank\" rel=\"noopener noreferrer\">filing a ticket<\/a> with IS&amp;T.<\/p>\n<p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The following aspects have dedicated spaces on our\u00a0cms-devl.bu.edu\u00a0server. Sandboxes A sandbox is an isolated development space where designers and developers can safely code, test new themes, and debug before deployment and without disrupting staging or live websites. Example: id-presents.cms-devl.bu.edu\/met or id-rj.cms-devl.bu.edu\/met-qa are considered Development sites testing BU&#8217;s Metropolitan College site. Common Sandboxes<\/p>\n","protected":false},"author":12906,"featured_media":0,"parent":502,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/1663"}],"collection":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/users\/12906"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/comments?post=1663"}],"version-history":[{"count":28,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/1663\/revisions"}],"predecessor-version":[{"id":4120,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/1663\/revisions\/4120"}],"up":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/502"}],"wp:attachment":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/media?parent=1663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}