+
+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
index f948169..7c322c6 100644
--- 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"]
+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.
-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/)
+
+
+
diff --git a/content/redovisning.md b/content/redovisning.md
index cac5cd2..0679fb4 100644
--- 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
-------------------------
-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
+
+Back to top
+
+Kmom02
-------------------------
Här är redovisningstexten
+Back to top
-Kmom03
+Kmom03
-------------------------
Här är redovisningstexten
+Back to top
-Kmom04
+Kmom04
-------------------------
Här är redovisningstexten
+Back to top
-Kmom05
+Kmom05
-------------------------
Här är redovisningstexten
+Back to top
-Kmom06
+Kmom06
-------------------------
Här är redovisningstexten
+Back to top
-Kmom07-10
+Kmom07-10
-------------------------
Här är redovisningstexten
+
+
+Back to top
diff --git a/htdocs/.htaccess b/htdocs/.htaccess
index e173e3d..a07432a 100644
--- 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
index 3a14e1f..2be6ad4 100644
--- 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
new file mode 100644
index 0000000..9e0f619
--- /dev/null
+++ 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
index 60d05ef..0c05119 100644
Binary files a/htdocs/favicon.ico and b/htdocs/favicon.ico differ
diff --git a/htdocs/img/logo-2078018_100.png b/htdocs/img/logo-2078018_100.png
new file mode 100644
index 0000000..9ed8529
Binary files /dev/null and b/htdocs/img/logo-2078018_100.png differ
diff --git a/htdocs/img/programming-942487_320.jpg b/htdocs/img/programming-942487_320.jpg
new file mode 100644
index 0000000..ec58f0d
Binary files /dev/null and b/htdocs/img/programming-942487_320.jpg differ
diff --git a/htdocs/img/thomas.jpg b/htdocs/img/thomas.jpg
new file mode 100644
index 0000000..4c80a53
Binary files /dev/null and b/htdocs/img/thomas.jpg differ
diff --git a/htdocs/img/thomas0.jpg b/htdocs/img/thomas0.jpg
new file mode 100644
index 0000000..4c80a53
Binary files /dev/null and b/htdocs/img/thomas0.jpg differ
diff --git a/htdocs/zz_favicon.ico b/htdocs/zz_favicon.ico
new file mode 100644
index 0000000..60d05ef
Binary files /dev/null and b/htdocs/zz_favicon.ico differ
diff --git a/view/footer/oophp/default.php b/view/footer/oophp/default.php
index bf80d8d..02f2289 100644
--- 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
-
+
++ Validatorer: + HTML5 + CSS + Unicorn +
++ Specifikationer: + HTML4 + HTML5 + CSS2.1 + CSS2.2 + CSS3 +
++ Cheatsheat: + W3C Cheatsheet +
++ Time to load page: ms. Files included: . Memory used: MB. +
diff --git a/view/header/oophp/default.php b/view/header/oophp/default.php index 0e2c595..3ba9320 100644 --- a/view/header/oophp/default.php +++ b/view/header/oophp/default.php @@ -11,6 +11,6 @@ ?> -