-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (103 loc) · 6.5 KB
/
index.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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BPC2021</title>
<meta name="description" content="The BPC 2021">
<meta name="author" content="Ward Van Belle">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="css/layout.css">
<script>
function mailfeedback() {
var mailtext = document.getElementsByClassName('form-control')[0].value;
window.open('mailto:[email protected]?subject=feedback/question_on_BPCsite&body='+mailtext);
}
</script>
</head>
<body>
<div class="container">
<div class="row" id="header">
<div class="col-lg-9" id = "titleblock">
<h1 id ="title">BPC 20-21</h1>
<h3 id = "subtitle">Bioinformatics programming challenge 2020-2021</h3>
</div>
<div class="col-lg-3">
<img src="pf.jpg" alt="A picture of the person who wrote this site (Ward Van Belle)" id="pfpic">
</div>
</div>
<div class="row" id="challenges">
<div class="col">
<h2 id="coltitle">Challenge 1</h2>
<p>
This challenge was all about starting your journey into the world of bioinformatics. We got a bit of text from a webpage that was supplied.
The only thing that was visible to us was a long string (which looked like a gen sequence) and an input slot in which we could fill in our answer.
When we looked at the sourcecode of the site we could see that there was a hidden file. When we looked at the filename, it became clear that we needed to use jalview in combination with some filters.
Once jalview was installed and the right filters were applied a sentence appeared on top of the sequence.
The sentence read 'Which gene makes you the fastest man alive'. One google search further we learned that this was infact the 'ACTN3' gene.
This was indeed the answer to the first challenge which in consequence unlocked the second one.
</p>
<h4>Code:</h4>
<p>
The code that I used for this project can be found <a href="https://github.com/wardvanbelle/PBC2021/blob/main/Challenge1.py" id="challengecode" >here</a>
</p>
</div>
<div class="col">
<h2 id="coltitle">Challenge 2</h2>
<p>
For this challenge we actually needed to code. On first look we got a file named IDs.txt and a webpage with a long proteinsequence.
We also got the cryptic message 'SUCCES = 19 21 3 3 5 19'. This indicated that we somehow needed to find a sequnce of numbers which would lead to the answer when transformed.
The first real challenge was to download the webpage and scrape it for the proteinsequence while removing unneccessary html coding parts.
When this was done we could program a simple sequence searcher for the given sequences that match the ID's. The amount of matches for each ID sequence gave a sequence of numbers.
This number sequence when translated to letters gave the words 'who is the fastest man alive'. Of course (at the time) this is Usain Bolt.
We tought it was over but when inserting this we always got the message that the answer was wrong. After asking for a clue we were told that we had to remember that every answer should be given in a certain format.
This format is al caps and no spaces. So the actual answer was actually 'USAINBOLT'. Inserting this lead us to the third and last challenge.
</p>
<h4>Code:</h4>
<p>
The code that I used for this project can be found <a href="https://github.com/wardvanbelle/PBC2021/blob/main/Challenge2.py" id="challengecode">here</a>
</p>
</div>
<div class="col">
<h2 id="coltitle">Challenge 3</h2>
<p>
The last challenge was on another level. We were given a sequence and a link to a nature paper. This paper was first and foremost very interesting.
This paper spoke about using a DNA sequence to save some kind of information. This information could then be turned into tris code and next into ASCII code.
So the challenge here was to make a program that could decipher the given DNA sequence into readable ASCII.
After a lot of hours trying to find a way to translate this we found it! But instead of finding an answer we were faced with another question.
In how many swissprot human genes do you find the 3AA long protein sequence? (I don't know if this was the exact question but it was along these lines.)
After donwloading the human proteosome and searching through it with the found sequence, we finally found the answer we were looking for.
This marked the end of our bioinformatics adventure but it didn't really stop there and it surely succeeded in tickeling our programming senses.
</p>
<h4>Code:</h4>
<p>
The code that I used for this project can be found <a href="https://github.com/wardvanbelle/PBC2021/blob/main/Challenge3.py" id="challengecode">here</a>
</p>
</div>
</div>
<div class="row" id="footer">
<div class="col-lg-6">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Feedback/Questions?" aria-label="Feedback/Questions?" aria-describedby="button-addon2">
<button type="submit" class="btn btn-secondary" id="button-addon2" onclick="mailfeedback()">submit</button>
</div>
</div>
<div class="col-lg-3"></div>
<div class="col-lg-3">
<div class="row">
<div class="col">
<a href="https://www.facebook.com/wardvanbelle"><img src="images/facebook-icon.png" alt="facebook-logo" id="socialpics"></a>
</div>
<div class="col">
<a href="https://www.linkedin.com/in/ward-van-belle-199394144/"><img src="images/linkedin-icon.png" alt="linkedin-logo" id="socialpics"></a>
</div>
<div class="col">
<a href="https://github.com/wardvanbelle"><img src="images/github-icon.png" alt="github-logo" id="socialpics"></a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>