Functional Design for Developer Documentation. Ulrike Parson

Size: px
Start display at page:

Download "Functional Design for Developer Documentation. Ulrike Parson"

Transcription

1 Functional Design for Developer Documentation Ulrike Parson 1

2

3 Expectations What is developer documentation? Documentation written for software engineers Explains how to program/customize a specific application based on an API Target audience knows how to program, it may not know the specific application and may not know the domain Why are you here? 3

4 Theoretical Background of Funktionsdesign Developer Documentation: Target Groups and Information Types Applying Funktionsdesign to Developer Documentation 4

5 Theoretical Background of Funktionsdesign Developer Documentation: Target Groups and Information Types Applying Funktionsdesign to Developer Documentation 5

6 Speaking (writing) is acting Every sentence has a function (intention). The function is not always clear. The door is open. I just realized. It s your fault. You left it open. Go and close it. Please come in. Intention clear Successful communication 6

7 Four-sides model of communication By JazzyJulius - Translated from which in turn was based on Public Domain, 7

8 Technical writing must be explicit We need to make our intentions clear and assign an explicit function to each text: Inform Instruct Teach Provide facts Express permission or prohibition Request for action. 8

9 History Funktionsdesign : History and Purpose Developed by professors Jürgen Muthig (University of Karlsruhe and Robert Schäflein-Armbruster (University of Furtwangen) as a method for standardizing and structuring technical documentation Scope and Purpose Systematic approach for developing standardized documentation elements on different levels and writing rules Makes document creation more efficient Makes documentation shorter, more concise and more consistent Improves readability and comprehensibility Happier readers 9

10 What can be standardized? Document structures Layout Language Authoring and reviewing processes 10

11 Levels of Structuring Information Document Macro structures (e.g. topic or table) Matryoshka principle Structures at each level have distinct functions. Micro structures (e.g. markup) 11

12 Document Structure Document Macro structures Micro structures 12

13 Standardizing Documents Document = discrete piece of content that is about a specific subject, has clearly identifiable functions, and can stand alone. A document should tell a story. It answers central questions. What is the context? What is it about? Who is it for? Why is it important? What is the reason? What needs to be done? How is it done? What is the meaning of? 13

14 Standardizing Documents Which other sources of information do I need to reference? What are the regulatory requirements? Which sections do I need in every document of this type? Which information should be excluded from the document? What to standardize? Document structure Mandatory and optional sections/structures Document metadata Medium and layout Authoring and reviewing process 14

15 Documents in Content Delivery Portals Topics need context Collection of topics = provides context Table of contents navigates through collection and provides information about sequence of topics More general information on uppermost level 15

16 Macro Structures Document Macro structures Micro structures 16

17 Macro Structures Copyright Technical Data Procedures Concepts Safety information Figures Lists Tables Title Figure title Procedure step Step result List introduction List item Table entry 17

18 Standardizing Macro Structures What is the central idea of each section or macro structure? Can the reader immediately recognize the function of a section or structure based on styling and wording? What to standardize? Function and internal structure of mandatory sections Writing rules and conventions How to write a procedure How to write a use case for a programmer How to write a class reference 18

19 Exercise Form Follows Function Lorem ipsum dolor sit amet: consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna Lorem ipsum dolor sit amet: 1. Aliquyam erat, sed diam voluptua. 2. At vero eos et accusam et justo duo dolores et ea rebum. 3. Stet clita kasd gubergren, no sea takimata sanctus. Lorem 1AC6_A 3JSae_F JS4GF_G ipsum est Lorem ipsum dolor sit amet at vero eos et accusam et justo takimata sanctus est Lorem Est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. 15/6 clita kasd gubergren 16/01 justo duo dolores 15/10 at vero eos 19

20 Notes and warnings ANSI Z535 and ISO (hardware, machinery) Software documentation (example) Property damage, data loss Notes that need to be followed. Hints that make your work easier. 1. Signal word and symbol. 2. Kind and source of danger. 3. Consequences if you do not follow the warning information. 4. What you need to do to avoid the danger. 20

21 Micro Structures Document Macro structures Micro structures 21

22 Micro Structures Product or component names Names of classes, parameters, functions, commands Values and units Dates Cross references File names Abbreviations 22

23 Know your Audience! 1. Identify and describe the target audience of your document type. 2. Analyze the requirements of the target audience. 3. Check if document meets the requirements. 23

24 Questions to Ask Who reads the document? Are there different types of users? How do they read the document? What does my target audience need to know? What level of education does my target audience have? Are they familiar with terms used in the document? Which types of information will they expect? In which scenarios will the document be read? For API documentation: What does my audience already know regarding the domain and regarding programming? For English documentation: What is the level of English proficiency of my target audience? The results of the target group analysis determine which document/macro/micro structures you need for your documentation! 24

25 Theoretical Background of Funktionsdesign Developer Documentation: Target Groups and Information Types Applying Funktionsdesign to Developer Documentation 25

26 What are your Target Groups? Junior Software Engineers Experienced Software Engineers No engineers, but with domain knowledge and maybe programming skills Managers responsible for decisions related to using the API Junior Developer Senior Developer Domain expert Manager / CTO 26

27 Structures for Developer Documentation Level Structures Junior Dev Senior Dev Expert Manager Document Macro Micro Features and Benefits X X Getting Started Class reference X X Tutorials X X Terms of use Concept X X X Tutorial X X Code sample X X Workflow X X X Task X X Warning X X Inline Code X X X 27 X

28 Example of API Doc focused on Target Group 28

29 Our Sample API JIRA Rest API: Copyright of Atlassian Acceptable Use Policy: 29

30 Exercise: Recognize Level and Target Group Form groups and do the following exercise together. Scan the sample from the JIRA Rest API documentation Identify the function and target group of the marked elements Any thoughts on the layout and text structures of the documentation? 30

31 Solution: Recognize Level and Target Group 31

32 Exercise: Who needs what matrix Level Chapters Target Group Target Group Target Grop Document Develop a who needs what matrix for your documentation Which target groups do you have? Which sections do you need? Which target group needs which section? Which sections to summarize in a separate document? 32

33 Discussion: Template for Task Standardization on the macro level Which sections do you need, which need to be mandatory? Who reads tutorials? Do we need warnings with different warning levels? Where to present related information? Standardization on the micro level Numbered steps? How to write the titles of tutorials? How to present code samples? 33

34 Sample Template for Tutorials 34

35 Exercise: Write Use Case Prerequisites: We have a style guide with a macro structure for use cases. We have identified the target audience(s) for our documentation. We have researched the use cases that are interesting for our target audience(s). Exercise: 1. Form groups. 2. Analyze the input text with the explanation on how to create an issue Read the style guide instructions on how to write a use case. 4. Fill in the information from the input text into the style guide template. 5. Present result to the group. What are your findings? 35

36 Solution: Write Use Case Identify missing information Make prerequisites clear. Notes at the beginning. Related information at the end. 36

37 Research on Developer Documentation Research project of University of Merseburg: API documentation What software engineers can teach us. by Stephanie Steinhardt, Andreas Schubert, Michael Meng 37

38 Research on Developer Documentation Some findings Different reading types: some read concepts, others directly dive into the programming examples Pages are not read line by line, but scanned (Remark: Funktionsdesign helps, because topics with a standardized structure are much easier to scan) Code is read first. Only if it does not work, the rest is read as well. Complicated document structures make understanding more difficult Classification into document types, e.g. Developer guide, Getting Started, Recipes, Tutorials, not always helpful >> better to arrange topics around the subjects Titles must be clear General overview of API and first steps are essential Navigation is the key to understanding Domain knowledge is essential >> concept topics needed 38

39 Questions? 39

40 Ulrike Parson parson AG Chrysanderstr. 69A Hamburg XING, LinkedIn +49 (0)

First Diploma Unit 10 Client Side Web. Week 4 CSS and Images

First Diploma Unit 10 Client Side Web. Week 4 CSS and Images First Diploma Unit 10 Client Side Web Week 4 CSS and Images Last Session CSS box model Concept of identity - id This Session External style sheets Using CSS in conjunction with images Introduction External

More information

Media Information: Online Advertising HANNOVER MESSE

Media Information: Online Advertising HANNOVER MESSE Media Information: Online Advertising HANNOVER MESSE 2018 www.hannovermesse.de/en Advertising options an overview 2 Advertising option Placement Page Advertising on website Sponsored post Homepage and

More information

L A TEX - First Class

L A TEX - First Class L A TEX - First Class Siri Isaksson November 4, 2010 Abstract In this first class, we will go over some of the most useful features of Latex, most of the examples of how to use them stem from the Not so

More information

Magic File Manipulator 2

Magic File Manipulator 2 Magic File Manipulator 2 Description of Functions Version 0.03 system-99 user-group Last Manual Edit: 2017-10-17 Translation by Bob Carmany Actual versions at system-99 user-group Seite 2 Table of Contents

More information

Interaction with Interconnected Data in Participatory Processes

Interaction with Interconnected Data in Participatory Processes F O R S C H U N G A N F A C H H O C H S C H U L E N Interaction with Interconnected Data in Participatory Processes Lars Schütz lars.schuetz@hs-anhalt.de Anhalt University of Applied Sciences, Dept. of

More information

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='avborder-fat'

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='avborder-fat' [av_section min_height='75' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style=''

More information

UMST Brand Guidelines

UMST Brand Guidelines UMST Brand Guidelines Introduction Welcome to the UMST (University of Medical Sciences and Technology) brand guidelines. These guidelines are used to produce collateral associated with UMST University.

More information

Design elements. Brand Identity Guidelines v 1.0 June 2018

Design elements. Brand Identity Guidelines v 1.0 June 2018 Design elements Brand Identity Guidelines v 1.0 June 2018 Table of contents Return to table of contents ebill Design elements v1.0 2 1. Logo and Clear space 1.1 Sizes 1.2 Position 1.3 Color & background

More information

First Diploma Unit 10 Client Side Web. Week 4 -The CSS Box model

First Diploma Unit 10 Client Side Web. Week 4 -The CSS Box model First Diploma Unit 10 Client Side Web Week 4 -The CSS Box model Last Session CSS Basics Fonts Real world site This Session CSS box model Concept of identity -id The CSS box model represents every element

More information

Key/Value Pair versus hstore

Key/Value Pair versus hstore Benchmarking Entity-Attribute-Value Structures in PostgreSQL HSR Hochschule für Technik Rapperswi Institut für Software Oberseestrasse 10 Postfach 1475 CH-8640 Rapperswil http://www.hsr.ch Advisor: Prof.

More information

Developing a Cloud Computing Based Approach for Forensic Analysis using OCR

Developing a Cloud Computing Based Approach for Forensic Analysis using OCR Developing a Cloud Computing Based Approach for Forensic Analysis using OCR Matthias Trojahn, Volkswagen AG, Germany Lei Pan, Deakin University, School of IT, Australia Fabian Schmidt, ISC Gebhardt, Germany

More information

Style guide for all online applications of Hannover Re. 0.0 Introduction

Style guide for all online applications of Hannover Re. 0.0 Introduction Style guide for all online applications of Hannover Re Last update 08.06.2018 0.0 Introduction Hannover Re uses a reduced and unpretentious design which gives the user rapid guidance and facilitates recognition.

More information

Graphic Standards Guide

Graphic Standards Guide Graphic Standards Guide Table of Contents 1. The Importance of Brand Identity 2. Digestive Disease Center Identity 3. Option 1 DDC Identity: Logo Specifications 4. Color Options 5. Applications: Brochure

More information

HG DIP-40MM-WVN1-18 (BROADLOOM LABEL) HG DIP-30MM-CTNPLY1-18 (BROADLOOM LABEL) dip HOME LABELS PAGE 1 ART: 06/21/2018.

HG DIP-40MM-WVN1-18 (BROADLOOM LABEL) HG DIP-30MM-CTNPLY1-18 (BROADLOOM LABEL) dip HOME LABELS PAGE 1 ART: 06/21/2018. LABELS PAGE 1 30 mm 40 mm 78 mm Care Instructions Wash before first use. Abc. Xyz. RN 29360 30 mm x 78 mm Fold to 39 mm Fold Line HG-5526-1 DIP-30MM-CTNPLY1-18 (BROADLOOM LABEL) 54 mm Care Instructions:

More information

An introduction to L A TEX, as well as Bibtex, Beamer, Tikz, and all that (Part I)

An introduction to L A TEX, as well as Bibtex, Beamer, Tikz, and all that (Part I) An introduction to L A TEX, as well as Bibtex, Beamer, Tikz, and all that (Part I) Nicolas Fillion Department of Philosophy Simon Fraser University nfillion@sfu.ca www.nfillion.com 1 Conceptual foundations

More information

view cart Expanded view 2 items in your cart 18 LCD TV MODEL NUMBER $1, LCD TV MODEL NUMBER $1, Subtotal: $3,199.

view cart Expanded view 2 items in your cart 18 LCD TV MODEL NUMBER $1, LCD TV MODEL NUMBER $1, Subtotal: $3,199. cameras & camcorders phones & fax computers appliances building personal care accessories special offers gift ideas > appliances appliances items in your cart 0 Expanded view vacuums Stet clita sea takimata

More information

Internet of People. Bluepaper: v Independence published by IoP Community. Authors. Contributors. Layout

Internet of People. Bluepaper: v Independence published by IoP Community. Authors. Contributors. Layout Bluepaper: v 2.0 - Independence 22.11.2017 - published by IoP Community Internet of People Byron Blattel, Markus Maiwald Authors Matias Furszyfer, Sarah Klostermair, Dieter Klomfaß, Amon Engemann, Manuel

More information

VISUAL IDENTITY STANDARDS

VISUAL IDENTITY STANDARDS HISTORY OF THE DISTRICT A GUIDE TO VISUAL IDENTITY STANDARDS The establishment of a college for the Coalinga Union High School District was proposed in the spring of 1932. The official beginning of the

More information

Dynamic Web Development

Dynamic Web Development Dynamic Web Development The CMP 521 course introduced the development of web sites using hyper text markup language (HTML) and cascading style sheets (CSS). In this section of CMP 621 you will be able

More information

VISUAL IDENTITY STANDARDS

VISUAL IDENTITY STANDARDS HISTORY OF THE DISTRICT A GUIDE TO VISUAL IDENTITY STANDARDS The establishment of a college for the Coalinga Union High School District was proposed in the spring of 1932. The official beginning of the

More information

Page Layout with Crop Marks

Page Layout with Crop Marks Page Layout with Crop Marks Zdeněk Wagner http://icebearsoft.euweb.cz Package date: 2012/05/20 Abstract This package was developed as a typographers toolbox offering the most important features for everyday

More information

Kerberos Definitive Guide READ ONLINE

Kerberos Definitive Guide READ ONLINE Kerberos Definitive Guide READ ONLINE If looking for a ebook Kerberos definitive guide in pdf form, then you've come to the loyal website. We furnish the utter option of this ebook in doc, epub, DjVu,

More information

I lllll llllllll Ill lllll lllll lllll lllll lllll

I lllll llllllll Ill lllll lllll lllll lllll lllll I lllll llllllll Ill lllll lllll lllll lllll lllll 111111111111111111111111111111111 US009672293B2 c12) United States Patent Parker et al. (10) Patent o.: (45) Date of Patent: Jun.6,2017 (54) SYSTEMS AD

More information

Graphic Standards Guide

Graphic Standards Guide Graphic Standards Guide Table of Contents 1. The Importance of Brand Identity 2. Chest Disease Center Identity 3. Option 1 CDC Identity: Logo Specifications 4. Color Options 5. Applications: Brochure Covers

More information

INTRODUCTION. About This Manual Letter from Larry Heard Who We Are IDENTITY COMPONENTS

INTRODUCTION. About This Manual Letter from Larry Heard Who We Are IDENTITY COMPONENTS THE TOOLS TO PERFORM Manual A INTRODUCTION E PRINT ADVERTISEMENTS A1 A2 A3 About This Manual Letter from Larry Heard Who We Are E1 National Advertisements Regional Advertisement Templates B B1 B2 B3 B4

More information

ApacheCon EU Apache Zest. COP Composite Oriented Programming. October 2 nd, 2015 Jiri Jetmar, CEO Smartnerds GmbH Paul Merlin, Title/Role here

ApacheCon EU Apache Zest. COP Composite Oriented Programming. October 2 nd, 2015 Jiri Jetmar, CEO Smartnerds GmbH Paul Merlin, Title/Role here ApacheCon EU 2015 Apache Zest COP Composite Oriented Programming October 2 nd, 2015 Jiri Jetmar, CEO Smartnerds GmbH Paul Merlin, Title/Role here Agenda What is Apache Zest? Zest Libraries & App Building

More information

Skot Kremen: User Experience Samples. User Experience Examples and Documentation

Skot Kremen: User Experience Samples. User Experience Examples and Documentation Skot Kremen: User Experience Samples CREATOR Skot Kremen DESCRIPTION User Experience Examples and Documentation Wireframes Wireframe Single Menu Item (preferred) 3 4 5 6 7 8 9 0 3 4 5 6 7 8 9 0 3 4 Menu

More information

Ford of Europe September Dealer Stationery. 1 Letterhead 2 Compliment slip 3 Business card. For all applications

Ford of Europe September Dealer Stationery. 1 Letterhead 2 Compliment slip 3 Business card. For all applications Ford of Europe 1 Letterhead 2 Compliment slip 3 Business card Dealer Stationery For all applications Contents 0 Introduction 1 Letterhead 1.0 Examples 1.1 Construction 1.2 Brand Box and name 1.3 Address

More information

Once-Only Principle Reducing Administrative Burden for Citizens and Businesses

Once-Only Principle Reducing Administrative Burden for Citizens and Businesses Funded by the European Union Once-Only Principle Reducing Administrative Burden for Citizens and Businesses www.scoop4c.eu Tallinn e-governance Conference 2017 and SCOOP4C stakeholder workshop Tallinn,

More information

Doing more with Views. Creating an inline menu

Doing more with Views. Creating an inline menu Doing more with Views Creating an inline menu About Me Caryl Westerberg Web Producer Stanford Web Services Views topics we ll cover Contextual Filters Relationships Global: View result counter Global:

More information

StepStone Styleguide. Guidelines for a powerful StepStone Brand. Version:

StepStone Styleguide. Guidelines for a powerful StepStone Brand. Version: StepStone Styleguide Guidelines for a powerful StepStone Brand Version: 2010-06-24 Strong brands have consistent communication. This is why we have created this document for all StepStone marketers. This

More information

Media Information: Online Advertising DOMOTEX January

Media Information: Online Advertising DOMOTEX January Media Information: Online Advertising DOMOTEX 2018 12-15 January 2018 www.domotex.de/en 2 Advertising options an overview Advertising Option Placement Page Advertising on website Sponsored Post Homepage

More information

Creating and Implementing Decision Templates

Creating and Implementing Decision Templates Creating and Implementing Decision Templates A checklist for The Preparation, Citation and Distribution of Canadian Decisions (Canadian Citation Committee, 2009) This checklist is intended to assist court

More information

Advanced Systems Security: Future

Advanced Systems Security: Future Advanced Systems Security: Future Trent Jaeger Systems and Internet Infrastructure Security (SIIS) Lab Penn State University 1 Privilege Separation Has been promoted for some time Software-Fault Isolation

More information

Technical Document Authoring and

Technical Document Authoring and 2015 Aras 1 Technical Document Authoring and Management in PLM Kevin Richard 2015 Aras 2 Agenda Business Justification (Challenges/Goals) Technical Documents Features Demo Wrap up and questions 2015 Aras

More information

ANNEX VIII.2 New dangerous substances website. Safety and health at work is everyone s concern. It s good for you. It s good for business.

ANNEX VIII.2 New dangerous substances website. Safety and health at work is everyone s concern. It s good for you. It s good for business. ANNEX VIII.2 New dangerous substances website Safety and health at work is everyone s concern. It s good for you. It s good for business. Information architecture 2 Information architecture Multilingual

More information

The Basis of our Corporate Design Basic Elements

The Basis of our Corporate Design Basic Elements The Basis of our Corporate Design Basic Elements Alphabet Corporate Design / Basic Design Elements Table of Contents In this manual you will get to know the basic elements of our Corporate Design. That

More information

OK, So GDPR Is Out Of The Way Now What?

OK, So GDPR Is Out Of The Way Now What? OK, So GDPR Is Out Of The Way Now What? Kristin Grimes, Leidos Michael Miller, FBI Randy V. Sabett, Cooley LLP Presented at the ACC National Capital Region Cybersecurity & Privacy Year-In-Review for 2018

More information

university How to Use Static Pages for Search Engine Optimization

university How to Use Static Pages for Search Engine Optimization websitepipeline bit i university How to Use Static Pages for Search Engine Optimization AGENDA Prerequisite Video Casting a Net For Search Engines Using Static Pages Purpose of a Search Engine Friendly

More information

3. Graphic Charter / 3.5 Web design

3. Graphic Charter / 3.5 Web design BRAND GUIDELINES I. Introduction SusChem s web presence is one important way to present the European Technology Platform for Sustainable Chemistry to the world and to connect stakeholders, partners, policy

More information

ZAYED UNIVERSITY BRAND GUIDELINES. Version 1 Oct 2018

ZAYED UNIVERSITY BRAND GUIDELINES. Version 1 Oct 2018 ZAYED UNIVERSITY BRAND GUIDELINES Version 1 Oct 2018 Introduction The aim of the brand identity guidelines is to present Zayed University as an academic and research institution in a manner that reflects

More information

PROFESSIONAL PYTHON BY LUKE SNEERINGER DOWNLOAD EBOOK : PROFESSIONAL PYTHON BY LUKE SNEERINGER PDF

PROFESSIONAL PYTHON BY LUKE SNEERINGER DOWNLOAD EBOOK : PROFESSIONAL PYTHON BY LUKE SNEERINGER PDF Read Online and Download Ebook PROFESSIONAL PYTHON BY LUKE SNEERINGER DOWNLOAD EBOOK : PROFESSIONAL PYTHON BY LUKE SNEERINGER PDF Click link bellow and free register to download ebook: PROFESSIONAL PYTHON

More information

Manual ODIP Content Management System Version 1.0 February 2013

Manual ODIP Content Management System Version 1.0 February 2013 Manual ODIP Content Management System Version 1.0 February 2013 Chapter 1- Home page After you have logged in you will find the entry buttons to all sections of the CMS you will need to maintain the ODIP

More information

Advanced CSS. Steven Pemberton. CWI and W3C Kruislaan SJ Amsterdam The Netherlands.

Advanced CSS. Steven Pemberton. CWI and W3C Kruislaan SJ Amsterdam The Netherlands. Advanced CSS Steven Pemberton CWI and W3C Kruislaan 413 1098 SJ Amsterdam The Netherlands Steven.Pemberton@cwi.nl www.cwi.nl/~steven About the Instructor Steven Pemberton is a researcher at the CWI, The

More information

Sphinx Readability Theme Documentation

Sphinx Readability Theme Documentation Sphinx Readability Theme Documentation Release 0.0.6 Tsuyoshi Tokuda December 27, 2015 Contents 1 What Is It? 1 2 User s Guide 3 2.1 Installation................................................ 3 2.2

More information

Business Partner Program Statement of Work Guidelines

Business Partner Program Statement of Work Guidelines s When you re pursuing new projects with prospects and clients, there s no substitute for a clear and complete Statement of Work (SOW). An effective SOW helps ensure that you and your client are in 100-percent

More information

UVic Senior s Program: Microsoft Word

UVic Senior s Program: Microsoft Word UVic Senior s Program: Microsoft Word Created by Robert Lee for UVic Senior s Program website: https://www.uvic.ca/engineering/computerscience/community/index.php Opening Microsoft Word: Launch it from

More information

template guidelines. 1. Visual identity 2. How to build an

template guidelines. 1. Visual identity 2. How to build an Email template guidelines 1. Visual identity 2. How to build an email 1. Visual identity There are four main elements of an email s visual identity: University logo Typography Colour Imagery University

More information

TITLE EXAMPLE. Sub - title

TITLE EXAMPLE. Sub - title TITLE EXAMPLE Sub - title SUMMARY 1 TOPIC Relevant text 2 TOPIC Relevant text 3 TOPIC Relevant text 4 TOPIC Relevant text TIMELINE Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Title

More information

Week 1 Lesson 1 Introduction

Week 1 Lesson 1 Introduction Week 1 Lesson 1 Introduction Understand the fundamentals of cascading style sheets (CSS) Understand the fundamentals of scripting languages Be able to control the layout of web pages using CSS Be able

More information

RuSSEll sutter. Proposal / Navigational Chart / Wireframes. Joseph Palmer Prof: Erikk Ross IMD September 2017

RuSSEll sutter. Proposal / Navigational Chart / Wireframes. Joseph Palmer Prof: Erikk Ross IMD September 2017 RuSSEll sutter Proposal / Navigational Chart / Wireframes Joseph Palmer Prof: Erikk Ross IMD 331 5 September 2017 Proposal The Brand Russell Sutter is a collection of unique items for the modern lifestyle.

More information

2 December NCFE Corporate Guidelines. Introduction

2 December NCFE Corporate Guidelines. Introduction Introduction Introduction How we connect with people through our brand is essential to who we are, and plays a big part in the NCFE experience. We created this document (which is simpler than it looks)

More information

Schrödinger's Website

Schrödinger's Website Schrödinger's Website or: How we built websites of indeterminate design for Adobe Portfolio a talk by Jackie Balzer (@jackiebackwards) https://en.wikipedia.org/wiki/file:schrodinger_cat_in_box.jpg Web

More information

Creating An Effective Academic Poster. ~ A Student Petersheim Workshop

Creating An Effective Academic Poster. ~ A Student Petersheim Workshop Creating An Effective Academic Poster ~ A Student Petersheim Workshop 11 Seconds Poster Graphics and Pictures Headlines and Subheadings Poster Copy PRINCIPLES OF DESIGN BALANCE Visual balance comes

More information

Instructions for Web Content Creators and Web Editors Web Transformation design extensions

Instructions for Web Content Creators and Web Editors Web Transformation design extensions Web Services and Information Policy Instructions for Web Content Creators and Web Editors Web Transformation design extensions Version 1.2 December 2013 I:\UIWS\Projects\Web Transformation Program\Projects\Completed\2012\Web

More information

Graphic Standards Guide

Graphic Standards Guide Graphic Standards Guide Logo Identity The Luverne identity was created to unify the city s brand embracing the community s progressive thinking to move us into the future. City of Luverne Logo The preferred

More information

Dense Slides? Convert them to Slidedocs

Dense Slides? Convert them to Slidedocs Dense Slides? Convert them to Slidedocs Slidedocs are visual documents developed in presentation software that are intended to be read and referenced instead of projected and presented. Slidedocs allow

More information

SUMMARY OF DESIGN CHOICES

SUMMARY OF DESIGN CHOICES SUMMARY OF DESIGN CHOICES Company Name The name is a Hawaiian word that means to go, move. As a new start up application development company, the name fit as Tech designs applications for people on the

More information

Reputation X Content Development and Promotion Checklist

Reputation X Content Development and Promotion Checklist Reputation X Content Development and Promotion Checklist reputation x look better online 2.7 million blog posts are published every day. How do we cut through the noise? Why does some content achieve higher

More information

ebook library PAGE 1 HOW TO OPTIMIZE TRANSLATIONS AND ACCELERATE TIME TO MARKET

ebook library PAGE 1 HOW TO OPTIMIZE TRANSLATIONS AND ACCELERATE TIME TO MARKET ebook library PAGE 1 HOW TO OPTIMIZE TRANSLATIONS AND ACCELERATE TIME TO MARKET Aligning people, process and technology to improve quality and speed to market To succeed in the global business arena, companies

More information

WCU ATHLETICS LOGOS & USAGE WESTERN CAROLINA UNIVERSITY ATHLETIC LOGO GUIDELINES PAGE 1

WCU ATHLETICS LOGOS & USAGE WESTERN CAROLINA UNIVERSITY ATHLETIC LOGO GUIDELINES PAGE 1 WCU ATHLETICS LOGOS & USAGE PAGE 1 WCU ATHLETICS LOGOS The WCU Athletic Style Guide provides the official guidelines for use of the Western Carolina University athletics logos on collateral, signage, merchandise

More information

An easy way to create a website for scientific software project

An easy way to create a website for scientific software project An easy way to create a website for scientific software project Gennady Pospelov Scientific Computing Group at MLZ Workshop on Neutron Scattering Data Analysis Software 6-8 June, 2018, Sorangna Choice

More information

Presentation title placeholder, can be two lines Presentation subtitle placeholder. Date placeholder

Presentation title placeholder, can be two lines Presentation subtitle placeholder. Date placeholder Presentation title placeholder, can be two lines Presentation subtitle placeholder Date placeholder Presentation title placeholder Presentation title one line only Presentation subtitle placeholder Date

More information

Media information: Official app for IAA cars 2017

Media information: Official app for IAA cars 2017 Media information: Official app for IAA cars 2017 The official app for the IAA Cars 2017 1. Market leader: approx. 60,000 downloads for IAA Cars 2015 (ios and Android) First place in business category

More information

Business Applications Page Format

Business Applications Page Format Margins Business Applications Page Format Page margins are the blank space around the edges of the page. The printable area is the section of the page inside the margins. To Change the Page Margins Margins

More information

DOWNLOAD OR READ : TIMBERLAND FIELD GUIDE TALL BOOTS REVIEW PDF EBOOK EPUB MOBI

DOWNLOAD OR READ : TIMBERLAND FIELD GUIDE TALL BOOTS REVIEW PDF EBOOK EPUB MOBI DOWNLOAD OR READ : TIMBERLAND FIELD GUIDE TALL BOOTS REVIEW PDF EBOOK EPUB MOBI Page 1 Page 2 timberland field guide tall pdf agriculture engineering. agriculture engineering design tools, drawings, spreadsheets

More information

Software Requirements Specification. <Project> for. Version 1.0 approved. Prepared by <author(s)> <Organization> <Date created>

Software Requirements Specification. <Project> for. Version 1.0 approved. Prepared by <author(s)> <Organization> <Date created> Software Requirements Specification for Version 1.0 approved Prepared by Software Requirements Specification for Page 2 Table of Contents Revision

More information

Liferay Fundamentals Course Overview

Liferay Fundamentals Course Overview Liferay Fundamentals Course Overview LIFERAY Training Liferay Fundamentals Course Overview Liferay Fundamentals is recommended for all audiences before taking any other training course. Target Audience

More information

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC 1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target

More information

DESIGN GUIDELINES. Use the following slides as a guide to make sure your presentation follows the PCS Plus brand.

DESIGN GUIDELINES. Use the following slides as a guide to make sure your presentation follows the PCS Plus brand. Use the following slides as a guide to make sure your presentation follows the PCS Plus brand. LOGO PLACEMENT On white content slides the logo should appear in full colour on the bottom left of the screen

More information

Masthead. Masthead Subhead. Heading 1 spans two columns as a standard. What s Inside. Issue style Year Month Newsletter Website URL

Masthead. Masthead Subhead. Heading 1 spans two columns as a standard. What s Inside. Issue style Year Month Newsletter Website URL Masthead Masthead Subhead Issue style Year Month Newsletter Website URL. See last page for tips on inserting images. What s Inside TOC List Bullet. This text is set in a floating text box anchored in the

More information

Digital Signature. Content. Ref Introduction. 2. Settings and result

Digital Signature. Content. Ref Introduction. 2. Settings and result Digital Signature Ref. 0701 Content 1. Introduction GOAL Learn how to configure and use the Digital Signature functionality. 2. Settings and result 3. Summary www.auraportal.com Digital Signature Referenced

More information

Manual for Formatting the Tables and the List of Tables in the Thesis or Dissertation

Manual for Formatting the Tables and the List of Tables in the Thesis or Dissertation Manual for Formatting the Tables and the List of Tables in the Thesis or Dissertation This manual provides information on 1. How to properly format tables within the thesis or dissertation. 2. Examples

More information

What You Will Learn. Approximate Time. Lesson Files

What You Will Learn. Approximate Time. Lesson Files 7 Exploring Templates Macromedia Contribute and templates were made for each other literally. A basic concept of Contribute to allow nontechnical users to supply content to a page works best when templates

More information

Going Modular: Turning Legacy Docs into User Story-Based Content. Open Source Summit Europe 2017

Going Modular: Turning Legacy Docs into User Story-Based Content. Open Source Summit Europe 2017 Going Modular: Turning Legacy Docs into User Story-Based Content Open Source Summit Europe 2017 Robert Krátký, rkratky@redhat.com Principal Technical Writer, Red Hat IN THIS PRESENTATION 1. Terminology,

More information

Software Requirements Specification. <Project> for. Version 1.0 approved. Prepared by <author> <organization> <date created>

Software Requirements Specification. <Project> for. Version 1.0 approved. Prepared by <author> <organization> <date created> Software Requirements Specification for Version 1.0 approved Prepared by Copyright 2002 by Karl E. Wiegers. Permission is granted to use, modify, and distribute

More information

Microsoft SharePoint End User level 1 course content (3-day)

Microsoft SharePoint End User level 1 course content (3-day) http://www.multimediacentre.co.za Cape Town: 021 790 3684 Johannesburg: 011 083 8384 Microsoft SharePoint End User level 1 course content (3-day) Course Description SharePoint End User Level 1 teaches

More information

Technical Writing Process An Overview

Technical Writing Process An Overview techitive press Technical Writing Process An Overview Tenneti C S techitive press Copyrights Author: Chakravarthy Srinivas Tenneti Book: Technical Writing Process: An Overview Techitive.com 2013 All rights

More information

RML Example 48: Paragraph flow controls

RML Example 48: Paragraph flow controls RML (Report Markup Language) is ReportLab's own language for specifying the appearance of a printed page, which is converted into PDF by the utility rml2pdf. These RML samples showcase techniques and features

More information

Manual for Formatting the Figures and the List of Figures in the Thesis or Dissertation

Manual for Formatting the Figures and the List of Figures in the Thesis or Dissertation Manual for Formatting the Figures and the List of Figures in the Thesis or Dissertation This manual provides information on 1. How to properly format figures within the thesis or dissertation. 2. Examples

More information

q u e s t i o n s? contact or

q u e s t i o n s? contact or Chocolate Grail offers gourmet and artisanal chocolatiers different advertising options listed below. Two options are free: the basic listing and reviews. listings home page features quick pick fix reviews

More information

Map Me To ZERO Waste. Putthisak Panomsarnnarin. Thammasat University.

Map Me To ZERO Waste. Putthisak Panomsarnnarin. Thammasat University. Map Me To ZERO Waste Putthisak Panomsarnnarin Thammasat University. Chemical Substance Identified Problems Leftover Improper Waste Disposal & Collection Solution Difficulties in Accessing to Waste Management

More information

Student/Project Portfolios Using The NEW Google Sites

Student/Project Portfolios Using The NEW Google Sites Student/Project Portfolios Using The NEW Google Sites Barbara Burke, Associate Professor, Communication, Media & Rhetoric Pam Gades, Technology for Teaching & Learning Coordinator, Instructional and Media

More information

Trend Micro Business Support Portal

Trend Micro Business Support Portal Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Trend Micro Business Support Portal User Guide Welcome to the Trend Micro Business Support Portal. This portal provides full online support for Trend Micro

More information

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna - ali qua. Ut enim ad minim veniam,

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna - ali qua. Ut enim ad minim veniam, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - ali qua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut

More information

Creating Word Outlines from Compendium on a Mac

Creating Word Outlines from Compendium on a Mac Creating Word Outlines from Compendium on a Mac Using the Compendium Outline Template and Macro for Microsoft Word for Mac: Background and Tutorial Jeff Conklin & KC Burgess Yakemovic, CogNexus Institute

More information

Design Templates & Guides

Design Templates & Guides Resources, tips & Guidelines Design Templates & Guides > How-to s > Guidelines > Resources Online: www.harthouse.ca/plan-a-student-event-promotion What s included? These design templates were created

More information

SharePoint 2013 End User

SharePoint 2013 End User SharePoint 2013 End User Course 55031A; 3 Days, Instructor-led Course Description This SharePoint 2013 End User class is for end users working in a SharePoint 2013 environment. The course teaches SharePoint

More information

Table of contents. TOOLKIT for Making Written Material Clear and Effective

Table of contents. TOOLKIT for Making Written Material Clear and Effective TOOLKIT for Making Written Material Clear and Effective Table of contents U.S. Department of Health & Human Services Centers for Medicare & Medicaid Services Table of contents Overview of the Toolkit The

More information

What is the box model?

What is the box model? CSS BOX MODEL What is the box model? The CSS box model describes the rectangular boxes that are created for every element in the document tree. The box model components Source: Kindly provided by Hicks

More information

Blackfoot Brand Playbook

Blackfoot Brand Playbook Blackfoot Brand Playbook Guidelines for Managing Blackfoot s Corporate Identity January 2018, v2 Overview Blackfoot s brand identity is more than just our logo. It consists of specific colors, fonts, graphic

More information

Objectives: High level site map Home page content + labels Flow diagrams List pages (Nav + Filter) Other design patters Testing plan

Objectives: High level site map Home page content + labels Flow diagrams List pages (Nav + Filter) Other design patters Testing plan Group B 1 Objectives: High level site map Home page content + labels Flow diagrams List pages (Nav + Filter) Other design patters Testing plan 2 High level structure of Website About Find Partners TOP

More information

GENERATION TOOL FOR DBMS FOCUSED APPLICATIONS

GENERATION TOOL FOR DBMS FOCUSED APPLICATIONS GENERATION TOOL FOR DBMS FOCUSED APPLICATIONS Carlos del Cuvillo Universidad Politecnica de Madrid Ctra. de Valencia km. 7 E28031 Madrid Hector Garcia Universidad Politecnica de Madrid Ctra. de Valencia

More information

HTML for D3. Visweek d3 workshop

HTML for D3. Visweek d3 workshop HTML for D3 Visweek d3 workshop What is HTML HTML is the language in which the web pages are encoded. What is HTML? HTML can be complicated But it doesn t have to be.

More information

Comparing traps, attractants and other mosquito sampling methods using the Latin Square Design

Comparing traps, attractants and other mosquito sampling methods using the Latin Square Design Comparing traps, attractants and other mosquito sampling methods using the Latin Square Design Biogents AG Weissenburgstr. 22 93053 Regensburg, Germany www.biogents.com This work is licensed under the

More information

NA120 Network Automation 10.x Essentials

NA120 Network Automation 10.x Essentials Course Data Sheet NA120 Network Automation 10.x Essentials Course No.: NA120-101 Category/Sub Category: Operations Management/Network Management Center For software version(s): 9.0 10.1 Software version

More information

Styling of Controls Framework

Styling of Controls Framework Styling of Controls Framework 2011 51Degrees.mobi Limited. All rights reserved. The copyright in and title to the document Styling of Controls Framework belongs to 51Degrees.mobi Limited. No part of it

More information

Dictionary Driven Exchange Content Assembly Blueprints

Dictionary Driven Exchange Content Assembly Blueprints Dictionary Driven Exchange Content Assembly Blueprints Concepts, Procedures and Techniques (CAM Content Assembly Mechanism Specification) Author: David RR Webber Chair OASIS CAM TC January, 2010 http://www.oasis-open.org/committees/cam

More information

KNOWLEDGE CENTER SERVICE. Customization Guide

KNOWLEDGE CENTER SERVICE. Customization Guide KNOWLEDGE CENTER SERVICE Customization Guide TABLE OF CONTENTS PAGE Homepage Overview 1 Homepage Customization Options 1. Header 3 2. Engagement Tools 5 3. Search Box 8 4. Search Results 13 5. Footer 20

More information

Multimedia Design Guidelines MMP

Multimedia Design Guidelines MMP Multimedia Design Guidelines MMP 100-141 Metaphor A metaphor is a figurative representation that links the content of your website to an established mental model. Using metaphors in your website allows

More information