paulsjohnson91.github.io/index.html at master · paulsjohnson91/paulsjohnson91.github.io · GitHub

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Paul Johnson</title>

  <!-- Font Awesome Icons -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

  <!-- Plugin CSS -->
  <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

  <!-- Theme CSS - Includes Bootstrap -->
  <link href="css/creative.min.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">

</head>

<body id="page-top">

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
    <div class="container">
      <a class="navbar-brand js-scroll-trigger" href="#page-top">Paul Johnson</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto my-2 my-lg-0">
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#about">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#services">Skills</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Masthead -->
  <header class="masthead">
    <div class="container h-100">
      <div class="row h-100 align-items-center justify-content-center text-center">
        <div class="col-lg-10 align-self-end">
          <h1 class="text-uppercase text-white font-weight-bold">Paul Johnson<br/>Software Developer</h1>
          <img class="picofme" src="img/me.jpg" alt="picture of me"></img>
          <hr class="divider my-4">
        </div>
        <div class="col-lg-8 align-self-baseline">
          <p class="text-white-75 font-weight-light mb-5">Hi, I'm Paul Johnson. I'm a Software Engineer and have a passion for all things technology! I graduated from Bath University with a 2.1 in Computer Science and Mathematics in June 2014, which included a years placement at GlaxoSmithKline as an SAP consultant. Since then I've worked as a test lead and a test automation engineer on a wide range of technology including mobile, web and embedded software.</p>
          <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
        </div>
      </div>
    </div>
  </header>

  <!-- About Section -->
  <section class="page-section bg-primary" id="about">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-16 text-center">
          <h2 class="text-white mt-0">Experience</h2>
          <hr class="divider light my-4">
          <p class="text-white-50 mb-4"><b>William Hill</b><br/>I currently work in an agile team on a Java/Oracle API with a Node front end in a fully automatedtest environment. I’ve helped migrate from Citrus to a new Java 11 framework which utilizes Gradle,Fluentlenium and Swagger. The framework has been integrated into a Gitlab CI pipeline executed incustom built lightweight docker containers. The solution uses an in house live reporting tool usingKotlin/Angular/MongoDB which I helped build, including plugins for every major testing framework.I’ve recently become one of the lead experts in AWS/Terraform as part of an ongoing project tomigrate all systems commercial and test into the cloud. I’ve been responsible for writing a buildpipeline to move all systems to a micro-service oriented solution using ECS Fargate, DocumentDBand RDS.</p>
          <p class="text-white-50 mb-4"><b>TomTom Sports</b><br/>I joined TomTom in July 2017 in their consumer sports division. The environment consisted of an embedded linux solution (sports watch), iOS/Android applications, a web front end and set of web services. My job was to create a new test automation framework capable of verifying end to end functionality. To do this I set up a test environment of multiple Raspberry Pis each hooked up to watches phones, cnotrolled by a Java/Appium/Cucumber maven project run via Jenkins. Unfortunately the role only lasted 5 months due to the closure of the sports department.</p>
          <p class="text-white-50 mb-4"><b>Fujitsu</b><br/>After graduation, I joined Fujitsu, the second oldest IT company in the world, as a test an analyst. I worked for a year on the post office account, one of their biggest retail accounts, creating test plans and performing manual tests in a live test environment. The environment consisted of Java based EPOSS, unix and windows systems and Oracle databases
After a year I moved into the newly formed rail account working on a mobile ticketing platform. I was quickly promoted into the senior test lead role in charge of 10 test analysts. This work involved writing test documentation, coordinating testing efforts across the team, defect triaging and ensuring that we have maximum test coverage. During this time I was frequently sent to customer sites to act as a lead liason with the company, managing customer expectations and facilitating changes euring roll out. Part of my role included the creation from scratch of a test automation framework, written in Xamarin Test UI, with which I managed to achieve a 60% total test coverage. This was despite automation complications such as bluetooth devices (pinpad and printers).
Due to my work on mobile test automation, I was able to create a new service line for Fujitsu, as an automation consultant. My role included analysing external companies' current test coverage and writing an automation framework for them which utilised Xamarin Test Cloud to test their mobile applications on hundreds of unique physical devices.</p>
          <p class="text-white-50 mb-4"><b>Industrial Placement</b><br/>For the third year of my degree, in 2012, I took a placement at GlaxoSmithKline Pharmaceuticals. They had recently invested in a complete global SAP environment to replace all the fragmented environments they were left with through various mergers and acquisitions. I was part of the SAP Basis administration team, which is a third line support team responsible for the overall maintenance of the environment, as well as diagnosis of more serious underlying issues. This was my first taste of business technologies and I learnt a great deal from the experience.</p>
          <a class="btn btn-light btn-xl js-scroll-trigger" href="#services">Skills</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Services Section -->
  <section class="page-section" id="services">
    <div class="container">
      <h2 class="text-center mt-0">Skills</h2>
      <hr class="divider my-4">
      <div class="row">
        <div class="col-lg-3 col-md-6 text-center">
          <div class="mt-5">
            <i class="fab fa-4x fa-aws text-primary mb-4"></i>
            <h3 class="h4 mb-2">Terraform</h3>
            <p class="text-muted mb-0">Migration and maintenance of large scale solutions into AWS</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="mt-5">
            <i class="fab fa-4x fa-java text-primary mb-4"></i>
            <h3 class="h4 mb-2">Java</h3>
            <p class="text-muted mb-0">Years of experience with Java up to version 11</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="mt-5">
            <i class="fab fa-4x fa-gitlab text-primary mb-4"></i>
            <h3 class="h4 mb-2">Gitlab CI</h3>
            <p class="text-muted mb-0">Continuous Integration through Gitlab pipelines</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="mt-5">
            <i class="fab fa-4x fa-docker text-primary mb-4"></i>
            <h3 class="h4 mb-2">Docker</h3>
            <p class="text-muted mb-0">Landscape Virtualisation through docker containers</p>
          </div>
        </div>
      </div>
      <br/><br/>
      <div id="expandedskills" class="col-lg-16 text-center collapse">
        <h3 class="text-center mt-0">Expanded Skills</h3>
        <hr class="divider my-4">
        <br/>


        <div class="row">
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">Languages (Advanced)</h3>
            <ul class="text-left">
              <li>Java 8 & 11</li>
              <li>C#</li>
              <li>C++</li>
              <li>JavaScript</li>
              <li>SQL</li>
              <li>Python</li>
            </ul>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">Languages (Intermediate)</h3>
            <ul class="text-left">
              <li>HTML</li>
              <li>Lisp</li>
              <li>Prolog</li>
              <li>Matlab</li>
              <li>Node</li>
              <li>jQuery</li>
            </ul>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">Amazon Web Services</h3>
            <ul class="text-left">
              <li>Terraform</li>
              <li>ECS (on EC2 ASG and Fargate)</li>
              <li>DocumentDB</li>
              <li>EC2 / ASG with scaling</li>
              <li>Lambdas</li>
              <li>DynamoDB</li>
            </ul>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">Testing Frameworks</h3>
            <ul class="text-left">
              <li>Cucumber</li>
              <li>Selenium / Fluentlenium</li>
              <li>JUnit / TestNG</li>
              <li>Xamarin Test UI</li>
              <li>Appium</li>
              <li>Calabash</li>
            </ul>
          </div>
        </div>
      </br>
        <div class="row">
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">IDEs</h3>
            <ul class="text-left">
              <li>Intellij</li>
              <li>Eclipse</li>
              <li>Atom</li>
              <li>Visual Studio</li>
              <li>Xamarin Studio</li>
              <li>Webstorm</li>
            </ul>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">Build Tools</h3>
            <ul class="text-left">
              <li>Gradle</li>
              <li>Maven</li>
              <li>Groovy</li>
              <li>Docker</li>
            </ul>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">CI</h3>
            <ul class="text-left">
              <li>Gitlab CI</li>
              <li>Jenkins</li>
            </ul>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <h3 class="h4 mb-2">Defect Management</h3>
            <ul class="text-left">
              <li>TFS</li>
              <li>Jira</li>
              <li>HPQC</li>
            </ul>
          </div>
        </div>
      </br>
        <h3 class="text-center mt-0">Achievements</h3>
        <div class="row">
          <div class="col-lg-6 col-md-6 text-center">
            <ul class="text-left">
              <li>ITIL V3 Foundation Course in Service Management</li>
              <li>ISTQB Test Foundation</li>
              <li>iSQi Certificed Agile Tester</li>
              <li>iSQi CMAP (Certified Mobile App Tester)</li>
              <li>AWS 3 day architecture course</li>
            </ul>
          </div>
        </div>
      </div>
      <hr class="divider my-4">
      <div class="col-lg-16 text-center">
        <a class="btn btn-primary btn-xl js-scroll-trigger" data-toggle="collapse" data-target="#expandedskills" id="expandButton">Expand</a>
      </div>
    </div>


  </section>

  <!-- Portfolio Section -->
  <section id="portfolio">
    <div class="container-fluid p-0">
      <div class="row no-gutters">
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="img/portfolio/fullsize/1.jpg">
            <img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="img/portfolio/fullsize/2.jpg">
            <img class="img-fluid" src="img/portfolio/thumbnails/2.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="img/portfolio/fullsize/3.jpg">
            <img class="img-fluid" src="img/portfolio/thumbnails/3.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="img/portfolio/fullsize/4.jpg">
            <img class="img-fluid" src="img/portfolio/thumbnails/4.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="img/portfolio/fullsize/5.jpg">
            <img class="img-fluid" src="img/portfolio/thumbnails/5.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="img/portfolio/fullsize/6.jpg">
            <img class="img-fluid" src="img/portfolio/thumbnails/6.jpg" alt="">
            <div class="portfolio-box-caption p-3">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- Call to Action Section -->
  <section class="page-section bg-dark text-white">
    <div class="container text-center">
      <h2 class="mb-4">To Do</h2>
      <a class="btn btn-light btn-xl" href="#">To Do</a>
    </div>
  </section>

  <!-- Contact Section -->
  <section class="page-section" id="contact">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-8 text-center">
          <h2 class="mt-0">Want to know more?</h2>
          <hr class="divider my-4">
          <p class="text-muted mb-5">Get in touch!</p>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-3 ml-auto text-center">
          <i class="fab fa-github fa-3x mb-3 text-muted"></i>
          <a class="d-block" href="www.github.com/paulsjohnson91">Github</a>
        </div>
        <div class="col-lg-3 ml-auto text-center">
          <i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
          <a class="d-block" href="mailto:paul.sjohnson91@gmail.com">Mail</a>
        </div>
        <div class="col-lg-3 mr-auto text-center">
          <i class="fab fa-youtube fa-3x mb-3 text-muted"></i>
          <a class="d-block" href="https://www.youtube.com/channel/UCEzGJ1a9-IxQS9WbwO77QDQ/videos">Youtube</a>
        </div>
        <div class="col-lg-3 mr-auto text-center">
          <i class="fab fa-linkedin fa-3x mb-3 text-muted"></i>
          <a class="d-block" href="https://www.linkedin.com/in/paulsjohnson91/">LinkedIn</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="bg-light py-5">
    <div class="container">
      <div class="small text-center text-muted">Copyright &copy; 2019 - Start Bootstrap</div>
    </div>
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
  <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

  <!-- Custom scripts for this template -->
  <script src="js/creative.min.js"></script>

</body>

</html>