{"id":380,"date":"2016-08-01T14:16:44","date_gmt":"2016-08-01T14:16:44","guid":{"rendered":"https:\/\/code.efi.ohmportal.de\/blog\/?page_id=380"},"modified":"2017-06-16T12:30:44","modified_gmt":"2017-06-16T12:30:44","slug":"projektarbeit-offline-first","status":"publish","type":"page","link":"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/","title":{"rendered":"Offline First"},"content":{"rendered":"<h2>Worum geht es?<\/h2>\n<p>Moderne Web-Browser entwickeln sich zur ernstzunehmenden Ablaufumgebung von anspruchsvollen Softwarel\u00f6sungen. Mit den in den USA sehr erfolgreichen <a href=\"https:\/\/www.google.com\/chromebook\/about\/\">Cromebook Notebooks<\/a> ist eine Ger\u00e4tegattung am Start, deren &#8222;Betriebssystem&#8220; letztendlich ein Web-Browser (Google Chrome) ist.<\/p>\n<p>Eine oft geh\u00f6rte Kritik an einem solchen Ger\u00e4t ist die vermeintliche Notwendigkeit, permanent online zu sein, da alle Daten und Programm im Internet bzw. der Cloud vorgehalten werden. Sp\u00e4testens seit dem Einzug von HTML5 in die neuste Browsergeneration gilt dies nicht mehr, da nun viele M\u00f6glichkeiten in Form von <a href=\"http:\/\/html5index.org\/\">APIs<\/a> bestehen, Daten im Browser offline zu speichern.<\/p>\n<p>Treibt man den Gedanken auf die Spitze, so sollte eine f\u00fcr den Browser entwickelte App (zumindest nach dem ersten Laden) auch vollst\u00e4ndig offline nutzbar sein. Erste Bibliotheken wie z.B. <a href=\"http:\/\/hood.ie\/\">Hoodie<\/a> unterst\u00fctzen die Erstellung solcher Offline-First-Apps.<\/p>\n<p>In der Projekt- bzw. Abschlussarbeit soll eine Offline-First-Applikation entstehen, mit deren Hilfe zun\u00e4chst Spielergebnisse (z.B. Bundesliga) dezentral und offline erfasst und anschlie\u00dfend &#8211; sobald eine Netzwerkverbindung hergestellt ist &#8211; zentral zu einer Tabelle konsolidiert werden.<\/p>\n<h2><strong>Learning Outcomes<\/strong><\/h2>\n<p>Sie erlernen die Erstellung von browsergest\u00fctzten Single-Page-Applikationen, die architekturbeding nur geringen Austausch mit einem Web-Server erfordern. Mit Hilfe von Offline-First-Mechanismen implementieren Sie &#8222;Workarounds&#8220; f\u00fcr den Fall, dass auch diese wenigen Kontaktaufnahmen mit dem Server tempor\u00e4r nicht m\u00f6glich sind.<\/p>\n<p>Voraussetzung ist die Kenntnis bzw. die Bereitschaft zum Erlernen der Programmiersprache JavaScript.<\/p>\n<h2>Kontakt<\/h2>\n<p>Bitte wenden Sie sich bei Interesse an:<\/p>\n<p><a href=\"http:\/\/www.dokoliho.de\">Prof. Dr. Oliver Hofmann<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Worum geht es? Moderne Web-Browser entwickeln sich zur ernstzunehmenden Ablaufumgebung von anspruchsvollen Softwarel\u00f6sungen. Mit den in den USA sehr erfolgreichen Cromebook Notebooks ist eine Ger\u00e4tegattung am Start, deren &#8222;Betriebssystem&#8220; letztendlich ein Web-Browser (Google Chrome) ist. Eine oft geh\u00f6rte Kritik an einem solchen Ger\u00e4t ist die vermeintliche Notwendigkeit, permanent online zu sein, da alle Daten und &hellip; <a href=\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/\" class=\"more-link\"><span class=\"screen-reader-text\">Offline First<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":323,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-380","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Offline First - Code Comments<\/title>\n<meta name=\"description\" content=\"Projektarbeit Offline First JavaScript\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Offline First - Code Comments\" \/>\n<meta property=\"og:description\" content=\"Projektarbeit Offline First JavaScript\" \/>\n<meta property=\"og:url\" content=\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Comments\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-16T12:30:44+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/\",\"url\":\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/\",\"name\":\"Offline First - Code Comments\",\"isPartOf\":{\"@id\":\"https:\/\/code.efi.ohmportal.de\/blog\/#website\"},\"datePublished\":\"2016-08-01T14:16:44+00:00\",\"dateModified\":\"2017-06-16T12:30:44+00:00\",\"description\":\"Projektarbeit Offline First JavaScript\",\"breadcrumb\":{\"@id\":\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Angebot von Projekt- und Abschlussarbeiten\",\"item\":\"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Offline First\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/code.efi.ohmportal.de\/blog\/#website\",\"url\":\"https:\/\/code.efi.ohmportal.de\/blog\/\",\"name\":\"Code Comments\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/code.efi.ohmportal.de\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Offline First - Code Comments","description":"Projektarbeit Offline First JavaScript","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:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/","og_locale":"de_DE","og_type":"article","og_title":"Offline First - Code Comments","og_description":"Projektarbeit Offline First JavaScript","og_url":"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/","og_site_name":"Code Comments","article_modified_time":"2017-06-16T12:30:44+00:00","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/","url":"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/","name":"Offline First - Code Comments","isPartOf":{"@id":"https:\/\/code.efi.ohmportal.de\/blog\/#website"},"datePublished":"2016-08-01T14:16:44+00:00","dateModified":"2017-06-16T12:30:44+00:00","description":"Projektarbeit Offline First JavaScript","breadcrumb":{"@id":"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/projektarbeit-offline-first\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Angebot von Projekt- und Abschlussarbeiten","item":"https:\/\/code.efi.ohmportal.de\/blog\/abschlussarbeiten\/"},{"@type":"ListItem","position":2,"name":"Offline First"}]},{"@type":"WebSite","@id":"https:\/\/code.efi.ohmportal.de\/blog\/#website","url":"https:\/\/code.efi.ohmportal.de\/blog\/","name":"Code Comments","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/code.efi.ohmportal.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"jetpack_shortlink":"https:\/\/wp.me\/P8QwJV-68","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/pages\/380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/comments?post=380"}],"version-history":[{"count":3,"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/pages\/380\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/pages\/380\/revisions\/455"}],"up":[{"embeddable":true,"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/pages\/323"}],"wp:attachment":[{"href":"https:\/\/code.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/media?parent=380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}