{"id":686,"date":"2016-05-24T15:48:18","date_gmt":"2016-05-24T13:48:18","guid":{"rendered":"http:\/\/apalion.com\/?post_type=project&amp;p=686"},"modified":"2016-05-24T15:48:18","modified_gmt":"2016-05-24T13:48:18","slug":"soluzione-mobile-jquery-slidecast","status":"publish","type":"project","link":"https:\/\/apalion.com\/it\/project\/slidecast-jquery-mobile-solution\/","title":{"rendered":"Soluzione jQuery Mobile Slidecast"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; admin_label=&#8220;section&#8220; _builder_version=&#8220;4.16&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_row admin_label=&#8220;Row&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; global_colors_info=&#8220;{}&#8220; column_structure=&#8220;2_3,1_3&#8243;][et_pb_column type=&#8220;2_3&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; use_border_color=&#8220;off&#8220; border_color=&#8220;#ffffff&#8220; border_style=&#8220;solid&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<div class=\"container_10\">\n<div class=\"grid_10\">\n<p>Beim diesem Projekt handelt es sich um eine Webanwendung (WebApp), welche es erm\u00f6glicht, Pr\u00e4sentationen in Verbindung mit Grafiken, Audio, Video und sogar HTML-Elementen einer Vielzahl von Interessierten gleichzeitig zur Verf\u00fcgung zu stellen. Sie verfolgt damit das Prinzip einer verteilbaren Slidecast-Anwendung.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"grid_10\">\n<h3><span class=\"overlay\"> Definition von WebApps<\/span><\/h3>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"grid_10\">\n<p>Der Begriff setzt sich aus dem Englischen zusammen und bezeichnet eine App(likation), also Anwendungen f\u00fcr mobile Endger\u00e4te, die meist \u00fcber einen in das Betriebssystem integrierten Browser direkt aus dem Internet heraus geladen und ohne Installation benutzt werden k\u00f6nnen.<\/p>\n<p>Es handelt sich also prinzipiell also f\u00fcr Smartphone-Displays optimierte Webseiten, die versuchen, das \u201eLook&amp;Feel\u201c nativer Anwendungen nachzubilden.<\/p>\n<\/div>\n<div class=\"clear\"><\/div>\n<\/div>\n<div class=\"container_10\"><\/div>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8220;1_3&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.22.2&#8243; _module_preset=&#8220;default&#8220; hover_enabled=&#8220;0&#8243; sticky_enabled=&#8220;0&#8243;]<\/p>\n<h1><span class=\"overlay\">WebApps Entwicklung<\/span><\/h1>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/apalion.com\/wp-content\/uploads\/2016\/05\/jqm-header-1.jpg&#8220; alt=&#8220;jQuery Mobile App ge\u00f6ffnet auf Samsung Tablet&#8220; title_text=&#8220;jQuery Mobile App ge\u00f6ffnet auf Samsung Tablet&#8220; show_bottom_space=&#8220;off&#8220; align_tablet=&#8220;center&#8220; align_last_edited=&#8220;on|desktop&#8220; admin_label=&#8220;Image&#8220; _builder_version=&#8220;4.16&#8243; animation_style=&#8220;slide&#8220; animation_direction=&#8220;right&#8220; animation_duration=&#8220;500ms&#8220; animation_intensity_slide=&#8220;10%&#8220; use_border_color=&#8220;off&#8220; border_color=&#8220;#ffffff&#8220; border_style=&#8220;solid&#8220; animation=&#8220;right&#8220; sticky=&#8220;on&#8220; always_center_on_mobile=&#8220;on&#8220; global_colors_info=&#8220;{}&#8220; align_phone=&#8220;center&#8220;] [\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8220;Row&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; global_colors_info=&#8220;{}&#8220; column_structure=&#8220;1_4,3_4&#8243;][et_pb_column type=&#8220;1_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_image src=&#8220;https:\/\/apalion.com\/wp-content\/uploads\/2016\/05\/jqm-header-2.jpg&#8220; alt=&#8220;jQuery Mobile App ge\u00f6ffnet auf Samsung Smartphone&#8220; title_text=&#8220;jQuery Mobile App ge\u00f6ffnet auf Samsung Smartphone&#8220; show_bottom_space=&#8220;off&#8220; align_tablet=&#8220;center&#8220; align_last_edited=&#8220;on|desktop&#8220; admin_label=&#8220;Image&#8220; _builder_version=&#8220;4.16&#8243; animation_style=&#8220;slide&#8220; animation_direction=&#8220;left&#8220; animation_duration=&#8220;500ms&#8220; animation_intensity_slide=&#8220;10%&#8220; use_border_color=&#8220;off&#8220; border_color=&#8220;#ffffff&#8220; border_style=&#8220;solid&#8220; animation=&#8220;left&#8220; sticky=&#8220;on&#8220; always_center_on_mobile=&#8220;on&#8220; global_colors_info=&#8220;{}&#8220; align_phone=&#8220;center&#8220;] [\/et_pb_image][\/et_pb_column][et_pb_column type=&#8220;3_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; use_border_color=&#8220;off&#8220; border_color=&#8220;#ffffff&#8220; border_style=&#8220;solid&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<div class=\"grid_10\">\n<h3><span class=\"overlay\"> Warum WebApps und jQuery Mobile?<\/span><\/h3>\n<h3><\/h3>\n<\/div>\n<div class=\"grid_5\">\n<p>Viele Nutzer sind aufgrund potentiell vorhandener Schadsoftware in den App Stores sehr vorsichtig geworden. WepApps unterst\u00fctzen den Nutzer in der Art, dass keine Installation notwendig ist und die Anwendung auch keinen Zugriff auf die Soft- und Hardware des Smartphones hat. Prinzipiell sind diese Art von Anwendungen auch sicherer gegen Raubkopierer. Dadurch, dass sich die Anwendung auf dem Server befindet und dynamisch Inhalte generiert, kann diese nicht einfach kopiert und eventuell f\u00fcr betr\u00fcgerische Aktionen verwendet werden. Bei nativen Apps k\u00f6nnten pers\u00f6nliche Daten ohne das Wissen des Anwenders im Hintergrund weitergesendet werden. Ein weiterer Vorteil ist, dass die Anwendung von allen Ger\u00e4ten mit Internetzugang aufgerufen- und beispielsweise auf gespeicherte Daten zugegriffen werden kann. Spiele k\u00f6nnten, um ein Beispiel zu nennen, auf dem Smartphone angefangen und dann einfach am Rechner weitergespielt werden, ohne kompliziert Daten zwischen diesen Ger\u00e4ten auszutauschen. Es wird auf bekannte und bew\u00e4hrte Technologien zur\u00fcckgegriffen, wodurch eine hohe Zukunftssicherheit garantiert wird.<\/p>\n<p><a class=\"intext\" href=\"https:\/\/jquerymobile.com\/\" target=\"_blank\" rel=\"noopener\">jQuery Mobile<\/a> ist ein auf Ber\u00fchrung optimiertes Web-Framework f\u00fcr Smartphones und Tablets. Es bietet zahlreiche Unerst\u00fctzungsm\u00f6glichkeiten zur Erkennung von Ber\u00fchrungen, Gesten und sonstigem. Es werden eine Vielzahl von Browsern unterst\u00fctzt, weitere k\u00f6nnen bei ausreichend Programmierkenntnissen ebenfalls hinzugef\u00fcgt werden.<\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8220;Row&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; use_border_color=&#8220;off&#8220; border_color=&#8220;#ffffff&#8220; border_style=&#8220;solid&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<div class=\"container_10\">\n<div class=\"grid_10\">\n<h3><span class=\"overlay\"> Wieso \u00fcberhaupt neu implementieren? Es existieren doch bereits haufenweise M\u00f6glichkeiten, Pr\u00e4sentationen zu verteilen.<\/span><\/h3>\n<h3><\/h3>\n<\/div>\n<div class=\"grid_10\">\n<p>Nat\u00fcrlich existieren bereits verschiedene M\u00f6glichkeiten, wie beispielsweise Pr\u00e4sentationsdokumente einfach per E-Mail zu verteilen, PDFs zu generieren oder Plattformen wie <a class=\"intext\" href=\"https:\/\/portfolio.thinklabs.de\/Projekte\/www.slideshare.net\" target=\"_blank\" rel=\"noopener\">www.slideshare.net<\/a> zu benutzen. Die Vorteile dieses neuen Ansatzes sind unter anderem die folgenden:<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"grid_7\">\n<h3><span class=\"overlay\">Grafik und Audio getrennt, kein Video!<\/span><\/h3>\n<p>&nbsp;<\/p>\n<p>Oft ist es bei Konferenzen so, dass die Pr\u00e4sentationen aufgenommen und im Web als Video zur Verf\u00fcgung gestellt werden. Dies entspricht nat\u00fcrlich einem gro\u00dfem Datenvolumen. Au\u00dferdem ben\u00f6tigt man, um das Video anzuschauen, fast immer zus\u00e4tzliche Plugins wie beispielsweise den Adobe Flash Player. Smartphones unterst\u00fctzten diese Plugins meistens nicht, und falls doch, wird der Akku in kurzer Zeit regelrecht leer gesaugt. Unterwegs existiert zudem manchmal kein WLAN-Zugriff. Die fertigen Videos sind meist mehrere hundert Megabyte gro\u00df. Dies belastet das mobile Netz nat\u00fcrlich enorm und kann zu sehr langen Ladezeiten f\u00fchren.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"overlay\">Audiodateien m\u00fcssen nicht geladen werden!<\/span><\/h3>\n<p>&nbsp;<\/p>\n<p>Sofern man \u00fcber keine Internetflatrate verf\u00fcgt, kostet mobiles Datenvolumen eine Menge, sodass man hier gerne die Wahl haben m\u00f6chte, welche Inhalte man laden l\u00e4sst. Durch den Fallback auf die rein textbasierte Ansicht kann auch hier das \u00fcbertragene Volumen\u00a0erheblich reduziert werden.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"overlay\">Keine Installation, keine Zusatzsoftware<\/span><\/h3>\n<p>&nbsp;<\/p>\n<h3><span class=\"overlay\">Direkt in nahezu jedem Browser abspielbar<\/span><\/h3>\n<p>&nbsp;<\/p>\n<h3><span class=\"overlay\">Pr\u00e4sentation einfach als HTML-Markup in einer Datei definierbar<\/span><\/h3>\n<p>&nbsp;<\/p>\n<p>Es ist kein zus\u00e4tzliches Programm zur Erstellung der Pr\u00e4sentationen n\u00f6tig. Geplant war hier ein Online-Editor, welcher auch HTML-Laien unterst\u00fctzt. F\u00fcr Erfahrenere in dem Bereich sollte es kein Problem darstellen, Pr\u00e4sentationen zu erstellen.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<div class=\"container_10\">\n<div class=\"grid_4\">\n<h3><span class=\"overlay\">Kommunikation durch Kommentare<\/span><\/h3>\n<p>&nbsp;<\/p>\n<p>Durch die Implementierung einer Kommentarfunktion k\u00f6nnen Kommentare an einzelne Folien, die gesamten Pr\u00e4sentation oder auch an Aussagen (Zeitpunkte) geheftet werden. Dadurch k\u00f6nnen Nutzer Diskussionen f\u00fchren und auch Fragen zu konkreten Aussagen stellen.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"overlay\">Power des Web nutzbar<\/span><\/h3>\n<p>&nbsp;<\/p>\n<p>Dadurch, dass es sich um eine Webanwendung handelt und der Code entsprechend strukturiert wurde, ist es m\u00f6glich nahezu alle Eigenschaften des Webs zu nutzen (Videos, Social Media &#8211; \u201egef\u00e4llt-mir-Button\u201c, &#8230;)<\/p>\n<p>&nbsp;<\/p>\n<h3>Barrierefrei (Screenreader)<\/h3>\n<p>&nbsp;<\/p>\n<p>Durch einen Screenreader kann auch eine Barrierefreiheit erreicht werden und beispielsweise H\u00f6r- oder Sehbeeintr\u00e4chtigte Personen k\u00f6nnen diese Pr\u00e4sentationsform nutzen.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"grid_10\">\n<h3><span class=\"overlay\"> Kann man diese L\u00f6sung auch kaufen oder lizenzieren?<\/span><\/h3>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"grid_10\">\n<p>Aber sicher k\u00f6nnen Sie das! Wir sind auch in der Lage, flexibel auf Ihre W\u00fcnsche einzugehen und die Anwendung nach Ihren Vorgaben Um- oder auszubauen. Treten Sie daf\u00fcr einfach mit uns in <a class=\"intext\" href=\"https:\/\/apalion.com\/impressum\/\">Kontakt<\/a>.<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Beim diesem Projekt handelt es sich um eine Webanwendung (WebApp), welche es erm\u00f6glicht, Pr\u00e4sentationen in Verbindung mit Grafiken, Audio, Video und sogar HTML-Elementen einer Vielzahl von Interessierten gleichzeitig zur Verf\u00fcgung zu stellen. Sie verfolgt damit das Prinzip einer verteilbaren Slidecast-Anwendung. &nbsp; Definition von WebApps &nbsp; Der Begriff setzt sich aus dem Englischen zusammen und bezeichnet [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":687,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[20,17,19],"project_tag":[],"class_list":["post-686","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-appentwicklung","project_category-softwareentwicklung","project_category-technologieentwicklung"],"acf":[],"_links":{"self":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project\/686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":0,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project\/686\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/media\/687"}],"wp:attachment":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project_category?post=686"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project_tag?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}