{"id":2332,"date":"2011-06-25T15:32:21","date_gmt":"2011-06-25T13:32:21","guid":{"rendered":"http:\/\/www.totheater.nl\/english\/?p=2332"},"modified":"2021-10-29T09:51:57","modified_gmt":"2021-10-29T07:51:57","slug":"about-this-website","status":"publish","type":"post","link":"https:\/\/www.totheater.nl\/english\/about-this-website\/","title":{"rendered":"About this website"},"content":{"rendered":"<p>This website is a TOT project within itself, one where my expertise came in handy. Designing and building websites is not my forte, whereas envisioning them and writing the functional specifications is. Plus, I simply enjoy writing.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2339\" title=\"Graphic design for the Calendar\" src=\"https:\/\/www.totheater.nl\/english\/wp-content\/media_en_files\/Grafisch-ontwerp-agenda.jpg\" alt=\"Graphic design for the Calendar\" width=\"499\" height=\"432\" \/><\/p>\n<p><a title=\"Janneke ten Cate\" href=\"http:\/\/twitter.com\/#!\/Jipsco\" target=\"_blank\" rel=\"noopener\">Janneke ten Cate<\/a> at\u00a0<a title=\"Jips Company\" href=\"http:\/\/www.jipscompany.com\/\" target=\"_blank\" rel=\"noopener\">Jips Company<\/a>, who also took care of the house style and previous site, came up with the graphic design, elaborated on my interaction design and managed the build.<!--more--><\/p>\n<h3>Technical production<\/h3>\n<p>For years I have used a self-built database for technical production, where I save all the play data, contact and technical details of all productions. Production schedules and technical riders are reports issued from the database. I wanted to do something with the data on the TOT website and wanted an online production archive, including texts, imagery and interactive content. Jan Verhoek at <a title=\"Javinto\" href=\"http:\/\/www.javinto.nl\/\" target=\"_blank\" rel=\"noopener\">Javinto<\/a> developed the idea with me. I enriched the database with fields for texts, hyperlinks, Twitter search terms and codes from YouTube playlists as well as Picasa web albums, and Jan built a web application for my functional design. An XML export from my own database feeds <a title=\"Production calendar\" href=\"http:\/\/www.totheater.nl\/english\/production-calendar\/\" target=\"_blank\" rel=\"noopener\">the Calendar<\/a>, <a title=\"All productions\" href=\"http:\/\/www.totheater.nl\/english\/all-productions\/\" target=\"_blank\" rel=\"noopener\">the Production Overview<\/a>\u00a0and the pages with performance details, companies and theatres. <a title=\"Sabine Visser\" href=\"http:\/\/www.sabine.nl\/\" target=\"_blank\" rel=\"noopener\">Sabine Visser<\/a> programmed the integration of Jan\u2019s artwork in WordPress. You can see the result under <a title=\"Technical production\" href=\"http:\/\/www.totheater.nl\/english\/technical-production\/\">Technical Production<\/a>.<\/p>\n<p><a href=\"http:\/\/www.totheater.nl\/english\/wp-content\/media_en_files\/Functioneel-ontwerp-gezelschapspagina.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2375\" title=\"Functional design company page\" src=\"https:\/\/www.totheater.nl\/english\/wp-content\/media_en_files\/Functioneel-ontwerp-gezelschapspagina.jpg\" alt=\"Functional design company page\" width=\"582\" height=\"287\" \/><\/a><\/p>\n<h3>WordPress<\/h3>\n<p>An open source CMS, specifically <a title=\"Wordpress\" href=\"http:\/\/wordpress.com\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>, was my preferred choice. WordPress is a much used CMS, also by TOT clients, and I was impressed with its many options. However, \u201cstandard\u201d is not what Jan and I had in mind. <a title=\"Van de Pol Grafisch Ontwerp\" href=\"http:\/\/www.vandepolgrafischontwerp.nl\/\" target=\"_blank\" rel=\"noopener\">Marieke van de Pol<\/a> devised a theme and a combination of plug-ins and widgets that made the realisation of my functional design and Janneke\u2019s graphic design, possible.\u00a0<a title=\"Drostan\" href=\"http:\/\/www.drostan.org\/\" target=\"_blank\" rel=\"noopener\">Rolf Kleef<\/a> advised on\u00a0<a title=\"Plumbing on the web\" href=\"http:\/\/www.drostan.org\/en\/content\/plumbing-web\" target=\"_blank\" rel=\"noopener\">how to integrate social media<\/a>.<\/p>\n<h3>Responsive<\/h3>\n<p>In the course of\u00a02014 mobile use of the TOT site suddenly increased. We made\u00a0a plan to turn the existing design into a site that is\u00a0<a title=\"Responsive vs adaptive webdesign\" href=\"http:\/\/elephantcs.nl\/responsive-vs-adaptive-webdesign-hoe-zit-het-nu-echt\/\" target=\"_blank\" rel=\"noopener\">partly adaptive and partly\u00a0responsive<\/a>. During tests I noticed that the mobile user not only needs bigger buttons and different font sizes, but consumes the content of the site in an entirely different way. Reason enough to shift things around: no longer start with the history and background, but core information first.\u00a0The background is of secondary interest.<\/p>\n<h3>Texts<\/h3>\n<p>I have written all the text, except where specifically given in the form of a quote. The editorial contribution by <a title=\"Carola Janssen\" href=\"http:\/\/twitter.com\/#!\/carolajanssen\" target=\"_blank\" rel=\"noopener\">Carola Janssen<\/a> and\u00a0<a title=\"Maria Neele\" href=\"http:\/\/twitter.com\/#!\/marianeele\" target=\"_blank\" rel=\"noopener\">Maria Neele<\/a> at\u00a0<a title=\"Kiezel communicatie\" href=\"http:\/\/www.kiezelcommunicatie.nl\/\" target=\"_blank\" rel=\"noopener\">Kiezel Communicatie<\/a> was invaluable in this part of the process. The same is true for the translation of the English texts by <a title=\"Virtual Words\" href=\"http:\/\/www.virtual-words.com\/\" target=\"_blank\" rel=\"noopener\">Virtual Words<\/a>.<\/p>\n<h3>Images<\/h3>\n<p>On the home page I wanted to use strong images. Images that had something to tell about the content of the site without illustrating it. Images that fit together. I chose the work of <a title=\"Niko van der Klugt\" href=\"http:\/\/www.nikovanderklugt.nl\" target=\"_blank\" rel=\"noopener\">Niko van der Klugt<\/a>\u00a0and am very happy to have his pictures on my website. Janneke chose the fragments and made sure they fit in with her design. The ICT bicycles made me laugh, because there is of course a sophisticated web application behind them.<\/p>\n<h3>Social media<\/h3>\n<p>As social media play such a huge role in my life and work, I also wanted to show on the site what is available online. Janneke suggested that, in addition to sections about <a title=\"Technical production\" href=\"http:\/\/www.totheater.nl\/english\/technical-production\/\" target=\"_blank\" rel=\"noopener\">technical production<\/a>, <a title=\"ICT Project Management\" href=\"http:\/\/www.totheater.nl\/english\/ict-project-management\/\" target=\"_blank\" rel=\"noopener\">ICT Project management<\/a>\u00a0and the\u00a0<a title=\"Uurwerk personnel scheduler\" href=\"http:\/\/www.totheater.nl\/english\/uurwerk-personnel-scheduler\/\" target=\"_blank\" rel=\"noopener\">Uurwerk staff scheduler<\/a>, we build a section titled Inspiration. This section was to include, among other things, everything that I collate and share on the web, a part of which you are currently reading. I hope it inspires you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This website is a TOT project within itself, one where my expertise came in handy. Designing and building websites is not my forte, whereas envisioning them and writing the functional specifications is. Plus, I simply enjoy writing. Janneke ten Cate at\u00a0Jips Company, who also took care of the house style and previous site, came up [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[227,4],"tags":[249,250,245,251,178],"class_list":["post-2332","post","type-post","status-publish","format-standard","hentry","category-about-this-website","category-inspiration","tag-project-management","tag-social-media","tag-technical-production-2","tag-web-application","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About this website - TOT<\/title>\n<meta name=\"description\" content=\"This website is a TOT project where my expertise came in handy: envisioning an idea and writing the functional specifications for it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.totheater.nl\/english\/about-this-website\/\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Behee3Mrck\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/\"},\"author\":{\"name\":\"Behee3Mrck\",\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/#\\\/schema\\\/person\\\/1a581cadc9a04d5da30adc977d5b277d\"},\"headline\":\"About this website\",\"datePublished\":\"2011-06-25T13:32:21+00:00\",\"dateModified\":\"2021-10-29T07:51:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/\"},\"wordCount\":591,\"image\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.totheater.nl\\\/english\\\/wp-content\\\/media_en_files\\\/Grafisch-ontwerp-agenda.jpg\",\"keywords\":[\"project management\",\"social media\",\"technical production\",\"web application\",\"Wordpress\"],\"articleSection\":[\"About this website\",\"Inspiration\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/\",\"url\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/\",\"name\":\"About this website - TOT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.totheater.nl\\\/english\\\/wp-content\\\/media_en_files\\\/Grafisch-ontwerp-agenda.jpg\",\"datePublished\":\"2011-06-25T13:32:21+00:00\",\"dateModified\":\"2021-10-29T07:51:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/#\\\/schema\\\/person\\\/1a581cadc9a04d5da30adc977d5b277d\"},\"description\":\"This website is a TOT project where my expertise came in handy: envisioning an idea and writing the functional specifications for it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.totheater.nl\\\/english\\\/wp-content\\\/media_en_files\\\/Grafisch-ontwerp-agenda.jpg\",\"contentUrl\":\"http:\\\/\\\/www.totheater.nl\\\/english\\\/wp-content\\\/media_en_files\\\/Grafisch-ontwerp-agenda.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/about-this-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About this website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/#website\",\"url\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/\",\"name\":\"TOT\",\"description\":\"technical solutions for cultural organisations\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/#\\\/schema\\\/person\\\/1a581cadc9a04d5da30adc977d5b277d\",\"name\":\"Behee3Mrck\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/68b671a603d4d3d4a10f6a4f616197c77bf69c2f4cb55ee355939611b71988a5?s=96&d=blank&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/68b671a603d4d3d4a10f6a4f616197c77bf69c2f4cb55ee355939611b71988a5?s=96&d=blank&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/68b671a603d4d3d4a10f6a4f616197c77bf69c2f4cb55ee355939611b71988a5?s=96&d=blank&r=g\",\"caption\":\"Behee3Mrck\"},\"url\":\"https:\\\/\\\/www.totheater.nl\\\/english\\\/author\\\/behee3mrck\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About this website - TOT","description":"This website is a TOT project where my expertise came in handy: envisioning an idea and writing the functional specifications for it.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.totheater.nl\/english\/about-this-website\/","twitter_misc":{"Geschreven door":"Behee3Mrck","Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/#article","isPartOf":{"@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/"},"author":{"name":"Behee3Mrck","@id":"https:\/\/www.totheater.nl\/english\/#\/schema\/person\/1a581cadc9a04d5da30adc977d5b277d"},"headline":"About this website","datePublished":"2011-06-25T13:32:21+00:00","dateModified":"2021-10-29T07:51:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/"},"wordCount":591,"image":{"@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/#primaryimage"},"thumbnailUrl":"http:\/\/www.totheater.nl\/english\/wp-content\/media_en_files\/Grafisch-ontwerp-agenda.jpg","keywords":["project management","social media","technical production","web application","Wordpress"],"articleSection":["About this website","Inspiration"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/","url":"https:\/\/www.totheater.nl\/english\/about-this-website\/","name":"About this website - TOT","isPartOf":{"@id":"https:\/\/www.totheater.nl\/english\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/#primaryimage"},"image":{"@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/#primaryimage"},"thumbnailUrl":"http:\/\/www.totheater.nl\/english\/wp-content\/media_en_files\/Grafisch-ontwerp-agenda.jpg","datePublished":"2011-06-25T13:32:21+00:00","dateModified":"2021-10-29T07:51:57+00:00","author":{"@id":"https:\/\/www.totheater.nl\/english\/#\/schema\/person\/1a581cadc9a04d5da30adc977d5b277d"},"description":"This website is a TOT project where my expertise came in handy: envisioning an idea and writing the functional specifications for it.","breadcrumb":{"@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.totheater.nl\/english\/about-this-website\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/#primaryimage","url":"http:\/\/www.totheater.nl\/english\/wp-content\/media_en_files\/Grafisch-ontwerp-agenda.jpg","contentUrl":"http:\/\/www.totheater.nl\/english\/wp-content\/media_en_files\/Grafisch-ontwerp-agenda.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.totheater.nl\/english\/about-this-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.totheater.nl\/english\/"},{"@type":"ListItem","position":2,"name":"About this website"}]},{"@type":"WebSite","@id":"https:\/\/www.totheater.nl\/english\/#website","url":"https:\/\/www.totheater.nl\/english\/","name":"TOT","description":"technical solutions for cultural organisations","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.totheater.nl\/english\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Person","@id":"https:\/\/www.totheater.nl\/english\/#\/schema\/person\/1a581cadc9a04d5da30adc977d5b277d","name":"Behee3Mrck","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/secure.gravatar.com\/avatar\/68b671a603d4d3d4a10f6a4f616197c77bf69c2f4cb55ee355939611b71988a5?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/68b671a603d4d3d4a10f6a4f616197c77bf69c2f4cb55ee355939611b71988a5?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/68b671a603d4d3d4a10f6a4f616197c77bf69c2f4cb55ee355939611b71988a5?s=96&d=blank&r=g","caption":"Behee3Mrck"},"url":"https:\/\/www.totheater.nl\/english\/author\/behee3mrck\/"}]}},"_links":{"self":[{"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/posts\/2332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/comments?post=2332"}],"version-history":[{"count":1,"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/posts\/2332\/revisions"}],"predecessor-version":[{"id":4190,"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/posts\/2332\/revisions\/4190"}],"wp:attachment":[{"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/media?parent=2332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/categories?post=2332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.totheater.nl\/english\/wp-json\/wp\/v2\/tags?post=2332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}