CINXE.COM

<!DOCTYPE HTML>  <html><head> <meta name="robots" content="index, follow" /><link rel="canonical" href="http://localhost:4000/detel-book/" /><title>Welcome | The DE-TEL Book - Doctoral Education for Technology Enhanced Learning</title> <meta name="description" content="The Open book on Doctoral Education in Technology Enhanced Learning (DETEL book) is an open educational resource for doctoral candidates working in the field of Technology-Enhanced Learning or TEL (also known as Educational Technology, Digitl Education, Learning Engineering) and related fields." /> <meta name="author" content="DE-TEL" />  <meta property="og:title" content="Welcome | The DE-TEL Book - Doctoral Education for Technology Enhanced Learning" /> <meta property="og:type" content="website" /> <meta property="og:image" content="http://localhost:4000/detel-book/assets/images/Cover.png" /> <meta property="og:url" content="http://localhost:4000/detel-book/" /> <meta property="og:site_name" content="The DE-TEL Book" /> <meta property="og:description" content="The Open book on Doctoral Education in Technology Enhanced Learning (DETEL book) is an open educational resource for doctoral candidates working in the field of Technology-Enhanced Learning or TEL (also known as Educational Technology, Digitl Education, Learning Engineering) and related fields." />  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" />  <link rel="stylesheet" href="/detel-book/assets/css/main.css" />   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" defer></script> <script src="/detel-book/assets/js/jquery.scrolly.min.js" defer></script> <script src="/detel-book/assets/js/jquery.scrollzer.min.js" defer></script> <script src="/detel-book/assets/js/skel.min.js" defer></script> <script src="/detel-book/assets/js/util.js" defer></script>  <script src="/detel-book/assets/js/main.js" defer></script> </head> <html itemscope itemtype="http://schema.org/Article">  <meta name="description" content="The Open book on Doctoral Education in Technology Enhanced Learning (DETEL book) is an open educational resource for doctoral candidates working in the field of Technology-Enhanced Learning or TEL (also known as Educational Technology, Digitl Education, Learning Engineering) and related fields." />  <meta itemprop="name" content="Welcome" /> <meta itemprop="description" content="The Open book on Doctoral Education in Technology Enhanced Learning (DETEL book) is an open educational resource for doctoral candidates working in the field of Technology-Enhanced Learning or TEL (also known as Educational Technology, Digitl Education, Learning Engineering) and related fields." /> <meta itemprop="image" content="http://localhost:4000/detel-book/assets/images/Cover.png" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@https://twitter.com/eateleu" /> <meta name="twitter:title" content="Welcome" /> <meta name="twitter:description" content="The Open book on Doctoral Education in Technology Enhanced Learning (DETEL book) is an open educational resource for doctoral candidates working in the field of Technology-Enhanced Learning or TEL (also known as Educational Technology, Digitl Education, Learning Engineering) and related fields." /> <meta name="twitter:creator" content="@eateleu" />  <meta name="twitter:image:src" content="http://localhost:4000/detel-book/assets/images/Cover.png" /> <meta name="twitter:image" content="http://localhost:4000/detel-book/assets/images/Cover.png" /> <meta name="twitter:url" content="http://localhost:4000/detel-book/" />  <meta property="og:title" content="Welcome" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://localhost:4000/detel-book/" /> <meta property="og:image" content="http://localhost:4000/detel-book/assets/images/Cover.png" /> <meta property="og:description" content="The Open book on Doctoral Education in Technology Enhanced Learning (DETEL book) is an open educational resource for doctoral candidates working in the field of Technology-Enhanced Learning or TEL (also known as Educational Technology, Digitl Education, Learning Engineering) and related fields." /> <meta property="og:site_name" content="The DE-TEL Book" /> <meta property="og:locale" content="" /> <head>  ```liquid {% seo %} ```  </head> <body> <div id="header"> <div class="top"> <div id="logo"> <a href="/detel-book/" id="home-link"> <span class="image avatar48"><img src="/detel-book/assets/images/avatar.png" alt="Avatar of DE-TEL" /></span><br /> <h1 id="title">The DE-TEL Book</h1> <p>Doctoral Education for Technology Enhanced Learning</p> </a> </div> <nav id="nav"> <ul><li><a href="#" id="" class="active"> <span class="icon fa-home">Welcome</span> </a></li><li><a href="/detel-book/blog.html" id="-link"> <span class="icon fa-pen">Blog Posts</span> </a></li><li><a href="/detel-book/toc/" id="-link"> <span class="icon fa-book-open">Table of Contents</span> </a></li><li><a href="/detel-book/bibliography.html" id="-link"> <span class="icon fa-bookmark">Bibliography</span> </a></li><li><a href="/detel-book/contributors.html" id="-link"> <span class="icon fa-user-edit">Contributors</span> </a></li><li><a href="/detel-book/about/" id="-link"> <span class="icon fa-info-circle">About the book</span> </a></li><hr><li><a href="#intro" id="intro-link" class="scrolly"><span class="icon fa-comment">Intro</span></a></li><li><a href="#welcome" id="welcome-link" class="scrolly"><span class="icon fa-door-open">Welcome</span></a></li><li><a href="#contribution-model" id="contribution-model-link" class="scrolly"><span class="icon fa-user">Contribution Model</span></a></li><li><a href="#the-book" id="the-book-link" class="scrolly"><span class="icon fa-book">The Book</span></a></li><li><a href="#contact" id="contact-link" class="scrolly"><span class="icon fa-envelope">Contact</span></a></li></ul> </nav></div> <div class="bottom"> <ul class="icons"><li><a href="https://twitter.com/eateleu" class="icon-b fa-twitter"><span class="label">Twitter</span></a></li><li><a href="https://www.facebook.com/eatel.eu" class="icon-b fa-facebook-f"><span class="label">Facebook</span></a></li><li><a href="https://github.com/ea-tel/detel-book" class="icon-b fa-github"><span class="label">GitHub</span></a></li><li><a href="https://ea-tel.eu/detel-book/feed.xml" class="fas fa-rss-square"><span class="label"></span></a></li></ul> </div> </div>  <div id="main"><section id="intro" class="shade-one cover dark"> <div class="container"><img src="/detel-book/assets/images/Banner.png" alt="example cover photo" class="back"></br> </br> </br> </br> </br> <a href="toc/" class="button scrolly"><strong>Start reading!</strong></a> </div> </section> <section id="welcome" class="shade-two"> <div class="container"><header> <h2>Welcome</h2></header><p><a href="#" class="image featured"><img src="assets/images/detel_logo.png" style="width: 75%; min-width: 50px; margin-left: auto; margin-right: auto; align: center;" alt="" /></a></p> </div> </section> <section id="contribution-model" class="shade-three"> <div class="container"><header> <h2>Contribution Model</h2></header><p>The book project follows an agile approach differing from the classic development process typical for printed content. Contributors can play several different roles in the production process. We are looking for authors, reviewers, agile editors, designers, software developers, visual artists, and testers. Agile teams are responsible for the generation of chapters and act as product owners. Reviewers will review chapters and communicate with the author teams. Team champions drive forward the agile development of chapters. Designers lay-out the online book and printed versions. Software developers are responsible for interactive Web graphics, application examples, and other dynamic code. Visual artists are responsible for appealing visualizations. Testers will thoroughly try out the final versions of the book.</p> <p>The book uses Git for version management and a GitHub organization for the creation, hosting, and delivery of the book contents to guarantee agile development. We use the GitHub-based issue tracking system for the communication between the community members, such as the the authors and the reviewers. Based on this content sharing and version management platform we use the static site generator Jekyll for rendering the content of the Git repository into a Web site. With every commit, a new version of the Web site is created automatically. Formatting of the content is done using a simple markdown language. Programming and lay-out uses JavaScript and CSS.</p> </div> </section> <section id="the-book" class="shade-four"> <div class="container"><header> <h2>The Book</h2></header><div class="item"> <a href="/detel-book/toc/"><img src="assets/images/Cover.png" style="width: 25vw; min-width: 15px;" alt="To the book" /></a> <p>Click on the book cover to start reading!</p> </div> </div> </section> <section id="contact" class="shade-three"> <div class="container"><header> <h2>Contact</h2></header><p>You can contact us.</p> <form method="post" action="https://formspree.io/"> <div class="row"> <div class="6u 12u$(mobile)"><input type="text" name="name" placeholder="Name" /></div> <div class="6u$ 12u$(mobile)"><input type="text" name="email" placeholder="Email" /></div> <div class="12u$"> <textarea name="message" placeholder="Message"></textarea> </div> <div class="12u$"> <input type="submit" value="Send Message" /> </div> </div> </form> </div> </section> </div> <div id="footer">  <ul class="copyright"> <li>©The DE-TEL Book. All rights reserved.</li> </ul> </div></body> </html>