-
Notifications
You must be signed in to change notification settings - Fork 0
/
mediaserver.html
139 lines (136 loc) · 10.7 KB
/
mediaserver.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
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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://finestbit.com/portfolio" />
<title>Gijs Peerlings - Portfolio I-Talent - Mediaserver</title>
<meta name="description" content="The part of my portfolio where I describe my mediaserver." />
<noscript>
<link rel="stylesheet" type="text/css" href="styles/style.css" /> </noscript>
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'> </head>
<body>
<main>
<nav>
<ul>
<li><a href="/" title="homepage or index">Home</a></li>
<li><a class="active" href="mediaserver.html" title="Mediaserver">Mediaserver</a></li>
<li><a href="buddy.html" title="studdy buddy">Study Buddy</a></li>
<li><a href="hacking.html" title="seminarie hacking">Seminarie hacking</a></li>
<li><a href="dublin.html" title="Studiereis Dublin">Dublin</a></li>
<li><a href="eindreflectie.html" title="Eindreflectie">Eindreflectie</a></li>
</ul>
</nav>
<header class="mediaheader">
<div class="titlediv">
<h1>Geautomatiseerde mediaserver</h1>
<p>Al twee jaar heb ik een eigen Plex-server. Dit is een soort van zelfgehoste Netflix of Hulu. Hier probeer ik constant nieuwe dingen op uit.</p>
</div><img src="images/mediaserver.png" alt="An image previewing my mediaserver" class="plex"> </header>
<section>
<h2>Doelstellingen</h2>
<article>
<p>De doelstelling voor deze activiteit was het documenteren van de set-up. Dit omdat de installatie al af was. Mijn eigen doelstellingen voor deze activiteit waren; het beter leren documenteren en mijn technische kennis uitdiepen.</p>
</article>
<form action="#">
<button class="btn" type="submit"><i class="fas fa-angle-double-up"></i> Naar boven</button>
</form>
</section>
<section>
<h2>Verslag</h2>
<article>
<p>Mijn taak voor deze opdracht was een documentatie schrijven over mijn mediaserver. Uiteindelijk is dit een 31 pagina
lang document geworden met iets minder dan 5000 woorden. Toen ik een half jaar geleden begon aan mijn mediaserver
dacht ik niet dat ik dit zoveel zou uitbreiden. Ik ben begonnen met Plex en heb daarna allemaal kleine deeltjes
toegevoegd met de gedachte: “Dit kan makkelijker”. Om een voorbeeld te geven downloadde ik al mijn ondertitels manueel.
Alles wat ik manueel doe kan dus ook worden geautomatiseerd en dat heb ik dan ook gedaan. Het eindresultaat dat ik nu ben
bekomen kan ook weer geautomatiseerd worden door bijvoorbeeld een pagina te maken voor Sonarr en Radarr samen. </p><br>
<p>Ik ben dus tot de conclusie gekomen dat automatisatie nooit stopt. Alles kan altijd makkelijker. Verder heb ik ook veel
nieuwe technologieën geleerd en uitgeprobeerd. Dit staat niet allemaal in de documentatie omdat ik een groot deel hiervan
nog wel heb maar al is vervangen. Vaak omdat ik een beter alternatief heb gevonden. Ik heb me ook veel met de security
beziggehouden aangezien ik veel data download en niet iedereen hoeft te zien welke data dit is. </p><br>
<p>Verder ben ik nog iedere dag bezig om indringers buiten te houden door te zoeken naar manieren hoe zij
precies binnen zouden kunnen komen. Ik heb hierdoor al veel gaten kunnen dichten. Een voorbeeld hiervan
is via SSH brute force. Ik heb hiervoor dan ook fail2ban geïnstalleerd en overal private key login geforceerd.
Verder heb ik ook om remote access te krijgen een “tussenserver” gemaakt. Als deze gehackt zou worden is niet d
irect mijn hele systeem gehackt maar alleen die host. Vanuit een security perspectief heb ik dus geleerd dat je
niet moet denken ‘hoe zou een indringer hier kunnen binnendringen?’ maar eerder ‘hoe zou ik hier kunnen binnen dringen?’.
Op deze manier vind je veel meer gaten en leer je ook nog een paar hacking technieken. Aangezien dit geheel ook een
beetje mijn hobby is ben ik heel blij om dit later ook als werk te kunnen doen en nu dan ook als i-talent opdracht!</p><br>
<p>Onderstaand zijn een paar recente foto’s met uitleg:</p><br>
<div><img src="images/mediaserver.png" alt="An image previewing my mediaserver" /></div><br>
<p>In de bovenstaande afbeelding is een catalogus van films die je kunt afspelen weergegeven. Als er op een
afbeelding wordt geklikt volgt een korte beschrijving over de inhoud en kan eventueel een trailer worden
afgespeeld. Een oranje driehoekje bovenaan de film houdt bij of je die al hebt gezien. Voor series geldt
hetzelfde principe.</p><br>
<div><img src="images/radarr.png" alt="An image previewing automation software" /></div><br>
<p>Hierboven wordt gevisualiseerd hoe de automatisatiesoftware eruitziet. Er zit natuurlijk veel meer achter dan deze
simpele interface maar dit kan gezien worden als het eindresultaat. Wanneer een film beschikbaar is wordt deze
automatisch gedownload en toegevoegd aan Plex. Films kunnen worden toegevoegd met de knop “Add Movie”.
Tussen het indienen van de opdracht en het maken van het portfolio heb ik natuurlijk een aantal dingen veranderd
aan mijn set-up. Een voorbeeld hiervan is dat nieuwe media nu wordt geüpload en gestreamd van Google Drive.
Zo heb ik “ongelimiteerde” opslag.
</p><br>
</article>
<form action="#">
<button class="btn" type="submit"><i class="fas fa-angle-double-up"></i> Naar boven</button>
</form>
</section>
<section>
<h2>Reflectie</h2>
<article>
<p>Aangezien ik deze opdracht heb uitgevoerd in de loop van een half jaar is deze in kleine delen tot stand gekomen en langzaam uitgebreid. Ik ben begonnen met alleen Plex op een server met Ubuntu 16.04. Aangezien dit niet zo praktisch werkte en niet zo stabiel was heb ik dit daarna omgezet naar Windows Server 2012 R2 Datacenter. Ik heb deze set-up langzaam uitgebreid naar een volledig geautomatiseerd systeem. Ik ben vaak problemen tegengekomen en heb deze met behulp van Google opgelost. Hier heb ik veel van geleerd. </p><br>
<p>Toen ik aan deze opdracht begon wist ik nog niks van Powershell, ik heb dit dan ook snel onder de knie gekregen zodat ik meer kon automatiseren. Ik heb vooral geleerd dat je automatisatie naar het oneindige kan doortrekken. Het einddoel is dus altijd een knopje waar je niet meer op moet drukken. </p><br>
<p>Er zijn verder enorm veel technologieën die ik nog niet eens heb bekeken en die zeker de moeite waard zijn. Security en troubleshooting komen verder overal bij voor. Ik ben dus ook heel blij dat ik deze technieken veel beter onder de knie heb gekregen maar er is altijd meer om te leren. Ik heb deze opdracht geselecteerd voor mijn portfolio omdat de technieken die hierin voorkwamen bijna overal toepasbaar zijn in een SNB job. Mijn zwakke punt was het documenteren van de opdracht. Dit is uiteindelijk wel goed gekomen, vandaar dat ik ook mijn i-talent uren heb gekregen. Een werkpunt is om de zinsbouw en spelling beter te doen. Hier heb ik tijdens het maken van het portfolio meer moeite in gestoken.</p><br>
</article>
<form action="#">
<button class="btn" type="submit"><i class="fas fa-angle-double-up"></i> Naar boven</button>
</form>
</section>
</main>
<aside id="footersection">
<article class="footerarticle">
<h3>CONTACTINFORMATIE</h3>
<p><a href="mailto:[email protected]" title="the contact e-mail address">[email protected]</a></p>
<div>
<figure>
<a href="https://www.facebook.com/gijs.peerlings" title="Facebook"><img src="images/fb_logo.png" alt="Facebook"></a>
<figcaption>Voeg me toe
<br>op Facebook!</figcaption>
</figure>
<figure>
<a href="https://twitter.com/gijs159" title="Twitter"><img src="images/twitter_logo.png" alt="twitter"></a>
<figcaption>Volg me
<br>op Twitter!</figcaption>
</figure>
<figure>
<a href="https://www.linkedin.com/in/gijs-peerlings-027843138/" title="LinkedIn"><img src="images/LinkedIn_logo.png" alt="LinkedIn"></a>
<figcaption>Voeg me toe
<br>op LinkedIn!</figcaption>
</figure>
</div>
<p>Om me te contacteren kun je bovenstaande informatie gebruiken.</p>
</article>
<article class="footerarticle">
<h3>OVER MIJ</h3>
<p>In dit deel stel ik mezelf even voor. Ik ben Gijs en op dit moment student bij PXL. </p> <br>
<p>Ik studeer Toegepast Informatica: Systemen en netwerken. Dit is dan ook gelijk een grote hobby. Een andere hobby die ik heb is zwemmen. Als laatste vind ik een film of serie kijken ook altijd wel leuk.</p>
</article>
<article class="footerarticle">
<h3>WAT IS DIT?</h3>
<p>Dit portfolio maakt deel uit van het vak I-Talent dat ik op de Hogeschool PXL krijg.</p>
<br>
<p>Tijdens het vak I-Talent moeten er extracurriculaire activiteiten worden uitgevoerd. Daarna moet er een verslag worden gemaakt. Deze verslagen zijn samengebracht op deze website. </p>
</article>
<script type="text/javascript">
var giftofspeed = document.createElement('link');
giftofspeed.rel = 'stylesheet';
giftofspeed.href = 'styles/style.css';
giftofspeed.type = 'text/css';
var godefer = document.getElementsByTagName('link')[0];
godefer.parentNode.insertBefore(giftofspeed, godefer);
</script>
</aside>
<footer>
<h5>Copyright © 2019 Gijs Peerlings All rights reserved.</h5> <a href="sitemap.html" title="user friendly sitemap">sitemap</a> </footer>
</body>
</html>