web_AI-5/presentation/presentation.html

305 lines
7.0 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<title>Case-Study</title>
<meta name="author" content="(Ivan Hörler und Andreas Zweili)"/>
<style type="text/css">
.underline { text-decoration: underline; }
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/reveal.js/3.0.0/css/reveal.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/reveal.js/3.0.0/css/theme/solarized.css" id="theme"/>
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://cdn.jsdelivr.net/reveal.js/3.0.0/css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="sec-title-slide"><h1 class="title">Case-Study</h1><h2 class="author">Ivan Hörler und Andreas Zweili</h2><p class="date">Created: 2018-03-05 Mon 12:55</p>
</section>
<section id="table-of-contents">
<nav id="table-of-contents">
<h2>Inhaltsverzeichnis</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#/slide-org5a78f37">Ausgangslage</a></li>
<li><a href="#/slide-org0bbc339">Varianten</a></li>
<li><a href="#/slide-orgf763025">Kosten</a></li>
<li><a href="#/slide-org00cc8bc">Vorgehen</a></li>
<li><a href="#/slide-org817112f">Fazit</a></li>
</ul>
</div>
</nav>
</section>
<section>
<section id="slide-org5a78f37">
<h2 id="org5a78f37">Ausgangslage</h2>
<ul>
<li>Freie Software in bezug auf open sourcecode.</li>
</ul>
<p>
Um einen ersten Anhaltspunkt zu haben, haben wir ein Mindmap gezeichnet in
welchem wir unsere ersten Ideen erfassten.
</p>
</section>
<section id="slide-orgc9db7df">
<h3 id="orgc9db7df">Vision</h3>
<p>
Ich werde hier kleinere Versionen dieses Mindmap erstellen und mehrere Folien
Zum zeigen brauchen.
</p>
<figure>
<img src="pictures/webshop.png" alt="webshop.png" width="80%">
</figure>
</section>
</section>
<section>
<section id="slide-org0bbc339">
<h2 id="org0bbc339">Varianten</h2>
<div class="outline-text-2" id="text-org0bbc339">
</div>
</section>
<section id="slide-org15e154e">
<h3 id="org15e154e">C# und SQL Server</h3>
<figure>
<img src="pictures/csharp.png" alt="csharp.png">
</figure>
</section>
<section id="slide-org8ff4f1f">
<h3 id="org8ff4f1f">Laravel und MySQL</h3>
<figure>
<img src="pictures/laravel.png" alt="laravel.png">
</figure>
</section>
<section id="slide-orgd22c008">
<h3 id="orgd22c008">Django und MariaDB</h3>
<figure>
<img src="pictures/django.png" alt="django.png">
</figure>
</section>
<section id="slide-org70fe915">
<h3 id="org70fe915">Kriterien</h3>
<ul>
<li>Freie Software</li>
<li>Cross Plattform nutzbar</li>
<li>Lesbarkeit des Codes</li>
<li>Einfachheit des Setups</li>
<li>Ohne spezielle Tools nutzbar</li>
<li>Vorkenntnisse Lernfaktor</li>
</ul>
</section>
<section id="slide-org24a84a7">
<h3 id="org24a84a7">Vergleich</h3>
<table>
<colgroup>
<col class="org-left">
<col class="org-right">
</colgroup>
<thead>
<tr>
<th scope="col" class="org-left"><b>Variante</b></th>
<th scope="col" class="org-right"><b>Erreichte Punktzahl</b></th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-left">ASP.NET und SQL Server</td>
<td class="org-right">141</td>
</tr>
<tr>
<td class="org-left">PHP und MySQL</td>
<td class="org-right">161</td>
</tr>
<tr>
<td class="org-left">Django und MariaDB</td>
<td class="org-right">196</td>
</tr>
</tbody>
</table>
</section>
<section id="slide-org72934d0">
<h3 id="org72934d0">Auswahl</h3>
</section>
</section>
<section>
<section id="slide-orgf763025">
<h2 id="orgf763025">Kosten</h2>
<div class="outline-text-2" id="text-orgf763025">
</div>
</section>
<section id="slide-org38be99f">
<h3 id="org38be99f">Laravel Webshop</h3>
<table>
<colgroup>
<col class="org-left">
<col class="org-left">
</colgroup>
<thead>
<tr>
<th scope="col" class="org-left">Sprache</th>
<th scope="col" class="org-left">Codezeilen</th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-left">PHP</td>
<td class="org-left">8679</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left"><b>Total</b></td>
<td class="org-left"><b>8679</b></td>
</tr>
</tbody>
</table>
</section>
<section id="slide-org9dcf5f3">
<h3 id="org9dcf5f3">Django Webshop</h3>
<table>
<colgroup>
<col class="org-left">
<col class="org-right">
</colgroup>
<thead>
<tr>
<th scope="col" class="org-left">Sprache</th>
<th scope="col" class="org-right">Codezeilen</th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-left">Python</td>
<td class="org-right">1460</td>
</tr>
<tr>
<td class="org-left">SQL</td>
<td class="org-right">4639</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left"><b>Total</b></td>
<td class="org-right"><b>6099</b></td>
</tr>
</tbody>
</table>
</section>
</section>
<section>
<section id="slide-org00cc8bc">
<h2 id="org00cc8bc">Vorgehen</h2>
<div class="outline-text-2" id="text-org00cc8bc">
</div>
</section>
<section id="slide-org649d443">
<h3 id="org649d443">Currencies</h3>
<p>
Ivan Erzählt wie die Currencies abgeholt werden
</p>
</section>
<section id="slide-org2b1115c">
<h3 id="org2b1115c">Infrastruktur</h3>
<p>
Andreas erzählt wie die infrastruktur aufgebaut ist.
</p>
</section>
<section id="slide-org8e086d7">
<h3 id="org8e086d7">Programmierung</h3>
<p>
vieleicht zwei Schwierigkeiten
</p>
</section>
</section>
<section>
<section id="slide-org817112f">
<h2 id="org817112f">Fazit</h2>
</section>
</section>
</div>
</div>
<script src="https://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/head.min.js"></script>
<script src="https://cdn.jsdelivr.net/reveal.js/3.0.0/js/reveal.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: false,
center: true,
slideNumber: 'c',
rollingLinks: false,
keyboard: true,
overview: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/fade/none
transitionSpeed: 'default',
multiplex: {
secret: '', // null if client
id: '', // id, obtained from socket.io server
url: '' // Location of socket.io server
},
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }]
});
</script>
</body>
</html>