Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

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

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Nächste SlideShare
Presentation1
Presentation1
Wird geladen in …3
×

Hier ansehen

1 von 26 Anzeige

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

Herunterladen, um offline zu lesen

5th of eight slide decks targeted at small to medium sized enterprises considering commissioning a web site for the first time. It uses a simple "Hello World" exercise to illustrate some of the factors to consider when building a web page including routing through to support component and the concept of the "twin seductions of free and simple".

5th of eight slide decks targeted at small to medium sized enterprises considering commissioning a web site for the first time. It uses a simple "Hello World" exercise to illustrate some of the factors to consider when building a web page including routing through to support component and the concept of the "twin seductions of free and simple".

Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

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

Anzeige

Aktuellste (20)

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

  1. 1. The Organisation As A System The Performance Organisers Structured Coherent Design The Performance Organisers 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
  2. 2. The Performance Organisers http://www.jitsoftware.co.uk Commissioning a Web Site – Writing a Web Page
  3. 3. The Performance Organisers 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/ Commissioning a Web Site – Writing a Web Page
  4. 4. The Performance Organisers Commissioning a Web Site – Writing a Web Page So.. You want to build a web site
  5. 5. The Performance Organisers Your Organisation Boundary The Organisation Boundary Client 1 Client 3 Client 2 Server room Internet Service Provider External Client Technical Legal Consultancy Commissioning a Web Site – Writing a Web Page
  6. 6. The Performance Organisers Commissioning a Web Site – Writing a Web Page New Assets, New Skills…..
  7. 7. The Performance Organisers Commissioning a Web Site – Writing a Web Page A web page may have a mix of programming languages Page code is interpreted line by line and rendered through a browser
  8. 8. The Performance Organisers Commissioning a Web Site - The Nature of the Web A Development Platform Separate from the live architecture
  9. 9. The Performance Organisers Commissioning a Web Site – Writing a Web Page There is a need for specialist tools…….
  10. 10. The Performance Organisers Commissioning a Web Site - The Nature of the Web A Development Platform With its own policy and governance
  11. 11. The Performance Organisers 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 ? ? Commissioning a Web Site – Writing a Web Page
  12. 12. The Performance Organisers Extending the organisation boundary.. SAAS and/or external code ? ? Commissioning a Web Site – Writing a Web Page SAAS And External Code <!--#include file=“http://www.anotherdomain/a folder/abitofcode.js" --> ? ? The seduction of “free” and “simple”
  13. 13. The Performance Organisers Commissioning a Web Site – Writing a Web Page Cutting Code… A simple exercise to illustrate operating principle
  14. 14. The Performance Organisers Commissioning a Web Site – Writing a Web Page <%@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
  15. 15. The Performance Organisers Commissioning a Web Site – Writing a Web Page 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
  16. 16. The Performance Organisers Commissioning a Web Site – Writing a Web Page <%@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 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
  17. 17. The Performance Organisers Commissioning a Web Site – Writing a Web Page <%@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 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)…
  18. 18. The Performance Organisers Commissioning a Web Site – Writing a Web Page Read your visible code on line Make sure your code does what it says on the tin….
  19. 19. The Performance Organisers Commissioning a Web Site – Writing a Web Page Visible Line Count = 3248 Modular, Template Based. Write once use many times..
  20. 20. The Performance Organisers Site Management Should be Inside Your Boundary Client 1 Client 3 Client 2 Server room Internet Service Provider External Client Technical Legal Consultancy Commissioning a Web Site – Writing a Web Page Make absolutely certain you own and have access to your site source code
  21. 21. The Performance Organisers Accountability means what it says, end to end control is required ? ? Commissioning a Web Site – Writing a Web Page SAAS And External Code <!--#include file=“http://www.anotherdomain/a folder/abitofcode.js" --> ? ? The seduction of “free” and “simple”
  22. 22. The Performance Organisers Commissioning a Web Site – Writing a Web Page 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………
  23. 23. The Performance Organisers Experts…. Commissioning a Web Site – Writing a Web Page
  24. 24. The Performance Organisers Useful Resources W3schools The British Computer Society The Institution of Analysts and Programmers Commissioning a Web Site – Writing a Web Page
  25. 25. The Performance Organisers 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 Commissioning a Web Site – Writing a Web Page
  26. 26. http://www.jitsoftware.co.uk Tel: +44 07780 568449 Email: allenwoods@jit-software.com Skype: apw808 The Performance Organisers Commissioning a Web Site – Writing a Web Page

×