The New SSC Website: Black magic, voodoo, ritual sacrifices and other useful techniques.

Slides:



Advertisements
Similar presentations
Introduction to Web Design, HTML & WordPress. What is Web Design? Web Design encompasses many different skills and disciplines in the building and maintenance.
Advertisements

3.02D HTML Overview 3.02 Develop webpages.
3.02B Authoring Languages 3.02 Develop webpages..
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
XHTML Basics.
Strategies For Creating Accessible University Webpages Scot Close and Neil Torrefiel Web Services Unit San Jose State University.
Join the A-Team ACCESSIBILITY-TEAM. Session 1 EVALUATE ACCESSIBILITY OF HTML FILES AND SET THE PATH TO A D2L STYLE SHEET.
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
. Website and file organization. How websites work.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Communiqué 5 (CQ5) WCM Author Training. Course Topics  Logging into CQ5  Introduction to CQ5  Comparing Collage to CQ5  Basic Navigation  Digital.
Best Practices for Website Design & Web Content Management.
Introductory CMS Training Welcome to the new Montana State University Content Management System!
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
PDFs & Dorsetforyou.com Laura Hall Senior Website Officer
Static VS Dynamic websites. 1-What are the advantages and disadvantages? 2- Which one should you choose and why?
Accessible Word Document Training Microsoft Word 2010.
Tutorial 1: Getting Started with HTML5
Scottish Legal Aid Board Content Management using OpenCms Martin Spinks CTO Navyblue Tuesday, March 16, 2010.
Create a Website on the CWU network Find “How to Post a Web Page with a PC”
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Basics of Web Databases With the advent of Web database technology, Web pages are no longer static, but dynamic with connection to a back-end database.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Managing your website in OpenCMS Yvonne Aburrow Web Services Team.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
An Introduction To Websites With a little of help from “WebPages That Suck.
Wordpress Lab Scientific Skills Bio200A, Fall 2012.
Maintaining Your Website Using Cascade CMS Presented by UC Irvine Health Information Services and Marketing & Communications.
Introduction to Interactive Media Interactive Media Components: Text.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Principles of effective web design NOTES Flo Morris-Duffin.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Content Management System/ Web Quality Initiative Administrative Departments.
1 © Xchanging 2010 no part of this document may be circulated, quoted or reproduced without prior written approval of Xchanging. MOSS Training – UI customization.
Preparing for the Content Management System Ronna Johnston Web Content Best Practices 10/26/2015.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Quick Launch. Google Drive 30 GB Cloud Space Document.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
A wiki is a collaborative web application which allows people to add and edit content using a browser… …it creates communities and empowers users as they.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Accessible Word Document Creation Using Microsoft Word 2010.
Website Design Best Practices. Topics  Navigation  Readability  Portability  Frameworks for Web Design  Model View Architecture MVC  SEO  Performance.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)
Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)
Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)
ITL conference 2003 Putting Your Content on a Diet Using rich online media without download woes.
>> Web Development Process & Technologies
Pre-Production Meet with the client to create a project plan:
OmniUpdate Basics Training FLEX – August 11, 2016 VOC-113.
Internet Made Easy! Make sure all your information is always up to date and instantly available to all your clients.
Project 1 Introduction to HTML.
Kentico CMS Essentials Training Self Paced
Project Objectives Publish to a remote server
Useful Technology – Reading
Basic Knowledge of Web creation
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
The Difference Between STATIC & DYNAMIC Websites
UVU Annual Web Audit, SEO and Accessibility Coordination
COMPSCI 111 / 111G An introduction to practical computing
Implementation and Maintenance
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Training Users to Create & Maintain a Cohesive Website
Presentation transcript:

The New SSC Website: Black magic, voodoo, ritual sacrifices and other useful techniques

Requirements Plug into the IRSA site seamlessly Plain html that is easy to maintain by hand Major documents in pdf and html Split in two in Spring 2011 Old site: –14.85 G –15,470 files

The Content Management System (CMS) Windows based Uses coldfusion as a programming platform Files stored in filesystem Pages stored in SQL Can publish entire site to static html ‘Documents’:.doc converted into html and pdf Built by Raytheon Web Solutions

CMS + Dynamically updates links between pages Wiki editing interface for webpages Good at building trees Preview pages Breadcrumbs Sitemap

CMS - Bad at flat sites ‘documents’ different then ‘web pages’ Not robust to characters commonly found in regular expressions Not happy with large files (100s of M).doc converter

Word is evil Html version: Zapadoo Word Cleaner –Greek letters “Insert Symbol” v Equation editor –Cross-references within the document –Image resolution on the equations PDF version: Doc2PDF –Equations Word documents required a lot of massaging to get them to convert properly

War of the Worlds We (and our users) live in the Mac & Linux world. The contractor lived in the Windows universe. –Access to our network –Windows PDF converters bow to Adobe because it is most common in the Windows universe. Mac/Linux land uses tend to use other PDF readers –Word for PC ≠Word for Mac

Additional Battles Published site was initially not easy to maintain –17,000 lines of whitespace in 500 lines of text –Header and footer for the SSI were not correctly factored –Many, many overlapping style sheets

Contractor issues Did not test enough Underestimated the evilness of Word Did not consider their target audience –Greek letters –Mac/Linux

SSC issues Were not clear enough with initial specs Needed to provide test documents much sooner Needed to prioritize initial bugs so that time and money was not wasted fixing things we could have lived with

Stuff that made this thing work: Complete access to the backend –Filesystem, sql, reboot at will Willingness of SUST members to check every page in every document for errors and things that converted to html badly ISG support Phased deployment of the html versions of documents Went live 8 days before the HST deadline

Search engines Launch + 1 month “IRAC FOV” Green = what I wanted to find Red = pages that no longer exist

Launch + 2 months