programerski-bralni-krozek
/
sicp
4
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Vnos za srečanje, dokumentacija plana za vaje

main
Jurij Podgoršek 2024-12-12 21:14:36 +01:00
parent 55ba5afb93
commit 5c87ba2d67
4 changed files with 557 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
index.html
View File

@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head> <head>
<!-- 2024-11-14 čet 21:00 --> <!-- 2024-12-12 čet 21:13 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Kompotov programerski bralni krožek #1: SICP</title> <title>Kompotov programerski bralni krožek #1: SICP</title>
@ -198,7 +198,7 @@
<body> <body>
<div id="content" class="content"> <div id="content" class="content">
<h1 class="title">Kompotov programerski bralni krožek #1: SICP</h1> <h1 class="title">Kompotov programerski bralni krožek #1: SICP</h1>
<div class="footer" id="org5edc296"> <div class="footer" id="orgaf3ec15">
<p> <p>
Izvorna koda se nahaja na <a href="https://git.kompot.si/programerski-bralni-krozek/sicp">git.kompot.si</a>. Izvorna koda se nahaja na <a href="https://git.kompot.si/programerski-bralni-krozek/sicp">git.kompot.si</a>.
</p> </p>
@ -214,46 +214,55 @@ Za bralni krožek se dogovarjamo prek (javne) mailing liste, na katero se lahko
</p> </p>
<div id="org45bddad" class="figure"> <div id="org73a6e4c" class="figure">
<p><img src="./tb.jpg" alt="tb.jpg" /> <p><img src="./tb.jpg" alt="tb.jpg" />
</p> </p>
</div> </div>
<div id="outline-container-orgf68c8ba" class="outline-2"> <div id="outline-container-org62e23d5" class="outline-2">
<h2 id="orgf68c8ba">Srečanja</h2> <h2 id="org62e23d5">Srečanja</h2>
<div class="outline-text-2" id="text-orgf68c8ba"> <div class="outline-text-2" id="text-org62e23d5">
</div> </div>
<div id="outline-container-org0e454c9" class="outline-3"> <div id="outline-container-org4de267c" class="outline-3">
<h3 id="org0e454c9">#13: četrtek, 28. 11. 2024 ob 18.45 v CTK</h3> <h3 id="org4de267c">#14: četrtek, 12. 12. 2024 ob 18.45 v CTK</h3>
<div class="outline-text-3" id="text-org4de267c">
<p>
Pričeli smo s prvo vajo, izbrali smo igro stavkov kot spletno aplikacijo.
Dokumentacija je tukaj: <a href="vaja/plan.html">plan za vaje</a>.
</p>
</div> </div>
<div id="outline-container-orgf79b011" class="outline-3">
<h3 id="orgf79b011">#12: četrtek, 14. 11. 2024 ob 19.15 v CTK</h3>
</div> </div>
<div id="outline-container-orgedd5cbf" class="outline-3"> <div id="outline-container-orgf8abb44" class="outline-3">
<h3 id="orgedd5cbf">#11: četrtek, 31. 10. 2024 ob 18.45 v CTK</h3> <h3 id="orgf8abb44">#13: četrtek, 28. 11. 2024 ob 18.45 v CTK</h3>
<div class="outline-text-3" id="text-orgedd5cbf"> </div>
<div id="outline-container-org7c1f97b" class="outline-3">
<h3 id="org7c1f97b">#12: četrtek, 14. 11. 2024 ob 19.15 v CTK</h3>
</div>
<div id="outline-container-org565e6db" class="outline-3">
<h3 id="org565e6db">#11: četrtek, 31. 10. 2024 ob 18.45 v CTK</h3>
<div class="outline-text-3" id="text-org565e6db">
<p> <p>
2.3.1: Citiranje (quotation) 2.3.1: Citiranje (quotation)
2.3.2: Simbolno odvajanje (symbollic differentiation) 2.3.2: Simbolno odvajanje (symbollic differentiation)
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org1050e7f" class="outline-3"> <div id="outline-container-orgb3c8ad0" class="outline-3">
<h3 id="org1050e7f">#10: četrtek, 17. 10. 2024 ob 18.45 v CTK</h3> <h3 id="orgb3c8ad0">#10: četrtek, 17. 10. 2024 ob 18.45 v CTK</h3>
</div> </div>
<div id="outline-container-orgbe33437" class="outline-3"> <div id="outline-container-orge0a8666" class="outline-3">
<h3 id="orgbe33437">#9: četrtek, 3. 10. 2024 ob 18.45 v CTK</h3> <h3 id="orge0a8666">#9: četrtek, 3. 10. 2024 ob 18.45 v CTK</h3>
</div> </div>
<div id="outline-container-org654852c" class="outline-3"> <div id="outline-container-orga264a0b" class="outline-3">
<h3 id="org654852c">#8: četrtek, 19. 9. 2024 ob 18.45 v CTK</h3> <h3 id="orga264a0b">#8: četrtek, 19. 9. 2024 ob 18.45 v CTK</h3>
<div class="outline-text-3" id="text-org654852c"> <div class="outline-text-3" id="text-orga264a0b">
<p> <p>
Nadaljujemo z drugim poglavjem. (2.2 - Hierarhicne podatkovne strukture in lastnost zaprtosti) Nadaljujemo z drugim poglavjem. (2.2 - Hierarhicne podatkovne strukture in lastnost zaprtosti)
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org64a3c98" class="outline-3"> <div id="outline-container-org5807cee" class="outline-3">
<h3 id="org64a3c98">#8: sreda, 4. 9. 2024 ob 18.45 v CTK</h3> <h3 id="org5807cee">#8: sreda, 4. 9. 2024 ob 18.45 v CTK</h3>
<div class="outline-text-3" id="text-org64a3c98"> <div class="outline-text-3" id="text-org5807cee">
<p> <p>
Pregled vsebine 2. poglavja. Pregled vsebine 2. poglavja.
</p> </p>
@ -263,23 +272,23 @@ Intervalna algebra: <a href="https://www.sciencedirect.com/science/article/pii/S
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org5c7e92b" class="outline-3"> <div id="outline-container-org82d508c" class="outline-3">
<h3 id="org5c7e92b">#8: sreda, 21. 8. 2024 ob 19.45 v CTK</h3> <h3 id="org82d508c">#8: sreda, 21. 8. 2024 ob 19.45 v CTK</h3>
<div class="outline-text-3" id="text-org5c7e92b"> <div class="outline-text-3" id="text-org82d508c">
<p> <p>
Beremo poglavje 2.1. Beremo poglavje 2.1.
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org6bf9763" class="outline-3"> <div id="outline-container-orgf6f3beb" class="outline-3">
<h3 id="org6bf9763">#7: sreda, 24. 7. 2024 ob 19.45 v parlamentu</h3> <h3 id="orgf6f3beb">#7: sreda, 24. 7. 2024 ob 19.45 v parlamentu</h3>
</div> </div>
<div id="outline-container-org1fe0a61" class="outline-3"> <div id="outline-container-org1365bd8" class="outline-3">
<h3 id="org1fe0a61">#6: sreda, 10. 7. 2024 ob 19.45 v CTK</h3> <h3 id="org1365bd8">#6: sreda, 10. 7. 2024 ob 19.45 v CTK</h3>
</div> </div>
<div id="outline-container-orgb4ced8c" class="outline-3"> <div id="outline-container-orgc302727" class="outline-3">
<h3 id="orgb4ced8c">#5: sreda, 12. 6. 2024 ob 18.45 v CTK</h3> <h3 id="orgc302727">#5: sreda, 12. 6. 2024 ob 18.45 v CTK</h3>
<div class="outline-text-3" id="text-orgb4ced8c"> <div class="outline-text-3" id="text-orgc302727">
<p> <p>
<a href="https://dogodki.kompot.si/events/63a4ad96-7cc2-45a3-8560-18a1a28cf9b5">Povezava</a> do najave dogodka. <a href="https://dogodki.kompot.si/events/63a4ad96-7cc2-45a3-8560-18a1a28cf9b5">Povezava</a> do najave dogodka.
</p> </p>
@ -288,27 +297,27 @@ Beremo poglavje 2.1.
Beremo prvo podpoglavje drugega poglavja Grajenje abstrakcij s podatki. Beremo prvo podpoglavje drugega poglavja Grajenje abstrakcij s podatki.
</p> </p>
</div> </div>
<div id="outline-container-org9e3522e" class="outline-4"> <div id="outline-container-org03b94c6" class="outline-4">
<h4 id="org9e3522e">zapiski</h4> <h4 id="org03b94c6">zapiski</h4>
<div class="outline-text-4" id="text-org9e3522e"> <div class="outline-text-4" id="text-org03b94c6">
<ul class="org-ul"> <ul class="org-ul">
<li><a href="zapiski/g1smo/2_6_zapiski_vaje.html">g1smo</a></li> <li><a href="zapiski/g1smo/2_6_zapiski_vaje.html">g1smo</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-orgb2d7a1b" class="outline-3"> <div id="outline-container-org2424be3" class="outline-3">
<h3 id="orgb2d7a1b">#4: sreda, 29. 5. 2024 18.45 v CTK</h3> <h3 id="org2424be3">#4: sreda, 29. 5. 2024 18.45 v CTK</h3>
<div class="outline-text-3" id="text-orgb2d7a1b"> <div class="outline-text-3" id="text-org2424be3">
<p> <p>
Dogodek je <a href="https://dogodki.kompot.si/events/0f3df86f-abc0-4725-bb4c-3587262a672c">tukaj</a>. Dogodek je <a href="https://dogodki.kompot.si/events/0f3df86f-abc0-4725-bb4c-3587262a672c">tukaj</a>.
Preglejujemo naloge iz prvega poglavja. Preglejujemo naloge iz prvega poglavja.
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org644ff6e" class="outline-3"> <div id="outline-container-org28404cd" class="outline-3">
<h3 id="org644ff6e">#3: četrtek, 16. 5. 2024 18.45 v CTK</h3> <h3 id="org28404cd">#3: četrtek, 16. 5. 2024 18.45 v CTK</h3>
<div class="outline-text-3" id="text-org644ff6e"> <div class="outline-text-3" id="text-org28404cd">
<p> <p>
Kot ponavadi je dogodek na našem <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a237c837865d">mobilizonu</a>. Kot ponavadi je dogodek na našem <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a237c837865d">mobilizonu</a>.
</p> </p>
@ -319,9 +328,9 @@ Ker vsebuje poglavje veliko vaj, za katere nismo našli časa, smo se odločili
Na srečanju smo skupaj reševali vajo 1.29. Na srečanju smo skupaj reševali vajo 1.29.
</p> </p>
</div> </div>
<div id="outline-container-orgd6d2c8a" class="outline-4"> <div id="outline-container-orgf5f7d24" class="outline-4">
<h4 id="orgd6d2c8a">zapiski</h4> <h4 id="orgf5f7d24">zapiski</h4>
<div class="outline-text-4" id="text-orgd6d2c8a"> <div class="outline-text-4" id="text-orgf5f7d24">
<ul class="org-ul"> <ul class="org-ul">
<li><a href="zapiski/sicp-lio.html#MissingReference">lio</a></li> <li><a href="zapiski/sicp-lio.html#MissingReference">lio</a></li>
<li><a href="./zapiski/g1smo/1_3_zapiski_vaje.html">g1smo</a></li> <li><a href="./zapiski/g1smo/1_3_zapiski_vaje.html">g1smo</a></li>
@ -329,9 +338,9 @@ Na srečanju smo skupaj reševali vajo 1.29.
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-orgabc1a44" class="outline-3"> <div id="outline-container-org7a38ec3" class="outline-3">
<h3 id="orgabc1a44">#2: torek, 30. 4. 2024 18.45 v CTK</h3> <h3 id="org7a38ec3">#2: torek, 30. 4. 2024 18.45 v CTK</h3>
<div class="outline-text-3" id="text-orgabc1a44"> <div class="outline-text-3" id="text-org7a38ec3">
<p> <p>
Dogodek je <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a237c837865d">tukaj</a>. Dogodek je <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a237c837865d">tukaj</a>.
</p> </p>
@ -340,9 +349,9 @@ Dogodek je <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a23
Nadaljujemo z branjem poglavja 1.2, Procedures and the processes they generate. Nadaljujemo z branjem poglavja 1.2, Procedures and the processes they generate.
</p> </p>
</div> </div>
<div id="outline-container-org599befd" class="outline-4"> <div id="outline-container-org0792bc8" class="outline-4">
<h4 id="org599befd">zapiski</h4> <h4 id="org0792bc8">zapiski</h4>
<div class="outline-text-4" id="text-org599befd"> <div class="outline-text-4" id="text-org0792bc8">
<ul class="org-ul"> <ul class="org-ul">
<li><a href="zapiski/sicp_1_2_tina.md">tina</a> (<a href="zapiski/sicp_1_2_tina.scm">vaje</a>, <a href="zapiski/sicp_sec_1_2.scm">druga varjanta</a>)</li> <li><a href="zapiski/sicp_1_2_tina.md">tina</a> (<a href="zapiski/sicp_1_2_tina.scm">vaje</a>, <a href="zapiski/sicp_sec_1_2.scm">druga varjanta</a>)</li>
<li><a href="zapiski/sicp-lio.html#MissingReference">lio</a></li> <li><a href="zapiski/sicp-lio.html#MissingReference">lio</a></li>
@ -351,9 +360,9 @@ Nadaljujemo z branjem poglavja 1.2, Procedures and the processes they generate.
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-org4d21400" class="outline-3"> <div id="outline-container-org299d950" class="outline-3">
<h3 id="org4d21400">#1: sreda, 17. 4. 2024 18.45 v CTK</h3> <h3 id="org299d950">#1: sreda, 17. 4. 2024 18.45 v CTK</h3>
<div class="outline-text-3" id="text-org4d21400"> <div class="outline-text-3" id="text-org299d950">
<p> <p>
Beremo uvod in do poglavja 1.2, približno 30 strani. Beremo uvod in do poglavja 1.2, približno 30 strani.
</p> </p>
@ -362,9 +371,9 @@ Beremo uvod in do poglavja 1.2, približno 30 strani.
Link do <a href="https://dogodki.kompot.si/events/76672075-1c6f-48f1-bc37-05dde93371e5">dogodka na dogodki.kompot.si</a>. Link do <a href="https://dogodki.kompot.si/events/76672075-1c6f-48f1-bc37-05dde93371e5">dogodka na dogodki.kompot.si</a>.
</p> </p>
</div> </div>
<div id="outline-container-org0262056" class="outline-4"> <div id="outline-container-orgb08c8b5" class="outline-4">
<h4 id="org0262056">zapiski</h4> <h4 id="orgb08c8b5">zapiski</h4>
<div class="outline-text-4" id="text-org0262056"> <div class="outline-text-4" id="text-orgb08c8b5">
<ul class="org-ul"> <ul class="org-ul">
<li><a href="zapiski/g1smo/1_1_zapiski_vaje.html">g1smo</a></li> <li><a href="zapiski/g1smo/1_1_zapiski_vaje.html">g1smo</a></li>
<li><a href="zapiski/sicp-lio.html">lio</a></li> <li><a href="zapiski/sicp-lio.html">lio</a></li>

3
index.org
View File

@ -14,6 +14,9 @@ Za bralni krožek se dogovarjamo prek (javne) mailing liste, na katero se lahko
[[file:./tb.jpg]] [[file:./tb.jpg]]
* Srečanja * Srečanja
** #14: četrtek, 12. 12. 2024 ob 18.45 v CTK
Pričeli smo s prvo vajo, izbrali smo igro stavkov kot spletno aplikacijo.
Dokumentacija je tukaj: [[file:vaja/plan.org][plan za vaje]].
** #13: četrtek, 28. 11. 2024 ob 18.45 v CTK ** #13: četrtek, 28. 11. 2024 ob 18.45 v CTK
** #12: četrtek, 14. 11. 2024 ob 19.15 v CTK ** #12: četrtek, 14. 11. 2024 ob 19.15 v CTK
** #11: četrtek, 31. 10. 2024 ob 18.45 v CTK ** #11: četrtek, 31. 10. 2024 ob 18.45 v CTK

482
vaja/plan.html 100644
View File

@ -0,0 +1,482 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2024-12-12 čet 21:14 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>&lrm;</title>
<meta name="author" content="Yuri" />
<meta name="generator" content="Org Mode" />
<style type="text/css">
#content { max-width: 60em; margin: auto; }
.title { text-align: center;
margin-bottom: .2em; }
.subtitle { text-align: center;
font-size: medium;
font-weight: bold;
margin-top:0; }
.todo { font-family: monospace; color: red; }
.done { font-family: monospace; color: green; }
.priority { font-family: monospace; color: orange; }
.tag { background-color: #eee; font-family: monospace;
padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
.org-right { margin-left: auto; margin-right: 0px; text-align: right; }
.org-left { margin-left: 0px; margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
pre {
border: 1px solid #e6e6e6;
border-radius: 3px;
background-color: #f2f2f2;
padding: 8pt;
font-family: monospace;
overflow: auto;
margin: 1.2em;
}
pre.src {
position: relative;
overflow: auto;
}
pre.src:before {
display: none;
position: absolute;
top: -8px;
right: 12px;
padding: 3px;
color: #555;
background-color: #f2f2f299;
}
pre.src:hover:before { display: inline; margin-top: 14px;}
/* Languages per Org manual */
pre.src-asymptote:before { content: 'Asymptote'; }
pre.src-awk:before { content: 'Awk'; }
pre.src-authinfo::before { content: 'Authinfo'; }
pre.src-C:before { content: 'C'; }
/* pre.src-C++ doesn't work in CSS */
pre.src-clojure:before { content: 'Clojure'; }
pre.src-css:before { content: 'CSS'; }
pre.src-D:before { content: 'D'; }
pre.src-ditaa:before { content: 'ditaa'; }
pre.src-dot:before { content: 'Graphviz'; }
pre.src-calc:before { content: 'Emacs Calc'; }
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
pre.src-fortran:before { content: 'Fortran'; }
pre.src-gnuplot:before { content: 'gnuplot'; }
pre.src-haskell:before { content: 'Haskell'; }
pre.src-hledger:before { content: 'hledger'; }
pre.src-java:before { content: 'Java'; }
pre.src-js:before { content: 'Javascript'; }
pre.src-latex:before { content: 'LaTeX'; }
pre.src-ledger:before { content: 'Ledger'; }
pre.src-lisp:before { content: 'Lisp'; }
pre.src-lilypond:before { content: 'Lilypond'; }
pre.src-lua:before { content: 'Lua'; }
pre.src-matlab:before { content: 'MATLAB'; }
pre.src-mscgen:before { content: 'Mscgen'; }
pre.src-ocaml:before { content: 'Objective Caml'; }
pre.src-octave:before { content: 'Octave'; }
pre.src-org:before { content: 'Org mode'; }
pre.src-oz:before { content: 'OZ'; }
pre.src-plantuml:before { content: 'Plantuml'; }
pre.src-processing:before { content: 'Processing.js'; }
pre.src-python:before { content: 'Python'; }
pre.src-R:before { content: 'R'; }
pre.src-ruby:before { content: 'Ruby'; }
pre.src-sass:before { content: 'Sass'; }
pre.src-scheme:before { content: 'Scheme'; }
pre.src-screen:before { content: 'Gnu Screen'; }
pre.src-sed:before { content: 'Sed'; }
pre.src-sh:before { content: 'shell'; }
pre.src-sql:before { content: 'SQL'; }
pre.src-sqlite:before { content: 'SQLite'; }
/* additional languages in org.el's org-babel-load-languages alist */
pre.src-forth:before { content: 'Forth'; }
pre.src-io:before { content: 'IO'; }
pre.src-J:before { content: 'J'; }
pre.src-makefile:before { content: 'Makefile'; }
pre.src-maxima:before { content: 'Maxima'; }
pre.src-perl:before { content: 'Perl'; }
pre.src-picolisp:before { content: 'Pico Lisp'; }
pre.src-scala:before { content: 'Scala'; }
pre.src-shell:before { content: 'Shell Script'; }
pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
/* additional language identifiers per "defun org-babel-execute"
in ob-*.el */
pre.src-cpp:before { content: 'C++'; }
pre.src-abc:before { content: 'ABC'; }
pre.src-coq:before { content: 'Coq'; }
pre.src-groovy:before { content: 'Groovy'; }
/* additional language identifiers from org-babel-shell-names in
ob-shell.el: ob-shell is the only babel language using a lambda to put
the execution function name together. */
pre.src-bash:before { content: 'bash'; }
pre.src-csh:before { content: 'csh'; }
pre.src-ash:before { content: 'ash'; }
pre.src-dash:before { content: 'dash'; }
pre.src-ksh:before { content: 'ksh'; }
pre.src-mksh:before { content: 'mksh'; }
pre.src-posh:before { content: 'posh'; }
/* Additional Emacs modes also supported by the LaTeX listings package */
pre.src-ada:before { content: 'Ada'; }
pre.src-asm:before { content: 'Assembler'; }
pre.src-caml:before { content: 'Caml'; }
pre.src-delphi:before { content: 'Delphi'; }
pre.src-html:before { content: 'HTML'; }
pre.src-idl:before { content: 'IDL'; }
pre.src-mercury:before { content: 'Mercury'; }
pre.src-metapost:before { content: 'MetaPost'; }
pre.src-modula-2:before { content: 'Modula-2'; }
pre.src-pascal:before { content: 'Pascal'; }
pre.src-ps:before { content: 'PostScript'; }
pre.src-prolog:before { content: 'Prolog'; }
pre.src-simula:before { content: 'Simula'; }
pre.src-tcl:before { content: 'tcl'; }
pre.src-tex:before { content: 'TeX'; }
pre.src-plain-tex:before { content: 'Plain TeX'; }
pre.src-verilog:before { content: 'Verilog'; }
pre.src-vhdl:before { content: 'VHDL'; }
pre.src-xml:before { content: 'XML'; }
pre.src-nxml:before { content: 'XML'; }
/* add a generic configuration mode; LaTeX export needs an additional
(add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
pre.src-conf:before { content: 'Configuration File'; }
table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top; }
th.org-right { text-align: center; }
th.org-left { text-align: center; }
th.org-center { text-align: center; }
td.org-right { text-align: right; }
td.org-left { text-align: left; }
td.org-center { text-align: center; }
dt { font-weight: bold; }
.footpara { display: inline; }
.footdef { margin-bottom: 1em; }
.figure { padding: 1em; }
.figure p { text-align: center; }
.equation-container {
display: table;
text-align: center;
width: 100%;
}
.equation {
vertical-align: middle;
}
.equation-label {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.inlinetask {
padding: 10px;
border: 2px solid gray;
margin: 10px;
background: #ffffcc;
}
#org-div-home-and-up
{ text-align: right; font-size: 70%; white-space: nowrap; }
textarea { overflow-x: auto; }
.linenr { font-size: smaller }
.code-highlighted { background-color: #ffff00; }
.org-info-js_info-navigation { border-style: none; }
#org-info-js_console-label
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
.org-info-js_search-highlight
{ background-color: #ffff00; color: #000000; font-weight: bold; }
.org-svg { }
</style>
</head>
<body>
<div id="content" class="content">
<div id="table-of-contents" role="doc-toc">
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
<li><a href="#orgea1bc79">1. Plan za vajo</a></li>
<li><a href="#orgf3f8684">2. predlogi</a></li>
<li><a href="#org1415cea">3. tekstualna igra stavkov p</a>
<ul>
<li><a href="#org9ef178b">3.1. meta</a></li>
<li><a href="#org8b67be4">3.2. homepage</a></li>
<li><a href="#org75d0d17">3.3. seja igre</a></li>
<li><a href="#org260847d">3.4. program</a>
<ul>
<li><a href="#orga36bb03">3.4.1. boilerplate</a></li>
<li><a href="#orga5cbc1c">3.4.2. navodila za igro</a></li>
</ul>
</li>
<li><a href="#org57c0424">3.5. Nova soba</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="outline-container-orgea1bc79" class="outline-2">
<h2 id="orgea1bc79"><span class="section-number-2">1.</span> Plan za vajo</h2>
</div>
<div id="outline-container-orgf3f8684" class="outline-2">
<h2 id="orgf3f8684"><span class="section-number-2">2.</span> predlogi</h2>
<div class="outline-text-2" id="text-2">
<ul class="org-ul">
<li>tekstualna igra stavkov
<ul class="org-ul">
<li>tista s sestavljanjem povedi je pa iz une igre, mi smo dostkrat igral, neki v smislu, da mora igrat 6+ ljudi in pol vsak napise na vrh lista eno stvar in pol prepogne in list krozi &#x2013; po vrsti grejo neki takega: kdo, kdaj, kje, zakaj, s cim, kaj dela &#x2026; pol pa ven loh pridejo kr zabavni stavki &#x2026; in da je odprto na spletni strani skos naslednje vprasanje, ko se odgovori zadnja stvar (kaj dela), se izpise poved med ze dokoncane, in se zacne nova</li>
</ul></li>
<li>igra v <a href="https://dthompson.us/projects/chickadee.html">chickadee</a>-ju
<ul class="org-ul">
<li>klon she-bo? (<a href="https://www.myabandonware.com/game/she-bo-a6f">https://www.myabandonware.com/game/she-bo-a6f</a>)</li>
</ul></li>
<li>igra v canvasu (preko hoot) - v brskalniku</li>
<li>Command line tool za prevode - prepis <a href="https://git.kompot.si/lio/PonsapiCli">ponsapi-cli</a> v guile</li>
<li>CI (continuous integration) sistem:
<ul class="org-ul">
<li><a href="https://codeberg.org/jjba23/byggsteg">https://codeberg.org/jjba23/byggsteg</a></li>
<li>tegale bi lahko uporabili ^</li>
<li>ideja: imeti spletno stran, ki jo na njej sami lahko v zivo urejas (ima vgrajen urejevalnik) in v kolikor testi passajo, se kar sproti deploya</li>
</ul></li>
</ul>
<p>
'
</p>
</div>
</div>
<div id="outline-container-org1415cea" class="outline-2">
<h2 id="org1415cea"><span class="section-number-2">3.</span> tekstualna igra stavkov p</h2>
<div class="outline-text-2" id="text-3">
</div>
<div id="outline-container-org9ef178b" class="outline-3">
<h3 id="org9ef178b"><span class="section-number-3">3.1.</span> meta</h3>
<div class="outline-text-3" id="text-3-1">
<p>
Sem pišemo plan za program igranja igre. Poskušamo kratko in jedrnato opisati prvi prototip, ki naj čimprej deluje in je zavoljo enostavnosti karseda podoben igranju v živo. Ob pisanju se poraja veliko idej, za katere je bolje, da se potencialno uvedejo kasneje, sicer se cilj delujočega prototipa sproti prehitro oddaljuje.
</p>
</div>
</div>
<div id="outline-container-org8b67be4" class="outline-3">
<h3 id="org8b67be4"><span class="section-number-3">3.2.</span> homepage</h3>
<div class="outline-text-3" id="text-3-2">
<p>
Na home page imamo kratka navodila in formo nova igra s poljem stevilo igralcev.
Submitanje forme te pelje na zgeneriran link, ki ga posljes soigralcem.
</p>
<p>
Na tem koraku se generira seja glede na število igralcev.
</p>
</div>
</div>
<div id="outline-container-org75d0d17" class="outline-3">
<h3 id="org75d0d17"><span class="section-number-3">3.3.</span> seja igre</h3>
<div class="outline-text-3" id="text-3-3">
<p>
Meta Podatki
</p>
<ul class="org-ul">
<li>hash, ki je url</li>
<li>stevilo igralcev</li>
</ul>
<p>
Vsak igralec dobi svoj id (in session). Nato se mu po vrsti prikazujejo vprasanja in on izpolnjuje vprasanja. Novo vprasanje se ti pojavi, ko vsi odgovorijo na trenutno vprasanje (lahko imamo nek semaforcek, kdo je ze odgovoril).
</p>
<p>
Igra "prepozna" obiskovalca nekako unikatno - lahko je session in cookie (kar se uporablja za user tracking), lahko pa je nek ID v browser local storage, ki zavaruje uporabnika pred cross-site trackingom. (@TODO tole je manjša komplikacija). Unikatna prepoznava je pomembna za deterministično prelivanje odgovorov.
</p>
<p>
Ko oddaš odgovore, te pelje na link za rezlultate, kjer piše, koliko odgovorov igralcov še čakamo.
Ko so vsi oddali odgovore, se ti izpiše stavek, ki ga lahko prebereš ostalim igralcem.
</p>
</div>
</div>
<div id="outline-container-org260847d" class="outline-3">
<h3 id="org260847d"><span class="section-number-3">3.4.</span> program</h3>
<div class="outline-text-3" id="text-3-4">
<p>
Izbrali smo artanis web framework: <a href="https://artanis.dev/">https://artanis.dev/</a>
Namestitev:
</p>
<ul class="org-ul">
<li>GNU guix: <code>guix install artanis</code></li>
<li>Debian: <code>apt install guix; guix install artanis</code></li>
</ul>
</div>
<div id="outline-container-orga36bb03" class="outline-4">
<h4 id="orga36bb03"><span class="section-number-4">3.4.1.</span> boilerplate</h4>
<div class="outline-text-4" id="text-3-4-1">
<p>
Artanis ima orodje za terminal, imenovano <code>art</code>. Z orodje mdr. pripravimo skelet novega projekta: <code>art create igra-stavkov</code>.
</p>
<p>
Strežnik potem lahko poženemo z ukazoma:
</p>
<ul class="org-ul">
<li><code>cd igra-stavkov</code></li>
<li><code>art work</code></li>
</ul>
<p>
Strežnik se nam odpre na naslovu <a href="http://127.0.0.1:3000">http://127.0.0.1:3000</a>
</p>
<div id="orgd80eba0" class="figure">
<p><img src="./igra-stavkov-1.png" alt="igra-stavkov-1.png" />
</p>
</div>
<p>
Stran tako deluje samo lokalno, če jo želimo deliti z drugimi na omrežju, spremenimo konfiguracijo; v datoteki <code>conf/artanis.conf</code> spremenimo <code>host.addr = 127.0.0.1</code> v lasten IP naslov (v mojem primeru <code>host.addr = 10.27.3.12</code>)
Drugi potem stran vidijo na naslovu <code>http://&lt;ip_naslov&gt;:3000</code>, v času in kraju pisanja tega dokumenta je to <code>http://10.27.3.12:3000</code> (deluje pa samo CTK wifi omrežju, na katerega sem trenutno povezan).
</p>
</div>
</div>
<div id="outline-container-orga5cbc1c" class="outline-4">
<h4 id="orga5cbc1c"><span class="section-number-4">3.4.2.</span> navodila za igro</h4>
<div class="outline-text-4" id="text-3-4-2">
<p>
Igro lahko igrata dva ali več igralcev. Igralci skupaj sestavljajo stavke, tako da vnaprej odgovarjajo na vprašanja:
</p>
<ul class="org-ul">
<li>Kdo?</li>
<li>Kdaj?</li>
<li>Kje?</li>
<li>zakaj?</li>
<li>S čim?</li>
<li>Kaj dela?</li>
</ul>
</div>
<ol class="org-ol">
<li><a id="org2d9239a"></a>v živo<br />
<div class="outline-text-5" id="text-3-4-2-1">
<p>
Vsak igralec potrebuje listek in pisalo. Igralci skupaj odgovarjajo na
vprašanja, po vsakem odgovoru pa listek prepognejo in podajo naprej. Svoj
naslednji odgovor nato napišejo pod prepognjen del in spet podajo listek naprej.
Ko odogovorijo na vsa vprašanja, še enkrat podajo listek naprej naslednjemu
igralcu in preberejo cel stavek.
</p>
</div>
</li>
<li><a id="org4867869"></a>na naši aplikaciji<br />
<div class="outline-text-5" id="text-3-4-2-2">
<p>
Na naši aplikaciji je igra zelo podobna. Izberete število igralcev in ustvarite
novo sobo za igranje. Povezavo do sobo pošljete soigralcem in po vrsti
odgovarjate na vprašanja, dokler ne izpolnite vseh. Vsakemu igralcu se na koncu
izpiše en sestavljen stavek.
</p>
<p>
Ustvarimo nov fajl na lokaciji <code>pub/index.html</code>:
</p>
<div class="org-src-container">
<pre class="src src-html"> &lt;<span style="color: #fabd2f;">html</span>&gt;
&lt;<span style="color: #fabd2f;">head</span>&gt;
&lt;<span style="color: #fabd2f;">meta</span> <span style="color: #83a598;">charset</span>=<span style="color: #b8bb26;">"UTF-8"</span>&gt;
&lt;<span style="color: #fabd2f;">meta</span> <span style="color: #83a598;">name</span>=<span style="color: #b8bb26;">"viewport"</span> <span style="color: #83a598;">content</span>=<span style="color: #b8bb26;">"width=device-width, initial-scale=1.0"</span>&gt;
&lt;<span style="color: #fabd2f;">title</span>&gt;<span style="font-weight: bold; text-decoration: underline;">igra stavkov</span>&lt;/<span style="color: #fabd2f;">title</span>&gt;
&lt;/<span style="color: #fabd2f;">head</span>&gt;
&lt;<span style="color: #fabd2f;">body</span>&gt;
&lt;<span style="color: #fabd2f;">h1</span>&gt;<span style="font-weight: bold; text-decoration: underline;">igra stavkov</span>&lt;/<span style="color: #fabd2f;">h1</span>&gt;
&lt;<span style="color: #fabd2f;">h2</span>&gt;<span style="font-weight: bold; font-style: italic; text-decoration: underline;">v &#382;ivo</span>&lt;/<span style="color: #fabd2f;">h2</span>&gt;
&lt;<span style="color: #fabd2f;">p</span>&gt;
Vsak igralec potrebuje listek in pisalo. Igralci skupaj odgovarjajo na
vpra&#353;anja, po vsakem odgovoru pa listek prepognejo in podajo naprej. Svoj
naslednji odgovor nato napi&#353;ejo pod prepognjen del in spet podajo listek naprej.
Ko odogovorijo na vsa vpra&#353;anja, &#353;e enkrat podajo listek naprej naslednjemu
igralcu in preberejo cel stavek.
&lt;/<span style="color: #fabd2f;">p</span>&gt;
&lt;<span style="color: #fabd2f;">h2</span>&gt;<span style="font-weight: bold; font-style: italic; text-decoration: underline;">prek spleta (na&#353;a varianta)</span>&lt;/<span style="color: #fabd2f;">h2</span>&gt;
&lt;<span style="color: #fabd2f;">p</span>&gt;
Vsak igralec potrebuje ra&#269;unalnik z brskalnikom in internetno povezavo. Dobavna veriga obsega rudnike redkih kovin, silicij, proizvodnjo &#269;ipov, komunikacijsko mre&#382;o, etcetera.
&lt;/<span style="color: #fabd2f;">p</span>&gt;
&lt;<span style="color: #fabd2f;">p</span>&gt;
Na na&#353;i aplikaciji je igra zelo podobna. Izberete &#353;tevilo igralcev in ustvarite
novo sobo za igranje. Povezavo do sobo po&#353;ljete soigralcem in po vrsti
odgovarjate na vpra&#353;anja, dokler ne izpolnite vseh. Vsakemu igralcu se na koncu
izpi&#353;e en sestavljen stavek.
&lt;<span style="color: #fabd2f;">form</span>&gt;
&lt;<span style="color: #fabd2f;">label</span> <span style="color: #83a598;">for</span>=<span style="color: #b8bb26;">"num-of-players"</span>&gt;Izberi &#353;tevilo igralcev&lt;/<span style="color: #fabd2f;">label</span>&gt;
&lt;<span style="color: #fabd2f;">input</span> <span style="color: #83a598;">type</span>=<span style="color: #b8bb26;">"number"</span> <span style="color: #83a598;">min</span>=<span style="color: #b8bb26;">"1"</span> <span style="color: #83a598;">name</span>=<span style="color: #b8bb26;">"num-of-players"</span> <span style="color: #83a598;">id</span>=<span style="color: #b8bb26;">"num-of-players"</span>&gt;&lt;/<span style="color: #fabd2f;">input</span>&gt;
&lt;<span style="color: #fabd2f;">input</span> <span style="color: #83a598;">type</span>=<span style="color: #b8bb26;">"submit"</span> <span style="color: #83a598;">value</span>=<span style="color: #b8bb26;">"igraj"</span>&gt;
&lt;/<span style="color: #fabd2f;">form</span>&gt;
&lt;/<span style="color: #fabd2f;">body</span>&gt;
&lt;/<span style="color: #fabd2f;">html</span>&gt;
</pre>
</div>
<p>
Ker artanis privzeto ne prikazuje <code>index.html</code> datoteke, mu to zaukažemo z vnosom v fajlu <code>ENTRY</code>:
</p>
<div class="org-src-container">
<pre class="src src-scheme"><span style="color: #458588;">(</span>get <span style="color: #b8bb26;">"/"</span> <span style="color: #b16286;">(</span><span style="color: #fb4933;">lambda</span> <span style="color: #8ec07c;">(</span>rc<span style="color: #8ec07c;">)</span> <span style="color: #8ec07c;">(</span>redirect-to rc <span style="color: #b8bb26;">"index.html"</span><span style="color: #8ec07c;">)</span><span style="color: #b16286;">)</span><span style="color: #458588;">)</span>
</pre>
</div>
<p>
Sprememba se ne zgodi "avtomatsko", ampak moramo prekiniti proces <code>art work</code> (<code>Ctrl+C</code>), in ga ponovno pognati (<code>art work</code>). Lahko ga pa poženemo tudi z <code>art work -g</code>, načinu za razhroščevanje, ki ponovno naloži izvorno kodo, ko se le ta spremeni.
</p>
<p>
Domača stran se nam zdaj naloži!
</p>
<div id="org99d57f7" class="figure">
<p><img src="igra-stavkov-2.png" alt="igra-stavkov-2.png" />
</p>
</div>
</div>
</li>
</ol>
</div>
</div>
<div id="outline-container-org57c0424" class="outline-3">
<h3 id="org57c0424"><span class="section-number-3">3.5.</span> Nova soba</h3>
<div class="outline-text-3" id="text-3-5">
<p>
Zavoljo enostavnosti v <code>conf/artanis.conf</code> omogočimo podporo za sqlite3 bazo (ki je v fajlu in tako nismo odvisno od dodatne programske opreme za shranjevanje stanja):
</p>
<div class="org-src-container">
<pre class="src src-conf"><span style="color: #83a598;">db.dbd</span> = sqlite3
<span style="color: #83a598;">db.enable</span> = true
</pre>
</div>
<p>
In ponovno poženemo strežnik: <code>art work -g</code>
</p>
<p>
Soba ima dve lastnosti; unikaten ID in število igralcev.
</p>
<p>
Ustvarimo model zanjo;
</p>
</div>
</div>
</div>
</div>
</body>
</html>

4
vaja/plan.org
View File

@ -149,3 +149,7 @@ db.enable = true
#+end_src #+end_src
In ponovno poženemo strežnik: ~art work -g~ In ponovno poženemo strežnik: ~art work -g~
Soba ima dve lastnosti; unikaten ID in število igralcev.
Ustvarimo model zanjo;