{"id":401,"date":"2023-08-06T16:13:50","date_gmt":"2023-08-06T15:13:50","guid":{"rendered":"http:\/\/stuff.frankdux.de\/?p=401"},"modified":"2023-09-09T14:53:18","modified_gmt":"2023-09-09T13:53:18","slug":"onemorelist-com-an-example-project","status":"publish","type":"post","link":"https:\/\/stuff.frankdux.de\/?p=401","title":{"rendered":"Dozilla.io &#8211; An example project"},"content":{"rendered":"\n<p>This article will show you some practical examples for using my online to do list <a href=\"https:\/\/dozilla.io\" target=\"_blank\" rel=\"noreferrer noopener\">Dozilla.io<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using Dozilla.io for yourself only<\/h2>\n\n\n\n<p>Let&#8217;s start with a simple case &#8211; using Dozilla.io as your own to do list.<\/p>\n\n\n\n<p>Go to Dozilla.io. If this is your first visit, you will see the introduction screen:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-33-1024x590.png\" alt=\"\" class=\"wp-image-500\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-33-1024x590.png 1024w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-33-300x173.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-33-768x442.png 768w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-33.png 1302w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I suggest to update your name first by clicking on &#8220;Guest&#8221;.<\/p>\n\n\n\n<p>Then click on &#8220;Create your first project&#8221;. Let&#8217;s assume we want to plan a vacation trip. After giving the project a name, you will see the main task screen:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-34-1024x493.png\" alt=\"\" class=\"wp-image-501\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-34-1024x493.png 1024w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-34-300x144.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-34-768x370.png 768w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-34.png 1220w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Your project is identified with a unique access link (URL) &#8211; everyone who knows this (unguessable) access link can view and edit your project (read <a href=\"https:\/\/stuff.frankdux.de\/?p=331\">this article<\/a> about additional access control). This is the link in your browser&#8217;s address bar.<\/p>\n\n\n\n<p>You should keep this link secret, but bookmark it. It will also be stored on this device. This device is identified towards Dozilla.io with a very long, very random character sequence which is stored in a cookie. You may have noticed that you were not asked for an email address or some other identification &#8211; everything is based on that cookie (so you should not delete that cookie and you should also not work from an anonymous\/incognito browser).<\/p>\n\n\n\n<p>Close the hint and start working. At first, you should enter a task  &#8211; in the entry field. Once you click on Return or on the Plus-icon <i class=\"fas fa-plus-square\"><\/i>, the task will appear in the list below:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-35-1024x546.png\" alt=\"\" class=\"wp-image-503\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-35-1024x546.png 1024w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-35-300x160.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-35-768x409.png 768w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-35.png 1047w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Newly added or edited tasks will blink for a while. You can now edit that task with the Edit-icon <i class=\"fas fa-pen\"><\/i> or the little menu <i class=\"fas fa-bars\"><\/i> on the right side, or double-click on the task title:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-36.png\" alt=\"\" class=\"wp-image-504\" width=\"480\" height=\"421\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-36.png 1023w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-36-300x263.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-36-768x674.png 768w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<p>Enter details and\/or additional options, such as a due date or a reminder. If you click the &#8220;Next step&#8221; icon <i class=\"fas fa-step-forward\"><\/i>, a little entry field appears where you can state the actual required next step to finish this task, or an info if this tasks waits for something (such as: &#8220;Waiting for hotel to call back&#8221;). This info will be displayed on the main screen.<\/p>\n\n\n\n<p>There are some simple markup functions, such as enclosing text in * will turn it <strong>bold<\/strong>. You can also use simple and double hyphens (-, &#8211;) at the start of a line to create bullets, and character sequences such as (+) to create a checkmark  <i class=\"fas fa-check-circle\"><\/i>, or (-) for <i class=\"fas fa-times-circle\"><\/i>, ( ) for <i class=\"far fa-circle\"><\/i> etc &#8211; see the shortcut description on a PC\/Laptop.<\/p>\n\n\n\n<p>You can also directly open an &#8220;empty&#8221; task with the <i class=\"fas fa-window-maximize\"><\/i> icon next to the Plus-icon; this opens a screen where you can directly enter all task attributes, including the title.<\/p>\n\n\n\n<p>Rename the list &#8220;To Do&#8221; to something else with the little menu <i class=\"fas fa-sort-down\"><\/i> next to it. The &#8220;<em>(all)<\/em>&#8221; list contains entries of all your lists in this project.<\/p>\n\n\n\n<p>After a while, your project may look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"791\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-37-1024x791.png\" alt=\"\" class=\"wp-image-505\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-37-1024x791.png 1024w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-37-300x232.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-37-768x593.png 768w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-37.png 1043w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>There are several interesting features in this example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I use tags such as &#8220;Online&#8221; or &#8220;Paperwork&#8221; in tasks. These are freely definable attributes which you set in the edit screen of a task. As a shortcut, you can click on a tag directly when entering a new task. These tags can be used for anything; I use them to define some additional aggregation of tasks, e.g. I tag all tasks with &#8220;Online&#8221; which I can do at a computer, and all tasks with &#8220;Home&#8221; which I have to do at home. Click on a tag in a task to filter for it.<\/li>\n\n\n\n<li>I use several lists (&#8220;Preparation&#8221; and &#8220;Packing&#8221;). To have them lined up in the right way, I  numbered them &#8211; lists will be sorted alphabetically. As soon as you have more than one list in a project, there will be an automatically created list &#8220;(all)&#8221; which contains all tasks from all lists (useful for searching).<\/li>\n\n\n\n<li>I marked one task as &#8220;important&#8221; (with the little red <i class=\"fas fa-exclamation\"><\/i>) and gave one task a due date (which has passed; that&#8217;s why it is red).<\/li>\n<\/ul>\n\n\n\n<p>Once you finished a task, just check the checkbox. It will disappear. To see all tasks of this list (including completed tasks), click the <i class=\"fas fa-bars\"><\/i> icon and choose the <i class=\"fas fa-tasks\"><\/i> icon. The list will change and show also the completed tasks:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"996\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-39-1024x996.png\" alt=\"\" class=\"wp-image-507\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-39-1024x996.png 1024w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-39-300x292.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-39-768x747.png 768w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-39.png 1046w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can also click the <i class=\"fas fa-expand-alt\"><\/i> icon in the &#8220;icon bubble&#8221; to additional information per tasks and also expand all tasks (not only the last edited one). <\/p>\n\n\n\n<p>You can search for tasks with the search icon <i class=\"fas fa-search\"><\/i>, or re-arrange the sorting with the sort icon <i class=\"fas fa-sort-alpha-down\"><\/i> in the icon bubble. Mark a task as favourite with <i class=\"fas fa-star\"><\/i>; you can filter for your favourite tasks. With the task menu <i class=\"fas fa-bars\"><\/i><i class=\"fas fa-sort-down\"><\/i>you can do additional operations on a task.<\/p>\n\n\n\n<p>Details about this screen <a href=\"https:\/\/stuff.frankdux.de\/?p=266\">can be found here<\/a>. There are some other functions available (such as seeing your due dates and reminders in a calendar view by clicking on <i class=\"fas fa-calendar-alt\"><\/i>), exporting the tasks and much more.<\/p>\n\n\n\n<p>On a laptop\/desktop, there are additional panels on the left and right side of the main tasks screen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The left panel shows your active (i.e. not archived) projects with their respective favourite tasks and open tasks with a due date within the next two months. The project list is also displayed (also on mobile) if you click on the project name at the top of the task screen.<\/li>\n\n\n\n<li>The right panel shows the keyboard shortcuts.<\/li>\n<\/ul>\n\n\n\n<p>You can enforce in the settings <i class=\"fas fa-tools\"><\/i> that these panels are displayed also on a tablet (&#8220;Enforce Desktop mode&#8221;). Don&#8217;t do this on a smartphone as the panels may overlay the actual content of the screen.<\/p>\n\n\n\n<p>Some features are bound to a premium access; click on &#8220;Premium features&#8221; in the upper right menu or on the little plus icon <i class=\"fas fa-plus-circle\"><\/i> next to the project name. The most interesting feature for individual projects (with no other people) is probably the capability to attach documents to a task; images will be scaled down automatically; all other documents must be smaller than 2 MB. Additionally, you can add comments to a task, e.g. to document latest developments of it, or chat with fellow users of your project.<\/p>\n\n\n\n<p>Create more projects if needed, e.g. one for work, one for private tasks, etc. <a href=\"https:\/\/stuff.frankdux.de\/?p=242\">Read this article<\/a> about some ideas about structuring a to do list. Actually this doesn&#8217;t have to be a task list; it can be a list of any kind. There are some usage ideas <a href=\"https:\/\/stuff.frankdux.de\/?p=238\">described here<\/a>.<\/p>\n\n\n\n<p>And finally: If you don&#8217;t like the design, click on the settings icon <i class=\"fas fa-tools\"><\/i> at the bottom. Besides date formats and other things you can also set the design to &#8220;dark&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"790\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-40-1024x790.png\" alt=\"\" class=\"wp-image-508\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-40-1024x790.png 1024w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-40-300x232.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-40-768x593.png 768w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-40.png 1026w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Working together on a project<\/h2>\n\n\n\n<p>The main strength of Dozilla.io comes to life when you work together on a project with other people. These people do not have to join or register anywhere or to download an App; all they have to know is the access link to your project. <\/p>\n\n\n\n<p>Click on the Share-icon <i class=\"fas fa-share-alt\"><\/i> , either on the task screen or in the project overview. This will show a modal window with different sharing options:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-41.png\" alt=\"\" class=\"wp-image-509\" width=\"247\" height=\"380\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-41.png 635w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-41-195x300.png 195w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/figure>\n\n\n\n<p> If the person who should join the project is with you, just show the QR code. Otherwise use the icons below (Whatsapp etc) to share. You can also share via phone: Just ask the other person to go to Dozilla.io and click on &#8220;<i class=\"fas fa-people-arrows\"><\/i> Code&#8221;; he\/she has to enter the code displayed on the Share-screen. Note that this code is valid only for five minutes (for more finegrained security controls read <a href=\"https:\/\/stuff.frankdux.de\/?p=331\">this article<\/a>).<\/p>\n\n\n\n<p>This person will now see the same entries as you (but you as creator\/administrator of this project have a few more rights such as deleting the entire project). Whenever someone else changes something on your project in the list you are currently looking at, the changes become visible to you after a reload of the page (and the <i class=\"fas fa-sync\"><\/i> icon will be animated).  You can also configure the system to notify you when something happens in your project while you were away; <a href=\"https:\/\/stuff.frankdux.de\/?p=298\">read more here<\/a>.<\/p>\n\n\n\n<p>You can assign tasks to people who access your project, and the assignee can accept that assignment (then the little icon at a task will change from <i class=\"fas fa-user-clock\"><\/i> to <i class=\"fas fa-user-check\"><\/i>).<\/p>\n\n\n\n<p>In the premium version of a project you can even chat with other users with the chat icon <i class=\"fas fa-comments\"><\/i>, including surveys and direct messages. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"937\" height=\"916\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-42.png\" alt=\"\" class=\"wp-image-510\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-42.png 937w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-42-300x293.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-42-768x751.png 768w\" sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><\/figure>\n\n\n\n<p>You can also add comments to tasks., e.g. via the task menu (this is a premium feature). If you do that, there are two additional collaboration options available:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-53.png\" alt=\"\" class=\"wp-image-540\" width=\"482\" height=\"252\" srcset=\"https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-53.png 807w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-53-300x157.png 300w, https:\/\/stuff.frankdux.de\/wp-content\/uploads\/2023\/08\/grafik-53-768x402.png 768w\" sizes=\"auto, (max-width: 482px) 100vw, 482px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shared whiteboard <i class=\"fas fa-chalkboard-teacher\"><\/i> &#8211; this allows you to simultaneously draw a diagram. The diagram is updated in realtime.<\/li>\n\n\n\n<li>Shared notepad <i class=\"fas fa-users\"><\/i> &#8211; this is a shared text writing feature (based on Etherpad). Here you can simultaneously write a text. The text is updated in realtime.<\/li>\n<\/ul>\n\n\n\n<p>Just try it. Have fun working on a project together with other people!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article will show you some practical examples for using my online to do list Dozilla.io. Using Dozilla.io for yourself only Let&#8217;s start with a simple case &#8211; using Dozilla.io as your own to do list. Go to Dozilla.io. If this is your first visit, you will see the introduction screen: I suggest to update [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-401","post","type-post","status-publish","format-standard","hentry","category-dozilla"],"_links":{"self":[{"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=\/wp\/v2\/posts\/401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=401"}],"version-history":[{"count":38,"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=\/wp\/v2\/posts\/401\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=\/wp\/v2\/posts\/401\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stuff.frankdux.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}