https://www.sfio.org/authors/jeremy-bloom/Jeremy-BloomSource Themes Academic (https://sourcethemes.com/academic/)en-us© 2016 - 2026 ASFIO - All Rights ReservedTue, 05 May 2009 00:00:00 +0000https://www.sfio.org/images/logo.svghttps://www.sfio.org/authors/jeremy-bloom/https://www.sfio.org/interaction/2016-1/moving-fast-at-highways-england/Tue, 05 May 2009 00:00:00 +0000https://www.sfio.org/interaction/2016-1/moving-fast-at-highways-england/<p><a href="https://www.sfio.org/authors/carey-glass/">Carey Glass</a>, <a href="https://www.sfio.org/authors/jeremy-bloom/">Jeremy-Bloom</a></p> <h2 class="red-heading">Abstract</h2> <p>Major project investment teams in Highways England have had to respond to an urgent need to drive economic growth. This case study describes how they have responded to this challenge, with SF questions enabling complex adaptive responses to emerge that have driven them forward.</p> <h2 class="red-heading">Article</h2> <script src="https://www.sfio.org/js/pdf.js"></script> <div style="margin-left: 20px; margin-bottom: 20px;"> <button id="prev">Previous</button>&nbsp; &nbsp; <button id="next">Next</button>&nbsp; &nbsp; <a href="article.pdf" download="article.pdf" target="_blank">Download</a> &nbsp; &nbsp; <span>Page: <span id="page_num"></span> / <span id="page_count"></span></span> </div> <p><canvas id="the-canvas" style="border: 1px solid black; direction: ltr; width: 800px;"></canvas></p> <script id="script"> // If absolute URL from the remote server is provided, configure the CORS // header on that server. var url = './article.pdf'; // Loaded via <script> tag, create shortcut to access PDF.js exports. var pdfjsLib = window['pdfjs-dist/build/pdf']; // The workerSrc property shall be specified. pdfjsLib.GlobalWorkerOptions.workerSrc = '/js/pdf.worker.js'; var pdfDoc = null, pageNum = 1, pageRendering = false, pageNumPending = null, scale = 2, canvas = document.getElementById('the-canvas'), ctx = canvas.getContext('2d'); /** * Get page info from document, resize canvas accordingly, and render page. * @param num Page number. */ function renderPage(num) { pageRendering = true; // Using promise to fetch the page pdfDoc.getPage(num).then(function(page) { var viewport = page.getViewport({scale: scale}); canvas.height = viewport.height; canvas.width = viewport.width; // Render PDF page into canvas context var renderContext = { canvasContext: ctx, viewport: viewport }; var renderTask = page.render(renderContext); // Wait for rendering to finish renderTask.promise.then(function() { pageRendering = false; if (pageNumPending !== null) { // New page rendering is pending renderPage(pageNumPending); pageNumPending = null; } }); }); // Update page counters document.getElementById('page_num').textContent = num; } /** * If another page rendering in progress, waits until the rendering is * finised. Otherwise, executes rendering immediately. */ function queueRenderPage(num) { if (pageRendering) { pageNumPending = num; } else { renderPage(num); } } /** * Displays previous page. */ function onPrevPage() { if (pageNum <= 1) { return; } pageNum--; queueRenderPage(pageNum); } document.getElementById('prev').addEventListener('click', onPrevPage); /** * Displays next page. */ function onNextPage() { if (pageNum >= pdfDoc.numPages) { return; } pageNum++; queueRenderPage(pageNum); } document.getElementById('next').addEventListener('click', onNextPage); /** * Asynchronously downloads PDF. */ pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) { pdfDoc = pdfDoc_; document.getElementById('page_count').textContent = pdfDoc.numPages; // Initial/first page rendering renderPage(pageNum); }); </script>