Ghislain Fourny. Big Data 7. Syntax
|
|
- Bartholomew Woods
- 6 years ago
- Views:
Transcription
1 Ghislain Fourny Big Data 7. Syntax
2 Introduction 2
3 The stack: Syntax Text CSV XML JSON RDF/XML Turtle XBRL Syntax 3
4 Data Shapes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel erat nec dui aliquet vulputate sed quis nulla. Donec eget ultricies magna, eu dignissim elit. Nullam sed urna nec nisl rhoncus ullamcorper placerat et enim. Integer varius ornare libero quis consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu efficitur orci. Aenean ac posuere tellus. Ut id commodo turpis. Praesent nec libero metus. Praesent at turpis placerat, congue ipsum eget, scelerisque justo. Ut volutpat, massa ac lacinia cursus, nisl dui volutpat arcu, quis interdum sapien turpis in tellus. Suspendisse potenti. Vestibulum pharetra justo massa, ac venenatis mi condimentum nec. Proin viverra tortor non orci suscipit rutrum. Phasellus sit amet euismod diam. Nullam convallis nunc sit amet diam suscipit dapibus. Integer porta hendrerit nunc. Quisque pharetra congue porta. Suspendisse vestibulum sed mi in euismod. Etiam a purus suscipit, accumsan nibh vel, posuere ipsum. Nulla nec tempor nibh, id venenatis lectus. Duis lobortis id urna eget tincidunt. 4
5 Trees... 5
6 ... and Graphs 6
7 2000s: The NoSQL Era foo Triple stores bar foobar Key-value stores Column stores Document stores 7
8 2000s: The NoSQL Era foo Triple stores bar foobar Key-value stores Column stores Document stores 8
9 Semi-Structured Documents gajus / 123RF Stock Photo 9
10 Semi-Structured Documents Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Structured Unstructured 10 10
11 Semi-Structured Documents e:f d This is a c b. text Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Structured Semi-structured Unstructured 11 11
12 Standards 12 12
13 For whom? 13 13
14 Syntax 14
15 Well-formedness 15 15
16 Well-formedness One syntax = one language 16 16
17 Well-formedness One syntax = one language D L 17 17
18 Well-formedness One syntax = one language D L D is well-formed D is not well-formed 18 18
19 XML 19 <?xml&version="1.0"?>& <country&code="ch">& &&<name>switzerland</name>& &&<population> </population>& &&<currency&code="chf">swiss&franc</currency>& &&<cities>& &&&&<city>zurich</city>& &&&&<city>geneva></city>& &&&&<city>bern&<!ii&the&federal&city&ii></city>& &&</cities>& &&<description>& &&&&We&produce&<b>very</b>&good&chocolate.& &&</description>& </country>& & 19
20 JSON { } "code": "CH", "name": "Switzerland", "population": , "currency": { "name": "Swiss Franc", "code": "CHF" }, "confederation": true, "president" : "Johann Schneider-Amman", "capital": null, "cities": [ "Zurich", "Geneva", "Bern" ], "description": "We produce very good chocolate." 20 20
21 HTML 21 <!DOCTYPE*html>* <html>* **<head>* ****<title>country</title>* **</head>* **<body>* ****<h1*class="title">switzerland</h1>* ****<div>population:* <br>* ******Currency:*Swiss*Franc*(CHF)</div>* ****<h2>cities</h2>* ****<ul>* ******<li>zurich</li>* ******<li>geneva></li>* ******<li>bern <!SS*the*Federal*City*SS></li>* ****</ul>* **</body>* </html>*! 21
22 XML Robert Eastman / 123 Stock Photo 22
23 XML: Element <foo>[more XML]</foo> 23
24 XML: Element <foo>[more XML]</foo> <bar/> = <bar></bar> 24
25 XML: Element <foo>[more XML]</foo> opening tag closing tag <bar/> = <bar></bar> 25 empty tag
26 XML: Attribute <a attr="value"/> 26 26
27 XML: Text <a>this is text</a> 27 27
28 XML: Comment <!-- This is a comment --> 28 28
29 XML: Processing Instruction <?myapp do whatever?> <?xml version="1.0"?> Charles Goldfarb "In a perfect world, processing instructions would not be necessary. However, as you might have noticed, 29 the world is not perfect." 29
30 (XML: Text declaration) <?xml version="1.0" encoding="utf-8"?> 30 30
31 What Appears Where? Top-Level Between Element Tags Inside Opening Element Tag Elements once Attributes Text Comments Processing Instructions 31 31
32 XML: Well-formedness <a foo="bar" foo="bar2"/> 32 32
33 XML: Well-formedness <a foo="bar" foo="bar2"/> <a foo="bar" bar="foo"/> 33 33
34 XML: Well-formedness <a><b></a></b> 34 34
35 XML: Well-formedness <a><b></a></b> <a><b></b></a> 35 35
36 XML: Well-formedness <a>1 < 2</a> 36 36
37 XML: Well-formedness <a>1 < 2</a> <a>1 < 2</a> 37 37
38 XML: Entity References <?xml version "1.0"?> <document> 2 < 3 </document> 38
39 XML: Entity References < < 39
40 XML: Entity References > > 40
41 XML: Entity References ' ' 41
42 XML: Entity References " " 42
43 XML: Entity References & & 43
44 XML: Double escaping <?xml version "1.0"?> <document> 2 < 3 </document> 44
45 XML: Character References (hex) <?xml version "1.0"?> <document> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do π eiusmod tempor incididunt ut labore et dolore magna aliqua. </document> π 45
46 XML: Character References (dec) <?xml version "1.0"?> <document> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do π eiusmod tempor incididunt ut labore et dolore magna aliqua. </document> π 46
47 XML: Well-formedness <a attr="a "quote""/> 47 47
48 XML: Well-formedness <a attr="a "quote""/> <a attr="a "quote""/> 48 48
49 XML: Well-formedness <!-- my -- comment --> 49 49
50 XML: CDATA sections <?xml version "1.0"?> <document> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do <![CDATA[ &<<>>"' ]]> eiusmod tempor incididunt ut labore et dolore magna aliqua. </document> 50
51 XML: CDATA sections -- wellformedness <?xml version "1.0"?> <document> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do <![CDATA[ &<<>>"' ]]> ]]> eiusmod tempor incididunt ut labore et dolore magna aliqua. </document> 51
52 XML: Document Type <?xml version="1.0"?> <!DOCTYPE document> <document> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </document> 52 52
53 XML: Document Type <?xml version "1.0"?> <!DOCTYPE document [ (internal subset) ]> <document> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </document> 53 53
54 XML: Entity Declarations <?xml version "1.0"?> <!DOCTYPE document [ <!ENTITY myownentity "foobar"> ]> <document> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do &myownentity; 54 foobar eiusmod tempor incididunt ut labore et dolore magna aliqua. </document> 54
55 XML Names <1234/> <a<b/> <xml/> 55 55
56 XML Names <1234/> <a<b/> <xml/> <foo1234/> <_bar/> 56 56
57 Characters allowed ":" [A-Z] "_" [a-z] [#xc0-#xd6] [#xd8-#xf6] [#xf8-#x2ff] [#x370-#x37d] [#x37f-#x1fff] [#x200c-#x200d] [#x2070-#x218f] [#x2c00-#x2fef] [#x3001-#xd7ff] [#xf900-#xfdcf] [#xfdf0-#xfffd] [#x10000-#xeffff] Anywhere "-" "." [0-9] #xb7 [#x0300-#x036f] [#x203f-#x2040] Not starting 57 57
58 XML: Namespaces XML with Namespaces XML 58 58
59 XML Names Namespace + Local name entity Expanded name {
60 XML Names Namespace + Local name entity Expanded name {
61 Life without QNames (Clark Notation) <{ <{ <{ <{ x </{ <{ <{ <{ 2 </{ </{ </{ </{
62 Life with Prefixes and QNames <m:math xmlns:m=" <m:apply> <m:eq/> <m:ci> x </m:ci> <m:apply> <m:root/> <m:cn> 2 </m:cn> </m:apply> </m:apply> </m:math> 62 62
63 Life with Prefixes and QNames <m:math xmlns:m=" <m:apply> <m:eq/> <m:ci> x </m:ci> <m:apply> <m:root/> The namespace is represented by a prefix. <m:cn> 2 </m:cn> </m:apply> </m:apply> </m:math> 63 63
64 Life with Prefixes and QNames <m:math xmlns:m=" <m:apply> <m:eq/> <m:ci> x </m:ci> <m:apply> <m:root/> <m:cn> 2 </m:cn> </m:apply> </m:apply> </m:math> Prefix m is bound to a namespace using an xmlns:m attribute
65 Life with Prefixes and QNames <m:math xmlns:m=" <m:apply> <m:eq/> <m:ci> x </m:ci> <m:apply> Prefix: m <m:root/> Namespace: <m:cn> Local name: apply 2 </m:cn> </m:apply> </m:apply> </m:math> QName 65 65
66 Default Namespace <math xmlns =" <apply> <eq/> <ci> x </ci> <apply> <root/> <cn> 2 </cn> </apply> </apply> </math> 66 66
67 Default Namespace <math xmlns =" <apply> <eq/> <ci> x </ci> <apply> <root/> <cn> No Prefix: Default Namespace 2 </cn> </apply> </apply> </math> 67 67
68 Binding scopes 68 <m:math xmlns:m=" <m:apply> <m:eq/> <m:ci> x </m:ci> <m:apply> <m:root/> <m:cn> 2 </m:cn> </m:apply> </m:apply> </m:math> Lifetime of the prefix binding 68
69 (Not) Well-Formed XML <?xml version="1.0" encoding="utf-16"?> <movies> <movie id= > <title>love Story</title> <title></title> <year>1980</year> <_director name='coppola'></_director> <comment text= Five start text= Average /> <xml>introduce XML content</xml> <newcomment text="an <important> text">oscar</newcomment> <comment lang=de> 1980 Warner Bros.</comment> <!-- Famous movie of the --80s --> </Movie> </movies> 69 69
70 (Not) Well-Formed XML <?xml version="1.0" encoding="utf-16"?> <movies> <movie id= > <title>love Story</title> <title></title> <year>1980</year> <_director name='coppola'></_director> <comment text= Five start text= Average /> <xml>introduce XML content</xml> <newcomment text="an <important> text">oscar</newcomment> <comment lang=de> 1980 Warner Bros.</comment> <!-- Famous movie of the --80s --> </Movie> </movies> 70 70
71 Well-Formedness: How To Tell? An editor (oxygen,...) will tell you
72 Well Formed XML <?xml version="1.0" encoding="utf-16"?> <!DOCTYPE movies [ <!ENTITY copy " "> ]> <movies> <Movie id="56225"> <title>love Story</title> <title></title> <year>1980</year> <_director name='coppola'></_director> <comment text="five start"/> <comment text="average"/> <newcomment text="an <important> text">oscar</newcomment> <comment lang="de"> 1980 Warner Bros.</comment> <!-- Famous movie of the 80s --> </Movie> </movies>! 72 72
73 Which QNames are in which Namespaces? 73 <?xml version="1.0"?> <!DOCTYPE eth> <eth xmlns=" xmlns:xmldb=" date=" " xmldb:date=" "> <date> </date> <president number="1">empty</president> <Rektor>Name 2</Rektor> </eth>! 73
74 Which QNames are in which Namespaces? 74 <?xml version="1.0"?> <!DOCTYPE eth> <eth xmlns=" xmlns:xmldb=" date=" " xmldb:date=" "> <date> </date> <president number="1">empty</president> <Rektor>Name 2</Rektor> </eth>! 74
75 XML: Not covered Notations Unparsed entities Parameter entities 75 75
76 JSON 76
77 JSON: String "foo" "foo\nbar\u005f" 77
78 JSON: Number E+5 78
79 JSON: Boolean true false 79
80 JSON: Null null 80
81 JSON: Array [ , true, "This is a string", { "foo" : false }, null 81 ]
82 JSON: Object { foo: , bar: true, str: "This is a string", obj: { "school" : "ETH"}, Q: null } 82
83 JSON: Well-formedness { "foo" : "bar", "foo" : "bar2" } 83 83
84 JSON: Well-formedness { "foo" : "bar", "foo" : "bar2" } { "foo" : "bar", "bar" : "foo" } (SHOULD) 84 84
85 JSON: Well-formedness { [ 1 ] : "bar", 2 : "bar2" } 85 85
86 JSON: Well-formedness { [ 1 ] : "bar", 2 : "bar2" } { "1" : "bar", "2" : "foo" } 86 86
87 JSON: Well-formedness { foo: "bar", bar: "bar2" } 87 87
88 JSON: Well-formedness { foo: "bar", bar: "bar2" } { "foo" : "bar", "bar" : "foo" } 88 88
89 HTML 89
90 XHTML syntax HTML syntax 90 90
91 HTML Syntax <!DOCTYPE html> <html> <head> <title>untitled</title> </head> <body> Dear jane <br> <p>you are invited at the weekly meeting</p> <p>yours sincerely, <br> John</p> </body> </html>! 91 91
92 HTML Elements: Void <br> 92 92
93 HTML Elements: Raw text <style> body { color: black; background: white; } em { font-style: normal; color: red; } </style> 93 93
94 HTML Elements: Escapable raw text <title> This is a "title" </title> 94 94
95 HTML Elements: Foreign 95 <math xmlns=" <apply> <eq/> <ci> x </ci> <apply> <root/> <cn> 2 </cn> </apply> </apply> </math> 95
96 HTML Elements: Normal <ol> <li>ett</li> <li>två</li> <li>tre</li> </ol> 96 96
97 XHTML Syntax <?xml version "1.0"?> <!DOCTYPE html> <html xmlns=" <head> <title>untitled</title> </head> <body> Dear jane <br/> <p>you are invited at the weekly meeting</p> <p>yours sincerely, <br/> John</p> </body> </html>!
98 YAML 98
99 YAML 99 %YAML&1.2& ***& Country:& &&code:&'ch'& &&name:&'switzerland'& &&population:& & &¤cy:& &&&&name:&'swiss&franc'& &&&&code:&'chf'& &&confederation:&true& &&president&:&'didier&burkhalter'& &&capital:&null& &&cities:& &&&&*&'Zurich'& &&&&*&'Geneva'& &&&&*&'Bern'& &&description:&'we&produce&very&good&chocolate.'&! 99
Ghislain Fourny. Big Data 2. Lessons learnt from the past
Ghislain Fourny Big Data 2. Lessons learnt from the past Mr. Databases: Edgar Codd Wikipedia Data Independence (Edgar Codd) Logical data model Lorem Ipsum Dolor sit amet Physical storage Consectetur Adipiscing
More informationRHYMES WITH HAPPIER!
RHYMES WITH HAPPIER! Title Subtitle Date Title Subtitle Date Title Subtitle Date Title Subtitle Date WHO AM I? First Last Body copy Quick Facts about Zapier HQ: San Francisco, CA 100% Remote 145 Employees
More informationUVic 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 informationKIDS BEDROOMS SHOP NOW -00% NEW. Item Name & Description $00 $00 -00% NEW. Item Name & Description $00 $00 NEW COLLECTIONS SHOP NOW!
Sign In / 0 0 0 HOME ACCESSORIES DINING SETS SPECIAL OFFERS 2016 COLLECTIONS! JUNE 24,2016 ELEGANT DINING SET Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
More informationFOR THOSE WHO DO. Lenovo Annual Report
FOR THOSE WHO DO. Lenovo Annual Report 2014 CONTENTS 2 6 About Lenovo 4 Financial Highlights 5 Chairman & CEO Statement Performance About Lenovo Lenovo is one of the world's leading personal technology
More informationGhislain Fourny. Big Data 2. Lessons learnt from the past
Ghislain Fourny Big Data 2. Lessons learnt from the past Mr. Databases: Edgar Codd Wikipedia 2 Data Independence (Edgar Codd) Logical data model Lorem Ipsum Dolor sit amet Physical storage Consectetur
More informationHTML 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 informationCreating 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 informationMKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES
1881 OVERVIEW The ezswitch Controller is a compact PLC for the modular. In addition to providing commonly used network and Fieldbus interfaces, the controller supports all digital, analog and speciality
More informationTypography is the art and technique of arranging type in order to make language visible.
TYPOGRAPHY 101 Typography is the art and technique of arranging type in order to make language visible. Good typography goes unnoticed. Readability How easy it is to read words, phrases and blocks of text
More informationTITLE - Size 16 - Bold
EDCE 2010-2011 - Size 12 - Normal Conceptual Design of Structures - Size 12 - Normal Instructor: A. Muttoni, R. Salvi, P. Wahlen - Assitant: T. Clément - Author: X. Name - TITLE - Size 16 - Bold Pier Luigi
More informationGhislain Fourny. Information Systems for Engineers 1. Introduction
Ghislain Fourny Information Systems for Engineers 1. Introduction Data is like matter Study of the real world Physics Study of the data world Data Science 2 Why Data Science? A good decision is based on
More informationbrand rationale logo colour typography graphics & images GREEN BISHOP BRAND IDENTITY GUIDELINES
brand rationale logo colour typography graphics & images 1 BRAND RATIONALE THE STORY OF GREEN BISHOP Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
More informationInformation Retrieval 12. Wrap-Up
Ghislain Fourny Information Retrieval 12. Wrap-Up Picture copyright: johan2011/123rf Stock Photo Lecture Overview Introduction Boolean queries Term vocabulary and posting lists Tolerant retrieval Evaluation
More informationBOOTSTRAP AFFIX PLUGIN
BOOTSTRAP AFFIX PLUGIN http://www.tutorialspoint.com/bootstrap/bootstrap_affix_plugin.htm Copyright tutorialspoint.com The affix plugin allows a to become affixed to a location on the page. You can
More informationPromiseShip Style Guide
Logo Options Primary - Color Primary with Tag - Color Black Black with Tag Reverse/White Reverse/White with Tag 2 Logo Use Guidelines Use the height of the P in PromiseShip to determine the width of space
More informationBRAND Guide. EuropeActive LOGOS
BRAND Guide EuropeActive LOGOS version 10/2014- p1 EuropeActive Logo The European Health & Fitness Association (EHFA) has been rebranded to EuropeActive. With our mission to get more people, more active,
More informationTITLE. Tips for Producing a Newsletter IN THIS ISSUE
TITLE UNIT NAME DATE Advantages of a Newsletter The purpose of a newsletter is to provide specialized information to a targeted audience. Newsletters can be a great way to market yourself, and also create
More informationExample project Functional Design. Author: Marion de Groot Version
Example project Functional esign uthor: Marion de Groot Version 1.0-18-4-2013 Table of contents 3 Introduction Requirements gathering 4 Use cases 5 Use case flow diagram 6 Users and Rights 7 Requirements
More informationHARBORTOUCH STYLE GUIDE
HARBORTOUCH STYLE GUIDE THE LOGO The Harbortouch logo was created for its simplicity and ease of use for all types of applications. It is essential that the logo is not altered in any way in order for
More informationCASE EXPLORER - INSTALLATION GUIDE. Doc
CASE EXPLORER - INSTALLATION GUIDE Doc. 20161104 Table Of Contents Overview... 3 Log In... 3 Procedure... 3 Home Page... 4 Searching and Pagination... 4 Utility Tools... 5 Report Generation... 6 Additional
More informationPaper Template for INTERSPEECH 2018
Paper Template for INTERSPEECH 2018 Author Name 1, Co-author Name 2 1 Author Affiliation 2 Co-author Affiliation author@university.edu, coauthor@company.com Abstract For your paper to be published in the
More informationBusiness 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 informationCity of Literature Branding
Branding The logo is based upon letterpress print techniques to demonstrate Manchesters history with literature in physical form. It is designed to be responsive so has different versions dependant on
More informationThe L A TEX Template for MCM Version v6.2
For office use only T1 T2 T3 T4 Team Control Number 0000 Problem Chosen A 2016 MCM/ICM Summary Sheet For office use only F1 F2 F3 F4 The L A TEX Template for MCM Version v6.2 Summary Lorem ipsum dolor
More informationThinking inside the box
Intro to CSS Thinking inside the box Thinking inside the box Thinking inside the box Thinking inside the box Thinking inside the box Thinking inside the box Thinking inside
More informationThe Next Big Thing Prepared for Meeting C
The Next Big Thing Prepared for Meeting C++ 2018 Andrei Alexandrescu, Ph.D. andrei@erdani.com November 15, 2018 1 / 48 Squeaky Wheel Gets the Grease 2 / 48 ( Those were the most cringey minutes of the
More informationIntermediate District 288. Brand Manual. Visual Identity Guide
Intermediate District 288 Brand Manual Visual Identity Guide SWMetro District Office 792 Canterbury Road, Suite 211 Shakopee, MN 55379 (952) 567.8100 Overview The SouthWest Metro Intermediate District
More informationTimon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager
Timon Hazell, LEED AP Senior BIM Engineer Galen S. Hoeflinger, AIA BIM Technologist Manager Find Joy in Your Work The Human Aspect The Human Aspect Importance of Architecture Know People The Human Aspect
More informationIDM 221. Web Design I. IDM 221: Web Authoring I 1
IDM 221 Web Design I IDM 221: Web Authoring I 1 Week 1 Introduc)on IDM 221: Web Authoring I 2 Hello I am Phil Sinatra, professor in the Interac4ve Digital Media program. You can find me at: ps42@drexel.edu
More informationBrand Guidelines MAY 2016
Brand Guidelines MAY 2016 CONTENT LOGO 1-11 COLORS 12 TYPOGRAPHY 13-14 STYLE 15-19 STATIONARY 20-30 including: BUSINESS CARD 21-22 LETTERHEAD 23 EMAIL SIGNATURE 24 CLIENT PROPOSAL & REPORT 25-26 NEWSLETTER
More informationThe POGIL Project Publication Guidelines
1 The POGIL Project Publication Guidelines Publication Submission Checklist 2 IN ORDER TO be published, you are required to review each item below before submitting your documents to The POGIL Project.
More informationhowtomarketing VISUAL IDENTITY In this section 30/04/ MY PR plus 1
howtomarketing VISUAL IDENTITY Module 1 Identify 1 In this section + WHAT IS VISUAL IDENTITY? + BRAND PROMISE AND STYLE + COLOURS + FONTS + DESIGN + VISUAL IDENTITY GUIDES/STYLE SHEETS 2 1 Visual Identity
More informationHigh Performance Auto Layout
#WWDC18 High Performance Auto Layout Ken Ferry, ios System Experience Kasia Wawer, ios Keyboards 2018 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission
More informationTITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title.
TITLE SUBTITLE Issue # Title Subtitle Issue Date TYPE TAGLINE HERE IN THIS ISSUE How to Use This Template Article Title Page # Article Title Page # TITLE SUBTITLE Issue # 2 Using Styles by Name Style HEADING
More informationDESIGN 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 informationLorem 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 informationUsername. Password. Forgot your password? Sign in. Register as new user
Username Password Forgot your password? Sign in Register as new user Registration Email Password Mobile phone Verify your account via SMS otherwise leave blank to verify via email. Terms & Conditions Lorem
More informationBrand identity guidelines
Brand identity guidelines CONTENTS 1 LOGO 5 COLOUR 6 TYPEFACE 8 SIGNAGE These guidelines are to help you understand the PACIFIC ALUMINIUM visual brand. The following pages demonstrate how the PACIFIC ALUMINIUM
More informationConnected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013
Connected TV Applications for TiVo Project Jigsaw Design Draft 26 Feb 2013 UI Design Connected TV application for TiVo Project Jigsaw 2 Overview LAUNCH POINT The goal of Project Jigsaw is to create a library
More informationA Road To Better User Experience. The lonely journey every front-end developer must walk.
A Road To Better User Experience The lonely journey every front-end developer must walk. Kotaro Fujita kut@tomatoboy.co Web/iOS/Game Development AGENDA What is UI/UX? Idealized Workflow Realities Random
More informationBrand Guidelines. Brand Guidelines V1.2 May 21, 2018
Brand Guidelines Brand Guidelines V1.2 May 21, 2018 1. Table of Contents 1. Table of Contents 2. Introduction 3. Logo 3.1 Clear Space 3.2 Color 3.3 Photo Backround 3.4 Sizing 3.4 Don t 4. Color Palette
More informationInsights. Send the right message to the right person at the right time.
Insights Send the right message to the right person at the right time. StreamSend Insights Guide www.streamsend.com What is StreamSend Insights? StreamSend Insights is a powerful marketing automation platform
More informationBRAND GUIDELINES All rights reserved.
BRAND GUIDELINES 2017. All rights reserved. LOGO :: INTRODUCTION The Live Purple Logo Mark the most recognizable visual brand element differentiates itself from similar cause based fundraisers. The mark
More informationGestures: ingsa GESTURES
GESTURES FORWARD AND BACKWARD SWIPE RIGHT TO GO TO THE NEXT SCREEN OR SWIPE LEFT TO GO TO THE PREVIOUS SCREEN IN THE STORY FLOW SELECT TAP WITH 1 FINGER TO NAVIGATE THOROUGH AN INTERACTIVE ITEM (SCENES)
More informationALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL
ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL OVERVIEW The Midway Branding Standards is a reference tool that provides standards and guidelines for all usage of graphics in order to
More informationColors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon.
Colors Brand Primary F0563A Persimmon 3A414C Cobalt Secondary Brand 333943 Coal 697582 Shale 8090A2 Slate C4CDD6 Alloy E1E6EB Platinum EFF3F5 Silver EDF3F9 Horizon FFFFFF White Interaction 0088A9 Ocean
More informationVisual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016.
BrandBook 2016. Logo. Correct color use Typeface BLOOMING FELD Brandon Grotesque Black Brandon Grotesque Regular ABCDEFGHIJKLMNOPQR STUVWXYZ ABCDEFGHIJKLMNOPQR STUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
More informationgraceland-core Documentation
graceland-core Documentation Release 0.1.0-SNAPSHOT Javier Campanini April 14, 2014 Contents 1 About 3 1.1 Contributing............................................... 3 1.2 License..................................................
More informationStyling 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 informationCOLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS
COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS PANTONE 349 HEX 026937 RGB 2, 105, 55 CMYK 90, 33, 100, 26 PANTONE 7489 HEX 73A950
More informationManual 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 informationVISUAL. Standards Guide
VISUAL Standards Guide Published: August 19, 2013 TABLE OF CONTENTS This is the approved Visual Standards Guide for Southeastern Community College. All logos and symbols in this manual are the property
More informationHTML. UC Berkeley Graduate School of Journalism
HTML UC Berkeley Graduate School of Journalism Webpages are made of three Webpages are made of three HTML Webpages are made of three HTML CSS Webpages are made of three HTML CSS JavaScript Webpages are
More informationBrand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER
Brand identity design Professional logo design + Branding guidelines + Stationery Designed by JAVIER Logo conceptualization Concept Shape Typography Color After reading the information provided After some
More informationAd Spec Guidelines
Ad Spec Guidelines 03.19.18 Ad Spec Guidelines 1 General Guidelines Required Assets For best results, please provide fully editable assets. FILES Design Files - Layered PSD (Photoshop) Fonts - RTF / TTF
More informationThis is an H1 Header. This is an H2 Header. This is an H3 Header
is a key element in web design. This templates delivers you sophisticated typography and various stylings. The style guide gives you an overview about all possible HTML tag stylings provided by the template.
More informationANNEX 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 informationINTRODUCTION. As GRADED brand user, you are also responsible for preserving that image. We count on your cooperation in this process.
BRAND BOOK 1 INTRODUCTION In this guide, you will find the rules to use the GRADED logo and graphic elements correctly with the possible variations and allowed limits. The guide aims to build a harmonious
More informationcosmos a tech startup
a tech startup Logo Business Card Lorem Ipsum company director Street name City, State, Zipcode (555) 555-5555 lorem@ipsum.com www.loremipsum.com Lorem ipsum dolor sit amet, consectetur adipiscing elit.
More informationBRAND IDENTITY GUIDELINE
BRAND IDENTITY GUIDELINE PAGE 1 IMPORTANCE OF A This brand identity guideline details the conditions of use enforced when using the Bell Bunya Community Centre () brand in corporate production items. It
More information[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point)
[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point) [Author Names] Author 1 [Anonymised for submission] 1, Author 2 [Anonymised] 2 (each author name separated by commas) and Author 3 [Anonymised]
More informationPersonal brand identity desigend by JAVIER
Personal brand identity desigend by JAVIER Logo conceptualization Concept Shape the Z is the base, if you observe I ve placed Color The concept was designed using the The use of the AZ is a great idea,
More informationSphinx 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 informationI D E N T I TY STA N DA R D S M A N UA L Rev 10.13
I D E N T I TY STA N DA R D S M A N UA L 3150-81-13 Rev 10.13 Table of Contents 1.1 How To Use This Manual 1.2 Web Resources Available to Faculty and Staff Basic Standards for the Signature 2.1 The Robert
More informationAn output routine for an illustrated book
An output routine for an illustrated book Boris Veytsman TUG2014 School of Systems Biology & Computational Materials Science Center, MS 6A12, George Mason University, Fairfax, VA 22030 1. Introduction
More informationThomas F. Sturm A Tutorial for Poster Creation with Tcolorbox
1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,
More informationSTOCKHOLM BEAMER THEME
STOCKHOLM BEAMER THEME sthlm is based on the hsrm theme 20130731-093333-r2.2B-TemplatesthlmBeamerTheme HendryOlson.com Made in Sweden OVERVIEW 1. Background 2. Structure 3. Features 4. Tutorial 2 BACKGROUND
More informationTUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide
TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide THE LOGO: Primary Version Concept: Fresh Modern Symbolic Rationale: The new logo gives the education system a fresh and modern appeal. Tuscaloosa
More informationThomas F. Sturm A Tutorial for Poster Creation with Tcolorbox
1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,
More informationCONTENT STRATEGY: What s Real, What s Relevant. Kristina Halvorson Web 2.0 Expo San Francisco
CONTENT STRATEGY: What s Real, What s Relevant Kristina Halvorson Web 2.0 Expo San Francisco 04.01.09 WHO AM I? President, Brain Traffic Speaker, conferences Author, in training WHO AM I? Advocate, importance
More informationOCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES
a OR-LOW GOOD TIMES OCTOBER 16 NEWSLETTER Lake Mayfield Campground by Nan O. The October camp out was a joint adventure with hosts Nor West LoWs. We arrived on Monday, October 10 th and stayed three nights.
More informationHMH : Site Consolidation Batch 1 June Wireframes : v 1.5
HMH : Site Consolidation Document Overview Page of Overview Legend A wireframe is a visual guide representing the components of a webpage and the relationships between its pages. It specifies the critical
More informationVISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008
VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008 Contents 1 Logo colourways and artworks: Colour combinations for use on different background
More informationAmerican Political Science Review (APSR) Submission Template ANONYMISED AUTHOR(S) Anonymised Institution(s) Word Count: 658
APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template Submission
More information15. Recursion 2. Motivation: Calculator. Naive Attempt (without Parentheses) Analyzing the Problem (15 7 3) = Input * 3 = Result 15
Motivation: Calculator Goal: we build a command line calculator 15. Recursion 2 Building a Calculator, Streams, Formal Grammars, Extended Backus Naur Form (EBNF), Parsing Expressions Example Input: 3 +
More informationsrc0-dan/mobile.html <!DOCTYPE html> Dan Armendariz Computer Science 76 Building Mobile Applications Harvard Extension School
src0-dan/mobile.html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48.
More informationBBN ANG 183 Typography Lecture 5A: Breaking text
BBN ANG 183 Typography Lecture 5A: Breaking text Zoltán Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University kz & szp (delg) typo/breaking (5A) 1/ 37 outline probelms with WYSIWYG
More informationnagement ompetition enture coaching GRAPHIC STANDARDS capital investment launch opening risk assessment entrepreneur information feasibility study
eas development ESEARCH startup groundwork capital investment risk assessment Analysis nagement enture coaching entrepreneur information ompetition GRAPHIC STANDARDS launch opening feasibility study strategy
More informationIDM 221. Web Design I. IDM 221: Web Authoring I 1
IDM 221 Web Design I IDM 221: Web Authoring I 1 Week 6 IDM 221: Web Authoring I 2 The Box Model IDM 221: Web Authoring I 3 When a browser displays a web page, it places each HTML block element in a box.
More information#BDOG2018. Taglines, Hashtags And More. Spice Up Your Messaging. Digital Sharing. Questions? Comments?
Taglines, Hashtags And More Digital Sharing Follow and share your story using the hashtag #bdog2018 Browse nonprofits and tools to get involved on our website: bigdayofgiving.org Like us on Facebook: facebook.com/bigdayofgiving
More informationCompassion. Action. Change.
DRAFT GRAPHIC STANDARDS GUIDE Contents 3 Overview 4 Tagline 6 Imagery 7 Identity Overview 8 CalMHSA Logo 10 Logo Usage 12 CalMHSA Logo Configurations 14 Color Palette 15 Typography 19 Design Samples GRAPHIC
More informationBrand Guidelines CONTENTS. About these guidelines...2. Logo usage...3. Color palette...6. Fonts...7. Additional design elements...
CONTENTS About se guidelines...2 Logo usage...3 Color palette...6 Fonts...7 Additional design elements...8 Collateral examples...10 Brand Guidelines AUGUST 2013 1 about se guidelines [yoc-to] The smallest
More informationCOMCAS 2015 Author Instructions for Full Manuscript Submission
COMCAS 2015 Author Instructions for Full Manuscript Submission This document provides guidance on the submission of your Manuscript to COMCAS 2015. You may wish to print out these instructions and read
More informationRML 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 informationMaking the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems
Making the New Notes Community Cooperation Concepts Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems Making the New Notes Community
More informationWRAS WIAPS BRAND GUIDELINES 2015
01 WRAS WIAPS BRAND GUIDELINES 2015 02 WRAS PRODUCT APPROVAL CERTIFICATION MARK BRAND GUIDANCE AND TERMS AND CONDITIONS OF USE WRAS LTD. CERTIFICATION MARKS, TRADEMARK AND LOGOS (APPLIES TO ALL END USERS)
More informationStyle guide. March 2017 CC BY 4.0 The Tor Project
Style guide March 2017 CC BY 4.0 The Tor Project Introduction The visual identity of software is an integral part of its user experience. Correctly using a consistent and attractive style is important
More informationCSC 337. Cascading Style Sheets. Marty Stepp, Rick Mercer
CSC 337 Cascading Style Sheets Marty Stepp, Rick Mercer Preview of a style sheet /* The good way, with a preview of cascading style sheet (css) that has class mystyle */ body { background-color: grey;.mystyle
More informationGECF Brand GuidElinEs GECF 2011
GECF Brand Guidelines GECF Brand Guidelines COntents ABOUT THIS DOCUMENT 1.0 About GECF 1.1 What we stand for 1.2 Our brand 2.0 Logo 2.1 Main logo 2.2 Logo variations 2.3 Exclusion areas 3.0 Typography
More informationBRAND GUIDELINES VAN S AIRCRAFT, INC. VERSION V1.1
BRAND GUIDELINES VAN S AIRCRAFT, INC. VERSION V1.1 0 2. 0 1.19 SECTION 1 INTRODUCTION 2 // BRAND GUIDELINES SECTION 1: INTRODUCTION About This Guide The Van s Aircraft logo is a valuable brand and business
More informationTeach Yourself Microsoft Publisher Topic 2: Text Boxes
Teach Yourself Microsoft Publisher Topic 2: Text Boxes http://www.gerrykruyer.com In this second Microsoft Publisher lesson, you will look at Publisher Text Boxes and how they are different to MS Word
More informationChapter 3 CSS for Layout
Chapter 3 CSS for Layout Chapter two introduced how CSS is used to manage the style of a webpage, this chapter explores how CSS manages the layout of a webpage. Generally a webpage will consist of many
More informationMBCA Section Newsletter Required Content Guidelines
MBCA Section Newsletter The attached newsletter template, developed by the National Business Office of the Mercedes-Benz Club of America along with Mr. Stacy Rollins, Newsletter Committee Chairman, was
More informationDESIGNPRINCIPPER FANG FORTÆLLINGEN
DESIGNPRINCIPPER Indhold: 3 / Bomærke 6 Skrift 8 Farve 9 Plakat overordnet På udstillingsstedet 11 Plakat Udstilling 12 Skrift 13 Folder 17 Flyer 2 / Bomærke 3 frizone 4 (minimum gengivelse) 2 cm 4 cm
More informationq 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 informationIDENTITY STANDARDS LIVINGSTONE COLLEGE DR. JIMMY R. JENKINS, SR. PRESIDENT
IDENTITY STANDARDS DR. JIMMY R. JENKINS, SR. PRESIDENT VERSION 1.0 AUGUST 13, 2014 A MESSAGE FROM OUR PRESIDENT Greetings, Blue Bear Family! As President of Livingstone College, it is my duty to ensure
More informationbrand guide book & resources
brand guide book & resources back to top 1 logo page 3 placement, colours and composition key visuals & graphics page 8 placement, colours and composition typography page 10 font use and rules placement,
More informationVersion 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes
Notes Author Version Comments Mick Rosolek.0 Initial Draft Mick Rosolek. First Round Edits Mick Rosolek.2 Additional Edits Mick Rosolek.3 Amendment Mick Rosolek.4 Amendment Site Map - Page of 4 0.0 Pre-Engagement
More informationProject Title. A Project Report Submitted in partial fulfillment of the degree of. Master of Computer Applications
Project Title A Project Report Submitted in partial fulfillment of the degree of Master of Computer Applications By Student Name1(xxMCMCxx) Student Name2(yyMCMCyy) School of Computer and Information Sciences
More information