Final kmom01

thba17 · Apr 8, 2018 · c8ff53d · c8ff53d
1 parent 4e8ae75
commit c8ff53d
Show file tree

Hide file tree

Showing 17 changed files with 253 additions and 47 deletions.
diff --git a/README.md b/README.md
@@ -2,3 +2,6 @@ My redovisa in oophp
 ====================
 
 This is a project repo for course oophp at BTH (bth.se).
+2018-04-06 Project init
+2018-04-08 Added report text, styling and bootstrap stylesheets.
+            kmom01 finished.
diff --git a/content/index.md b/content/index.md
@@ -4,18 +4,24 @@ title: "My title"
 Min me-sida i kursen oophp
 =========================
 
-[FIGURE src="image/me.jpg?w=500" caption="Bild på mig"]
-
-Detta är min me-sida i kursen. Denna sidan innehåller en presentation av mig själv. Underhåll denna sidan under hela kursen och uppdatera den efter hand och behov.
-
-Så, en presentation en bra början. Skriv några ord om dig själv. Jag börjar.
-
-Mitt namn är Mikael Roos. Född och uppvuxen i Bankeryd, Småland, strax utanför Jönköping, i ett villaområde som byggdes upp samtidigt som vi flyttade in där. Jag gillade landhockey och har spelat bandy och hockey samt gått bowlinggymnasiet i Nässjö. Jag har varit städare, diskare, kallskänka, servitör och kock. På ett bananskal landade jag i Ronneby när jag började högskolan 1990 där och nu är jag kvar med fru, barn och så vidare.
-
-Programmering har alltid intresserat mig sedan 13-årsåldern och min första dator var en Spectravideo 328 med bandspelare.
-
-Om jag skall nämna någon hobby, förutom webbprogrammering, så får det bli att bära sten på sommarstugetomten, och det finns sten så det räcker och blir över.
-
-Till och från får jag för mig att börja på lite hobbies, ett år satsade jag på pokerspel, ett annat år var det geocaching och sedan turfing. Nu ligger jag lågt med hobbies, men något kanske dyker upp...?
-
-Vi syns och hörs i forum och chatt!
+Hej!!!
+
+<img src="img/thomas.jpg" alt="Thomas" width=300 style="float: right; margin-left: 1rem; margin-bottom: 1rem;">
+
+Tänkte skriva lite kort om mig själv. Jobbar sedan många år tillbaka på
+Enea Software i Stockholm. Officiellt är jag lärare men tillhör
+supportavdelningen. Vi utvecklar ett realtids OS som jag brukar säga är
+världens mest använda men minst kända operativsystem - OSE.
+
+Egentligen är hårdvarunära programmering inte min "grej" utan jag jobbar
+hellre med användare på UI-nivå. Jag har under det senaste året driftsatt ett
+e-learningsystem som heter Moodle och därav mitt intresse för kursen
+"Webprogrammering och databaser".  
+Av en slump kom jag för två år sedan i kontakt med ett verktyg för att ta fram
+onlinekurser (typ) - "Adapt". Jag tyckte det verkade krångligt på serversidan men
+efter att gått databaskursen inser jag att det är baserat på Node.js, och Express.
+Det var kul att få en förståelse av tekniken bakom och vad jag har installerat på servern.
+
+Jag gick för flera år sedan två Oracle-kurser och en Python-kurs på KTH. Efter
+att ha tagit mig igenom kurspaketets första tre delkurser så ser jag nu med spänning
+fram mot vad delkursen "oophp" kan ge.
diff --git a/content/om.md b/content/om.md
@@ -3,14 +3,21 @@
 Om
 =========================
 
-Denna webbplatsen är en del av kursen [XXX](https://dbwebb.se/kurser/XXX). Uppdatera så att länken går till kursens hemsida på dwebb.se.
+Denna webbplatsen är en del av kursen [oophp](https://dbwebb.se/kurser/oophp-v4) vid Blekinge Teknska Högskola.
 
-Några egna kloka ord om kursen?
+[FIGURE src=image/programming-942487_320.jpg?w=300 class="left"]
+<cite>Kursen hanterar objektorienterade programmeringstekniker i PHP med fokus mot webbprogrammering och webbutveckling av webbapplikationer och webbplatser.  
+Grundläggande programmering i PHP gås igenom och därefter fokuseras på de objektorienterade konstruktionerna. Som databas används MySQL och PHP Data Objects används för att koppla PHP mot databasen.  
+Skriptspråket PHP och databaser med SQL är grundtekniker för att tillsammans med HTML och CSS bygga databasdrivna webbapplikationer.</cite>
 
-En fin och representativ bild för kursen, enligt ditt egna val.
 
-[FIGURE src=image/car.png?w=300 caption="En fin bil som demobild."]
+Kursrepot finns tillgängligt [på GitHub](https://github.com/dbwebb-se/oophp).
 
-Länka till [dbwebb kursrepot på GitHub](https://github.com/dbwebbse/XXX).
+Repot för denna sida finns på [på GitHub](https://github.com/thba17/oophp-v4).
 
-Länka till [ditt eget repo för me/redovisa på GitHub](https://github.com/XXX/XXX).
+Bilder och grafik som används på denna site kommer antingen via pixabay.com under CC0-licens eller som del av kursmaterialet. Undantag är bild "Thomas" som ägs av Thomas Barnå (all rights reserved).
+
+Denna sida är skapad av [Thomas Barnå](https://www.linkedin.com/in/thomas-barn%C3%A5-78a5a75/)
+
+
+<!-- [FIGURE src="image/favicon/german-2566487_128.jpg?h=100" class="left"] -->
diff --git a/content/redovisning.md b/content/redovisning.md
@@ -3,51 +3,72 @@
 Redovisning
 =========================
 
+[Kmom01](#kmom01) [Kmom02](#kmom02) [Kmom03](#kmom03) [Kmom04](#kmom04)
+[Kmom05](#kmom05) [Kmom06](#kmom06) [Kmom07-10](#kmom07-10)
 
-
-Kmom01
+Kmom01<a name="kmom01"></a>
 -------------------------
 
-Här är redovisningstexten
+######Hur känns det att hoppa rakt in i objekt och klasser med PHP, gick det bra och kan du relatera till andra objektorienterade språk?  
+Det gick relativt bra. Har aldrig jobbat med OO förut men bara nosat lite kort i andra kurser. Så det övergripande konceptet var OK. Av erfarenhet vet jag att har man bara jobbat med t.ex. C så är konceptet OO knepigt att komma in i. Man kan ju ändå få till ngn form av kvasi-OO genom att bygga upp structar. Konceptet OO är så vitt jag vet samma för alla OO-språk med klasser, attribut och metoder.
+
+######Berätta hur det gick det att utföra uppgiften “Gissa numret” med GET, POST och SESSION?  
+Det var kul att komma igång med PHP igen. Videoserien till denna kurs har börjat mycket bra tycker jag. Bra med korta och tydliga genomgångar som fokuserar på ett ämne i taget. Fick fundera en del runt GET-varianten men när den var gjord så var POST-varianten klar på två minuter. Däremot rörde jag ihop det i SESSION-varianten eftersom jag inte kan se programflödet framför mig. Tänkte att objektet var persistent och att jag hade en "handle" till samma instans i min sessionsvariabel. Till slut fick jag dock ihop en lösning som blev relativt enkel.
+
+######Har du några inledande reflektioner kring me-sidan och dess struktur?  
+Tycker det var en jättebra inledning till strukturen som mos gjorde i videoserien. Bra genomgång av strukturen och vad som ligger var och hur de samspelar. Hade varit bra med en sådan till designkursen också. Så här inledningsvis känns det relativt överskådligt men lite förvirrande i början med stylningen som görs i css-katalogen och inte som i designkursen. I upgiftsbeskrivningen står det att vi kan styla med LESS/SASS men det kräver väl att man kompilerar dessa? Jag valde i stället att lägga till en stylesheet från bootstrap.
 
+######Vilken är din TIL för detta kmom?  
+Min TIL är att det var relativt enkelt att lägga till stylesheet från bootstrap. Den verkar länka in en miniferad stylesheet. Däremot vet man ju inte hur denna är definierad eller hur en sida reagerar om man inte når denna.
 
 
-Kmom02
+
+<a href="#top">Back to top</a>
+
+Kmom02<a name="kmom02"></a>
 -------------------------
 
 Här är redovisningstexten
 
 
+<a href="#top">Back to top</a>
 
-Kmom03
+Kmom03<a name="kmom03"></a>
 -------------------------
 
 Här är redovisningstexten
 
 
+<a href="#top">Back to top</a>
 
-Kmom04
+Kmom04<a name="kmom04"></a>
 -------------------------
 
 Här är redovisningstexten
 
 
+<a href="#top">Back to top</a>
 
-Kmom05
+Kmom05<a name="kmom05"></a>
 -------------------------
 
 Här är redovisningstexten
 
 
+<a href="#top">Back to top</a>
 
-Kmom06
+Kmom06<a name="kmom06"></a>
 -------------------------
 
 Här är redovisningstexten
 
 
+<a href="#top">Back to top</a>
 
-Kmom07-10
+Kmom07-10<a name="kmom07-10"></a>
 -------------------------
 
 Här är redovisningstexten
+
+
+<a href="#top">Back to top</a>
diff --git a/htdocs/.htaccess b/htdocs/.htaccess
@@ -2,7 +2,7 @@
 # This is a modified rewrite to fit Anax when working on both local development
 # environment and publishing to www.student.bth.se.
 #
-# Do NOT forget to change /~mosstud/ to your own student acronym.
+# Do NOT forget to change /~mosstud/ to your own student acronym (thba17).
 #
 RewriteEngine on
 
@@ -14,15 +14,15 @@ RewriteRule (.*) - [NC,L]
 
 # Rewrite 1 - For request via www.student.bth.se
 RewriteCond %{HTTP_HOST} ^www\.student\.bth\.se$ [NC]
-RewriteRule ^image/(.*)$ /~mosstud/dbwebb-kurser/oophp/me/redovisa/htdocs/cimage/img.php?src=$1 [QSA,NC,L]
+RewriteRule ^image/(.*)$ /~thba17/dbwebb-kurser/oophp/me/redovisa/htdocs/cimage/img.php?src=$1 [QSA,NC,L]
 
 RewriteCond %{HTTP_HOST} ^www\.student\.bth\.se$ [NC]
-RewriteRule (.*) /~mosstud/dbwebb-kurser/oophp/me/redovisa/htdocs/index.php/$1 [NC,L]
+RewriteRule (.*) /~thba17/dbwebb-kurser/oophp/me/redovisa/htdocs/index.php/$1 [NC,L]
 
 
 # Rewrite 2 - For other requests
 RewriteCond %{HTTP_HOST} !^www\.student\.bth\.se$ [NC]
-RewriteRule ^image/(.*)$ cimage/img.php?src=$1 [QSA,NC,L] 
+RewriteRule ^image/(.*)$ cimage/img.php?src=$1 [QSA,NC,L]
 
 RewriteCond %{HTTP_HOST} !^www\.student\.bth\.se$ [NC]
 RewriteRule (.*) index.php/$1 [NC,L]
diff --git a/htdocs/css/style.css b/htdocs/css/style.css
@@ -1,3 +1,7 @@
+/**
+ * With additions for boostrap
+ */
+
 /**
  * General setup for layout.
  */
@@ -23,7 +27,9 @@ body {
     padding: 0 0.5em;
 }
 
-
+p {
+    font-size: .8rem;
+}
 
 /**
  * Header
@@ -76,7 +82,7 @@ body {
  * Main
  */
 .outer-wrap-main {
-    min-height: 20em;
+    min-height: 30rem;
     margin-bottom: 2em;
 }
 
@@ -101,7 +107,17 @@ body {
     padding: 1em 0;
 }
 
+.inner-wrap-footer a {
+    color: #999;
+}
+
+.inner-wrap-footer a:hover {
+    font-weight: bold;
+}
 
+.inner-wrap-footer a:visited {
+    color: #ccc;
+}
 
 /**
  * Responsive

diff --git a/htdocs/css/zz_style.css b/htdocs/css/zz_style.css
@@ -0,0 +1,123 @@
+/**
+ * General setup for layout.
+ */
+html {
+    overflow-y: scroll;
+    background-color: #424242;
+}
+
+body {
+    margin: 0;
+    background-color: #fff;
+    word-wrap: break-word;
+}
+
+.outer-wrap {
+    margin: 0 auto;
+    background-color: #fff;
+}
+
+.inner-wrap {
+    margin: 0 auto;
+    max-width: 680px;
+    padding: 0 0.5em;
+}
+
+
+
+/**
+ * Header
+ */
+.outer-wrap-header {
+    max-width: 100%;
+    min-height: 2em;
+    background-color: #000;
+    color: #fff;
+}
+
+.outer-wrap-header {
+    position: relative;
+}
+
+.inner-wrap-header {
+    max-width: 100%;
+}
+
+.header-logo {
+    position: absolute;
+    top: 7em;
+    left: 1em;
+}
+
+
+
+/**
+ * Navbar
+ */
+.outer-wrap-navbar {
+    max-width: 100%;
+    min-height: 2em;
+    background-color: #535353;
+    color: #fff;
+    padding: 0.5em 0;
+}
+
+.outer-wrap-navbar a {
+    color: #fff;
+}
+
+.outer-wrap-navbar a:hover {
+    color: #ddd;
+}
+
+
+
+/**
+ * Main
+ */
+.outer-wrap-main {
+    min-height: 20em;
+    margin-bottom: 2em;
+}
+
+.wrap-main h1 {
+    border-bottom: 1px solid #999;
+}
+
+.wrap-main h2 {
+    border-bottom: 1px solid #ccc;
+}
+
+
+
+/**
+ * Footer
+ */
+.outer-wrap-footer {
+    max-width: 100%;
+    min-height: 10em;
+    background-color: #424242;
+    color: #fff;
+    padding: 1em 0;
+}
+
+.inner-wrap-footer a {
+    color: #999;
+}
+
+.inner-wrap-footer a:hover {
+    font-weight: bold;
+}
+
+.inner-wrap-footer a:visited {
+    color: #ccc;
+}
+
+/**
+ * Responsive
+ */
+@media screen and (max-width: 970px) {
+    .header-logo {
+        display: none;
+    }
+}
diff --git a/htdocs/favicon.ico b/htdocs/favicon.ico
diff --git a/htdocs/img/logo-2078018_100.png b/htdocs/img/logo-2078018_100.png
diff --git a/htdocs/img/programming-942487_320.jpg b/htdocs/img/programming-942487_320.jpg
diff --git a/htdocs/img/thomas.jpg b/htdocs/img/thomas.jpg
diff --git a/htdocs/img/thomas0.jpg b/htdocs/img/thomas0.jpg
diff --git a/htdocs/zz_favicon.ico b/htdocs/zz_favicon.ico
diff --git a/view/footer/oophp/default.php b/view/footer/oophp/default.php
@@ -7,9 +7,33 @@
  */
 
 // Show incoming variables and view helper functions
-//echo showEnvironment(get_defined_vars(), get_defined_functions());
+// echo showEnvironment(get_defined_vars(), get_defined_functions());
 
 ?>
 
-FOOTER <?= __FILE__ ?>
-<?= showEnvironment(get_defined_vars(), get_defined_functions()) ?>
+<?php
+$numFiles   = count(get_included_files());
+$memoryUsed = memory_get_peak_usage(true);
+$loadTime   = microtime(true) - $_SERVER['REQUEST_TIME_FLOAT'];
+?>
+<p>
+    Validatorer:
+    <a href="http://validator.w3.org/check/referer">HTML5</a>
+    <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
+    <a href="http://validator.w3.org/unicorn/check?ucn_uri=referer&amp;ucn_task=conformance">Unicorn</a>
+</p>
+<p>
+    Specifikationer:
+    <a href="http://www.w3.org/TR/html4" target="_blank">HTML4</a>
+    <a href="http://www.w3.org/TR/html5" target="_blank">HTML5</a>
+    <a href="http://www.w3.org/TR/CSS21" target="_blank">CSS2.1</a>
+    <a href="http://dev.w3.org/csswg/css2" target="_blank">CSS2.2</a>
+    <a href="http://www.w3.org/Style/CSS/current-work" target="_blank">CSS3</a>
+</p>
+<p>
+    Cheatsheat:
+    <a href="http://www.w3.org/2009/cheatsheet" target="_blank">W3C Cheatsheet</a>
+</p>
+<p>
+    Time to load page: <?=round($loadTime*1000, 4)?> ms. Files included: <?=$numFiles?>. Memory used: <?=round($memoryUsed/1000000, 2)?>MB.
+</p>