GDPR and EA Commissioning a web site part 5, writing a web page

The Organisation As A System
The Performance Organisers
Structured Coherent Design
Commissioning a Web Site
Part Five – Writing a Web Page
The introduction slide deck video can be downloaded here
This slide deck can be downloaded from:
http://www.jitsoftware.co.uk/training/websitecse/webpage.pptx
The preceding video on “the web” can be downloaded here

http://www.jitsoftware.co.uk
Commissioning a Web Site – Writing a Web Page

About the Author:
• Allen Woods, recently retired.
• Ex British Army (1971 – 1995) Taught Arctic Warfare, Several Years
On Operations, Funded Himself through College to Study IT
• Chartered Member of the British Computer Society for 20 years
• Member of the Chartered Status Interview Panel for BCS
• In 2010, Finalist of UK “Developer Of The Year” Competition for HSIS
• Primarily Employed in UK Defence Supply Chain and Logistics IT
since 1995 until 2019
• Credits: MoD Health and Safety Information System, Various Internal
to Defence P&G Portals, CATMIS, IQB Oversight to Defence Voyager
Programme IM Transformation
• Home Domain: http://www.jitsoftware.co.uk/portal/

So.. You want to build a web site

Your Organisation Boundary
The Organisation Boundary
Client 1
Client 3
Client 2
Server room
Internet Service Provider
External Client
Technical Legal
Consultancy

New Assets, New Skills…..

A web page may have a mix of programming languages
Page code is interpreted line by line and rendered through a browser

Commissioning a Web Site - The Nature of the
Web
A Development Platform
Separate from the live architecture

There is a need for specialist tools…….

Commissioning a Web Site - The Nature of the
Web
A Development Platform
With its own policy and governance

Expanding your organisation boundary
A dependency will build
But so will accountability
and liability as the site
owner is legally speaking,
usually the data controller
?
?

Extending the organisation boundary.. SAAS and/or external code
?
?
SAAS
And
External Code

?
?
The seduction of “free” and “simple”

Cutting Code…
A simple exercise to illustrate operating principle

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Hello World Page</title>
</head>
<body>
Hello World
</body>
</html>
1
2
3
4
5
6
7
8
Visible Line
Count = 11
Say “Hello World”….
Rendering is on a “line by line” sequential basis

Each page and the elements of it form part of a document
object model.
And each object on a page has programmatically
exploitable:
• Properties
• And Methods
And Events can be made to happen to them

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Hello World Baasic Page</title>
<style type="text/css">
.tabletitle {
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color:#006;
height: 26;
font-style: normal;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<span class="tabletitle">Hello World</span>
</body>
</html>
Visible Line Count =
22 (doubled!)
Say “Hello World” and change some properties to add a little style..
Style like all code is placed on a “write once, use many” basis

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello World Baasic Page</title>
<style type="text/css">
.tabletitle {
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color:#006;
height: 26;
font-style: normal;
font-weight: bold;
text-align: center;
}
</style>
<script language="JavaScript" type="text/JavaScript">
function showalert(){
alert("You clicked the text");
}
</script>
</head>
<body>
<span class="tabletitle" onclick="showalert()">Hello World. we've added a bit
of code now! Click the text</span>
</body>
</html>
Visible Line Count
= 26
Operating System
Line count = ?
Say “Hello World” and add a bit of functionality (mouse click event)…

Read your visible code on line
Make sure your code does what it says on the tin….

Visible Line
Count = 3248
Modular, Template Based. Write once use many
times..

Site Management Should be Inside Your Boundary
Client 1
Client 3
Client 2
Server room
Internet Service Provider
External Client
Technical Legal
Consultancy
Make absolutely certain you own and have access to your site source code

Accountability means what it says, end to end control is required
?
?
SAAS
And
External Code

?
?
The seduction of “free” and “simple”

And a few other considerations (with a bit of
humour)…..
• Know where your “stuff” is in the physical world
• Understand accountability…
• Understand the concept of data ownership and
its impact
• Building a web site extends your organisation
boundary, it also extends your asset register
• Test and prove with a “nightmare exercise”
• As your boundary grows, the complexity of your
compliance effort and your policy and
governance grows with it
• Etc., etc………

Experts….

Useful Resources
W3schools
The British Computer Society
The Institution of Analysts and Programmers

Summary
• Building a web site extends your organisation reach and therefore its
boundary
• New skills and assets are introduced into the mix that you may not own
• If you are commissioning a web site you will need to carefully consider your
requirements
• Because your organisation will be a data controller (probably)
• And as a controller you will be held accountable and liable for the integrity of
the data you collect using your site.
• Your key asset in your web site is the source code you are paying for which
must be of merchantable quality and technically reliable
• Proper planning and preparation prevents p**s poor performance (7p’s – old
military adage)
• Test your site against the “nightmare letter”.
• Next slide deck: Some guidance on exploiting your web site potential

http://www.jitsoftware.co.uk
Tel: +44 07780 568449
Email: allenwoods@jit-software.com
Skype: apw808

GDPR and EA Commissioning a web site part 5, writing a web page

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie GDPR and EA Commissioning a web site part 5, writing a web page

Ähnlich wie GDPR and EA Commissioning a web site part 5, writing a web page (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (16)

GDPR and EA Commissioning a web site part 5, writing a web page