diff options
| -rw-r--r-- | ikiwiki/tech.mdwn | 124 | ||||
| -rw-r--r-- | ikiwiki/website.mdwn | 244 |
2 files changed, 186 insertions, 182 deletions
diff --git a/ikiwiki/tech.mdwn b/ikiwiki/tech.mdwn new file mode 100644 index 0000000..38bd42b --- /dev/null +++ b/ikiwiki/tech.mdwn @@ -0,0 +1,124 @@ +# Ikiwiki for regular websites - technical details + +Here's a graph of the interaction between the various parts of ikiwiki itself +and different kinds of users (see also the [[introduction|website]]): + +[[graph height=8 width=8 src=""" +{ +// rankdir=LR +// rotate=90 + center=1 + + /* roles */ + reader [shape=house, label="Reader"] + editor [shape=house, label="Editor"] + designer [shape=house, label="Designer"] + {rank=same; reader editor designer} + + /* targets */ + webpages_static [label="static pages"] + webpages_wiki [label="wiki pages"] + webpages_searchresult [label="search results", style=dotted] + {rank=same; webpages_static webpages_wiki webpages_searchresult} + + /* input data */ + search_query [shape=plaintext, label="search query"] + txt_editor [shape=plaintext, label="Markdown text"] + txt_designer [shape=plaintext, label="Markdown text"] + media [shape=plaintext, label="graphics files"] + tmpl [shape=plaintext, label="html templates"] +// {rank=same; search_query txt_editor txt_designer tmpl media} + + /* user tool */ + browser_reader [label="web browser"] + browser_editor [label="web browser"] + browser_designer [label="web browser"] + vcs_txt_local [shape=egg, label="Git repository"] + vcs_tmpl_local [shape=egg, label="Git repository"] + fs_local [shape=egg, label="filesystem"] + + /* user interface */ + txt_form [shape=box, label="web text editor (ikiwiki)"] + search_form [shape=box, label="search form (ikiwiki)"] + {rank=same; search_form txt_form} + + /* storage types */ + search_db [shape=egg, label="search index (Hyper Estraier)"] + vcs_txt [shape=egg, label="VCS repository (Git)"] + vcs_tmpl [shape=egg, label="VCS repository (Git)"] + fs [shape=egg, label="filesystem"] +// {rank=same; search_db vcs_txt vcs_tmpl fs} + + /* stored data */ + txt_stored [shape=plaintext, label="version-controlled Markdown text"] + media_stored [shape=plaintext, label="graphics files"] + tmpl_stored [shape=plaintext, label="version-controlled html templates"] +// {rank=same; txt_stored media_stored tmpl_stored} + + /* engines */ + iki_engine [shape=box, label="html renderer (Ikiwiki)"] + search_engine [shape=box, label="search engine (Hyper Estraier)"] + {rank=same; iki_engine search_engine} + + /* groupings */ + subgraph cluster_clitools { + label="commandline editing" + style=dashed + txt_designer + tmpl + media + vcs_tmpl_local + vcs_txt_local + fs_local + } + subgraph cluster_webtools { + label="web editing" + style=dashed + txt_editor + search_query + { + rank=same + browser_reader + browser_editor + browser_designer + } + } + subgraph cluster_storage { + label="server storage" + style=dashed + vcs_tmpl + vcs_txt + fs + search_db + txt_stored + tmpl_stored + media_stored + } + + /* paths */ + + reader -> search_query -> browser_reader -> search_form -> search_engine -> webpages_searchresult + search_db -> search_engine + search_db -> iki_engine [dir=back] + + editor -> txt_editor -> browser_editor -> txt_form -> vcs_txt -> txt_stored -> iki_engine -> webpages_static + iki_engine -> webpages_wiki + + designer -> txt_designer -> browser_designer -> txt_form + txt_designer -> vcs_txt_local + + vcs_txt_local -> vcs_txt [dir=both] + + designer -> tmpl -> vcs_tmpl_local + vcs_tmpl_local -> vcs_tmpl [dir=both] + vcs_tmpl -> tmpl_stored -> iki_engine + + designer -> media -> fs_local + fs_local -> fs [dir=both] + fs -> media_stored -> iki_engine +} +"""]] + +---- + +See also the simpler graphs focusing on [[roles|ikiroles]] and on the [[design|ikidesign]]. diff --git a/ikiwiki/website.mdwn b/ikiwiki/website.mdwn index c13469c..c2b3284 100644 --- a/ikiwiki/website.mdwn +++ b/ikiwiki/website.mdwn @@ -1,105 +1,110 @@ # Ikiwiki for regular websites -[[Ikiwiki]] can be used to administrate regular websites. - -## Introduction +[[Ikiwiki]] can be used to build and administrate regular websites. Websites built with ikiwiki is more complex than plain static websites, but simpler than most web-based content management systems (CMS). -One of the benefits over using static webpages is that text content can -be edited independent of the webdesign. This means, that... - - * The editor (e.g. owner of the website or a secretary) need not bother - the web designer with text-only changes. - * The editor can start adding text content even before the visual - design is finalized. +This page provides a short introduction to using ikiwiki-based websites, +aimed at website owners and webdesigners (but not [[technicians|tech]]). -One of the benefits compared to using most other CMS or wiki engines is -that most pages are served as static html. +[[!toc ]] -## Roles +## Static web pages for static content -Wiki sites classically is public. Anyone can both read the site and -edit its pages. +Static content is information that is identical for any user reading it. -A regular website is meant to only be edited by som website -administrator. - -Ikiwiki offers the possibility to separate different administration -tasks. You need not be a webdesigner to edit text content, and you need -not be limited by the user-friendly text editing interface as a web -designer. +Static web pages are created once and then served by the web server to +all readers of the website: [[graph height=8 width=8 src=""" { - /* roles */ reader [shape=house, label="Reader"] - editor [shape=house, label="Editor"] - designer [shape=house, label="Designer"] - {rank=same; reader editor designer} - - /* targets */ - webpages_static [label="website"] - webpages_wiki [label="admin website"] - {rank=same; webpages_static webpages_wiki} - - /* input data */ - txt [shape=plaintext, label="text"] - media [shape=plaintext, label="graphics"] - tmpl [shape=plaintext, label="templates"] - {rank=same; txt tmpl media} - iki_engine [shape=box, label="web engine"] + webpages_static [label="static pages"] - /* paths */ - reader -> webpages_static [dir=back] - editor -> txt -> iki_engine -> webpages_wiki - designer -> media -> iki_engine - designer -> tmpl -> iki_engine - iki_engine -> webpages_static + reader -> webpages_static } """]] -## Reader +ikiwiki produce static web pages for all static content. + -The reader gets served a static website: +## Dynamic web pages for temporary content + +The website can have a search routine added. The form to do a search +can be static, but the web page showing the search results is unique to +each search: [[graph height=8 width=8 src=""" { reader [shape=house, label="Reader"] + /* targets */ webpages_static [label="static pages"] + webpages_searchresult [label="search results", style=dotted] + {rank=same; webpages_static webpages_searchresult} + search_query [shape=plaintext, label="search query"] + + search_db [shape=box, label="search index"] + + /* paths */ reader -> webpages_static + reader -> search_query -> search_db -> webpages_searchresult } """]] -The website can have a search routine added. +## Administration access + +Websites are normally meant to be published to the whole world, but only +edited by a select few. -The reader then interacts both with static pages and with a search -engine, dynamically generating search result pages: +ikiwiki-based websites have a separate address (typically replacing the +leading "www" with "admin") with administration access added on top of +all pages. + +## Administration roles + +Often the website owner writes the text content themselves, but hire +external web designers to structure the site and apply graphical "makeup". + +Typically, editors need simple access only to edit their texts, while +web designers need freedom to express their creative ideas. + +ikiwiki-based websites are setup to reflect that: [[graph height=8 width=8 src=""" { + /* roles */ reader [shape=house, label="Reader"] + editor [shape=house, label="Editor"] + designer [shape=house, label="Designer"] + {rank=same; reader editor designer} /* targets */ - webpages_static [label="static pages"] - webpages_searchresult [label="search results", style=dotted] - {rank=same; webpages_static webpages_searchresult} + webpages_static [label="website"] + webpages_wiki [label="admin website"] + {rank=same; webpages_static webpages_wiki} - search_query [shape=plaintext, label="search query"] + /* input data */ + txt [shape=plaintext, label="text"] + media [shape=plaintext, label="graphics"] + tmpl [shape=plaintext, label="templates"] + {rank=same; txt tmpl media} - search_db [shape=box, label="search index"] + iki_engine [shape=box, label="web engine"] /* paths */ - reader -> webpages_static - reader -> search_query -> search_db -> webpages_searchresult + reader -> webpages_static [dir=back] + editor -> txt -> iki_engine -> webpages_wiki + designer -> media -> iki_engine + designer -> tmpl -> iki_engine + iki_engine -> webpages_static } """]] -## Editor +## Editing In addition to the main website, an additional website is generated, with the main feature of Ikiwiki - [[wiki]]-like text editing - enabled: @@ -156,128 +161,3 @@ Whenever the wiki pages are edited, the static pages are also rebuilt: iki_engine -> webpages_static } """]] - -## All - -Here's a graph of the interaction between the various parts of ikiwiki itself -and different kinds of users: - -[[graph height=8 width=8 src=""" -{ -// rankdir=LR -// rotate=90 - center=1 - - /* roles */ - reader [shape=house, label="Reader"] - editor [shape=house, label="Editor"] - designer [shape=house, label="Designer"] - {rank=same; reader editor designer} - - /* targets */ - webpages_static [label="static pages"] - webpages_wiki [label="wiki pages"] - webpages_searchresult [label="search results", style=dotted] - {rank=same; webpages_static webpages_wiki webpages_searchresult} - - /* input data */ - search_query [shape=plaintext, label="search query"] - txt_editor [shape=plaintext, label="Markdown text"] - txt_designer [shape=plaintext, label="Markdown text"] - media [shape=plaintext, label="graphics files"] - tmpl [shape=plaintext, label="html templates"] -// {rank=same; search_query txt_editor txt_designer tmpl media} - - /* user tool */ - browser_reader [label="web browser"] - browser_editor [label="web browser"] - browser_designer [label="web browser"] - vcs_txt_local [shape=egg, label="Git repository"] - vcs_tmpl_local [shape=egg, label="Git repository"] - fs_local [shape=egg, label="filesystem"] - - /* user interface */ - txt_form [shape=box, label="web text editor (ikiwiki)"] - search_form [shape=box, label="search form (ikiwiki)"] - {rank=same; search_form txt_form} - - /* storage types */ - search_db [shape=egg, label="search index (Hyper Estraier)"] - vcs_txt [shape=egg, label="VCS repository (Git)"] - vcs_tmpl [shape=egg, label="VCS repository (Git)"] - fs [shape=egg, label="filesystem"] -// {rank=same; search_db vcs_txt vcs_tmpl fs} - - /* stored data */ - txt_stored [shape=plaintext, label="version-controlled Markdown text"] - media_stored [shape=plaintext, label="graphics files"] - tmpl_stored [shape=plaintext, label="version-controlled html templates"] -// {rank=same; txt_stored media_stored tmpl_stored} - - /* engines */ - iki_engine [shape=box, label="html renderer (Ikiwiki)"] - search_engine [shape=box, label="search engine (Hyper Estraier)"] - {rank=same; iki_engine search_engine} - - /* groupings */ - subgraph cluster_clitools { - label="commandline editing" - style=dashed - txt_designer - tmpl - media - vcs_tmpl_local - vcs_txt_local - fs_local - } - subgraph cluster_webtools { - label="web editing" - style=dashed - txt_editor - search_query - { - rank=same - browser_reader - browser_editor - browser_designer - } - } - subgraph cluster_storage { - label="server storage" - style=dashed - vcs_tmpl - vcs_txt - fs - search_db - txt_stored - tmpl_stored - media_stored - } - - /* paths */ - - reader -> search_query -> browser_reader -> search_form -> search_engine -> webpages_searchresult - search_db -> search_engine - search_db -> iki_engine [dir=back] - - editor -> txt_editor -> browser_editor -> txt_form -> vcs_txt -> txt_stored -> iki_engine -> webpages_static - iki_engine -> webpages_wiki - - designer -> txt_designer -> browser_designer -> txt_form - txt_designer -> vcs_txt_local - - vcs_txt_local -> vcs_txt [dir=both] - - designer -> tmpl -> vcs_tmpl_local - vcs_tmpl_local -> vcs_tmpl [dir=both] - vcs_tmpl -> tmpl_stored -> iki_engine - - designer -> media -> fs_local - fs_local -> fs [dir=both] - fs -> media_stored -> iki_engine -} -"""]] - ----- - -See also the simpler graphs focusing on [[roles|ikiroles]] and on the [[design|ikidesign]]. |