web_AI-5/presentation/presentation.html

332 lines
7.9 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-07 Wed 21:33</p>
</section>
<section id="table-of-contents">
<div id="table-of-contents">
<h2>Inhaltsverzeichnis</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#/slide-org22483f4">Ausgangslage</a></li>
<li><a href="#/slide-org8dd51c9">Varianten</a></li>
<li><a href="#/slide-org7ec30e8">Kosten</a></li>
<li><a href="#/slide-org53d9a40">Vorgehen</a></li>
<li><a href="#/slide-org110cecd">Fazit</a></li>
</ul>
</div>
</div>
</section>
<section>
<section id="slide-org22483f4">
<h2 id="org22483f4">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-orga7440c7">
<h3 id="orga7440c7">Vision</h3>
<p>
Ich werde hier kleinere Versionen dieses Mindmap erstellen und mehrere Folien
Zum zeigen brauchen.
</p>
<div class="figure">
<p><img src="pictures/webshop.png" alt="webshop.png" width="80%" />
</p>
</div>
</section>
<section id="slide-org3623e3e">
<h3 id="org3623e3e">Vision - Artikel</h3>
<div class="figure">
<p><img src="pictures/Vision-Artikel.png" alt="Vision-Artikel.png" width="80%" />
</p>
</div>
</section>
<section id="slide-org9c67ae4">
<h3 id="org9c67ae4">Vision - Warenkorb</h3>
<div class="figure">
<p><img src="pictures/Vision-Warenkorb.png" alt="Vision-Warenkorb.png" width="80%" />
</p>
</div>
</section>
<section id="slide-org0b72880">
<h3 id="org0b72880">Vision - Abgaben</h3>
<div class="figure">
<p><img src="pictures/Vision-Abgaben.png" alt="Vision-Abgaben.png" width="80%" />
</p>
</div>
</section>
</section>
<section>
<section id="slide-org8dd51c9">
<h2 id="org8dd51c9">Varianten</h2>
<div class="outline-text-2" id="text-org8dd51c9">
</div>
</section>
<section id="slide-org270ff32">
<h3 id="org270ff32">C# und SQL Server</h3>
<div class="figure">
<p><img src="pictures/csharp.png" alt="csharp.png" />
</p>
</div>
</section>
<section id="slide-orgdcf8753">
<h3 id="orgdcf8753">Laravel und MySQL</h3>
<div class="figure">
<p><img src="pictures/laravel.png" alt="laravel.png" />
</p>
</div>
</section>
<section id="slide-orgd52932c">
<h3 id="orgd52932c">Django und MariaDB</h3>
<div class="figure">
<p><img src="pictures/django.png" alt="django.png" />
</p>
</div>
</section>
<section id="slide-orgf457668">
<h3 id="orgf457668">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-orgc94ecb8">
<h3 id="orgc94ecb8">Vergleich</h3>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<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-orga2bf4ce">
<h3 id="orga2bf4ce">Auswahl</h3>
</section>
</section>
<section>
<section id="slide-org7ec30e8">
<h2 id="org7ec30e8">Kosten</h2>
<div class="outline-text-2" id="text-org7ec30e8">
</div>
</section>
<section id="slide-org4d471d1">
<h3 id="org4d471d1">Laravel Webshop</h3>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<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-orge8b202a">
<h3 id="orge8b202a">Django Webshop</h3>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<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-org53d9a40">
<h2 id="org53d9a40">Vorgehen</h2>
<div class="outline-text-2" id="text-org53d9a40">
</div>
</section>
<section id="slide-org44d2dc3">
<h3 id="org44d2dc3">Currencies</h3>
<p>
Ivan Erzählt wie die Currencies abgeholt werden
</p>
</section>
<section id="slide-org138443d">
<h3 id="org138443d">Infrastruktur</h3>
<p>
Andreas erzählt wie die infrastruktur aufgebaut ist.
</p>
</section>
<section id="slide-org3099047">
<h3 id="org3099047">Programmierung</h3>
<p>
vieleicht zwei Schwierigkeiten
</p>
</section>
</section>
<section>
<section id="slide-org110cecd">
<h2 id="org110cecd">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>