 
 
 <?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>upCreative &#187; iOS8</title>
	<atom:link href="https://www.upcreative.net/tag/ios8/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.upcreative.net</link>
	<description>Web Design, grafica,  web application e content web marketing</description>
	<lastBuildDate>Wed, 10 Apr 2019 12:53:28 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.41</generator>
	<item>
		<title>Come creare un app mobile: HTML5 o linguaggio nativo?</title>
		<link>https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/</link>
		<comments>https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/#comments</comments>
		<pubDate>Fri, 06 Jun 2014 11:46:55 +0000</pubDate>
		<dc:creator><![CDATA[upcreative]]></dc:creator>
				<category><![CDATA[Creare applicazioni javascript]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[come creare un app]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[HTML Mobile App]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[iOS8]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mobile app]]></category>

		<guid isPermaLink="false">http://www.upcreative.net/?p=4025</guid>
		<description><![CDATA[<p>Come creare un app: quale linguaggio dovrei usare, HTML5 o i linguaggi nativi? Si tratta di un dibattito che è sempre esistito fin dalla nascita dei dispositivi mobile; ma la realtà è che non c'è una risposta che si adatta a tutti e a tutto. In questo articolo analizzo quali sono i principali fattori in base ai quali dovresti decidere la strada più opportuna da intraprendere.</p>
<p>The post <a rel="nofollow" href="https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/">Come creare un app mobile: HTML5 o linguaggio nativo?</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div class="l-submain"><div class="l-submain-h g-html i-cf"><div class="g-cols"><div class="full-width">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			Uno dei dilemmi più frequenti su cui si imbatte chiunque decida di affacciarsi sul mondo dello sviluppo mobile è sicuramente quello su <strong>come creare un app</strong>: &#8220;<em><strong>quale sistema di sviluppo dovrei adottare? E&#8217; meglio cominciare con il codice nativo oppure affidarsi</strong></em><strong> all&#8217;HTML?</strong>&#8220;.</p>
<p>In effetti è una domanda che i miei lettori mi pongono molto frequentemente.</p>
<p>Come avrai notato personalmente prediligo la via dell&#8217;HTML5, CSS3 e Javascript per realizzare i miei progetti destinati a dispositivi mobile. Ma quella che per me è la strada principale, non è detto che lo debba essere per gli altri sviluppatori.</p>
<p>Ognuno, durante il proprio percorso formativo/professionale, capita davanti a situazioni ed ostacoli differenti, una miriade di combinazioni che lo portano a prendere determinate decisioni invece che altre.</p>
<p>E&#8217; così anche per quanto riguarda la decisione sul linguaggio da utilizzare per realizzare una mobileapp.</p>
<p>La risposta non è delle più semplici, ma dipende da numerosi fattori. In questo articolo vedremo quali secondo me dovresti considerare per prendere la tua decisione.</p>
<p><img class="aligncenter wp-image-4032 size-full" src="http://www.upcreative.net/wp-content/uploads/2014/06/mobile-app-linguaggio-web-o-nativo-.png" alt="mobile-app-linguaggio-web-o-nativo-" width="690" height="398" /></p>
<hr />
<p><em>Come creare un #mobileapp &#8211; #HTML5 o linguaggio nativo?</em><br /><a href='https://twitter.com/share?text=Come+creare+un+%23mobileapp+-+%23HTML5+o+linguaggio+nativo%3F&#038;via=upCreativeIta&#038;related=upCreativeIta&#038;url=https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/' target='_blank'>Click To Tweet</a></p>
<hr />
<h2>Il settore di provenienza</h2>
<p>La cosa incide maggiormente sulla decisione da prendere per quanto riguarda la metodologia di sviluppo di una mobile app è dal mio punto di vista il <strong>settore professionale</strong> al quale apparteniamo.</p>
<p>Se non sei un ragazzo che è appena uscito da scuola o dall&#8217;università e vuole iniziare a crearsi una carriera nel mondo delle mobile app, allora dovresti decidere sulla base della tua principale professione attuale e le tue esperienze lavorative.</p>
<p>Chi come me opera nel campo del <em>web design</em> e delle <em>web application</em>, ed ha cominciato le sue esperienze professionali in questo settore, allora sarà molto più facile che scelga la strada dell<em>&#8216;HTML5</em>, il <em>CSS3</em> ed il <em>Javascript</em>, linguaggi con cui ha già molta familiarità e tra cui sa muoversi molto bene.</p>
<p>Come ti ho mostrato in altri articoli, nello sviluppo di HTML Mobile App bisogna fare attenzione ad elementi come <strong><em>performance</em></strong> e <em>fluidità</em>, per non rischiare di rilasciare un prodotto di scarso valore e con una <em>user-experience</em> che non si avvicina nemmeno minimamente a quella delle applicazioni native.</p>
<p>Tuttavia è molto più facile affidarsi a linguaggi che già conosciamo piuttosto che studiarne di nuovi.</p>
<p><em>Per approfondire il discorso delle perfomance e fluidità, ti consiglio di leggere questi articoli:</em></p>
<ul>
<li><em><a title="Web e Mobile App fluide con layer e hardware acceleration" href="http://www.upcreative.net/web-e-mobile-app-fluide-con-layer-e-hardware-acceleration/">Web e Mobile App fluide con layer e hardware acceleration</a></em></li>
<li><em><a title="Le 6 migliori tecniche per aumentare le performance di un' HTML Mobile App" href="http://www.upcreative.net/6-migliori-tecniche-per-le-performance-di-html5-mobile-app/">Le 6 migliori tecniche per aumentare le performance di un&#8217; HTML Mobile App</a></em></li>
</ul>
<p><em>Mentre per una serie di tutorial pratici su come creare un app in HTML5, puoi consultare la <a title="Come creare un app in HTML5, CSS3 e Javscript - Tutorials" href="http://www.upcreative.net/tutorial-css3-e-javascript-per-web-designers/">sezione tutorials</a> di questo blog.</em></p>
<p>Per un individuo che invece &#8220;parte da zero&#8221;, e vuole specializzarsi specificatamente nello sviluppo di mobile app, allora quella del <strong>linguaggio nativo</strong> potrebbe essere la strada che fa più al caso suo.</p>
<p>E&#8217; molto difficile pensare infatti che gli possa arrivare a padroneggiare molto bene sia linguaggi web che linguaggi nativi (i quali possono essere più di uno, se si decide di sviluppare per più di una piattaforma: <em>Objective-C</em>, <em>Java</em> ecc.) in modo parallelo.</p>
<p>Non sto dicendo che è impossibile, ma sicuramente è molto meno probabile.</p>
<h2>Il target dell&#8217;applicazione</h2>
<p><img class="aligncenter wp-image-4031 size-full" src="http://www.upcreative.net/wp-content/uploads/2014/06/sistemi-operativi-mobile.jpg" alt="sistemi-operativi-mobile" width="690" height="300" /></p>
<p>La scelta del linguaggio è molte volte determinata anche dal <strong>target dei dispositivi</strong> per i quali decidiamo di rendere disponibile la nuova applicazione.</p>
<p>Se hai bisogno di pubblicare una determinata applicazione solamente per <em>iOS</em> o per <em>Android</em>, per esempio, allora potresti decidere si svilupparla interamente con linguaggio nativo.</p>
<p>Ovviamente ciò va considerato anche in base al futuro: c&#8217;è la possibilità che questa app possa più avanti essere resa disponibile anche per altri tipi di sistemi operativi?</p>
<p>Nel caso in cui abbiamo tale necessità o vogliamo che fin dall&#8217;inizio l&#8217;applicazione sia fruibile da più di un sistema operativo, allora la decisione più opportuna sarebbe quella di optare per l&#8217;HTML5.</p>
<h2>La tipologia dell&#8217;applicazione</h2>
<p>Un altro fattore influenzante da sottolineare è quello delle funzionalità e del tipo di interfaccia che l&#8217;applicazione deve avere.</p>
<p>Se hai la necessità di creare un videogioco molto complesso o un&#8217;interfaccia con una dinamica particolare, allora dovresti usare il linguaggio nativo, che ti consentirà di produrre un prodotto più leggero e molto meno dispendioso in termini di processore, oltre che più performante.</p>
<p>Se invece la tua necessità è quella di realizzare un&#8217;interfaccia &#8220;<em>standard</em>&#8221; con delle normali liste, delle schermate ad entrata che non prevedono effetti troppo complessi (con i CSS3 è possibile realizzare degli effetti &#8220;elaborati&#8221; che risultano comunque molto performanti, come <em>pop, </em><em>slide, flip, skew </em>ecc.), <em>headers</em>, <em>tab-bar</em> ecc., allora potremmo portare avanti il progetto tramite linguaggi <em>web-based</em>.</p>
<p><em>Se vuoi sapere come realizzare gli effetti delle interfacce native con HTML5 e CSS3 allora resta aggiornato sul mio e-book &#8220;<a title="HTML Mobile Accelerato&quot;" href="http://www.upcreative.net/html-mobile-accelerato/"><strong>HTML Mobile Accelerato</strong>&#8220;</a>, in cui ti mostrerò come realizzare un sistema di animazioni performante che non ha nulla da invidiare ad un&#8217;applicazione nativa:</em></p>
<p>&nbsp;</p>
<p><a href="http://www.upcreative.net/html-mobile-accelerato/"><img class="aligncenter wp-image-2689 size-medium" src="http://www.upcreative.net/wp-content/uploads/2013/11/HTML-mobile-accelerato-ebook-cover1-300x222.png" alt="HTML-mobile-accelerato-ebook-cover" width="300" height="222" /></a></p>
<p>&nbsp;</p>
<hr />
<p><em>Come creare un #mobileapp &#8211; #HTML5 o linguaggio nativo?</em><br /><a href='https://twitter.com/share?text=Come+creare+un+%23mobileapp+-+%23HTML5+o+linguaggio+nativo%3F&#038;via=upCreativeIta&#038;related=upCreativeIta&#038;url=https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/' target='_blank'>Click To Tweet</a></p>
<hr />
<h2>Come creare un app: I benefici dell&#8217;HTML5</h2>
<p><img class="aligncenter wp-image-3440 size-full" src="http://www.upcreative.net/wp-content/uploads/2014/03/markup-html.jpg" alt="markup-html" width="690" height="200" /></p>
<p>Vediamo i principali benefici dei linguaggi nella realizzazione di mobile app con linguaggi <em>web-based.</em></p>
<ul>
<li><strong>Centralizzare il processo di sviluppo</strong>. Se nel caso dei linguaggi nativi siamo costretti a sviluppare la stessa applicazione da zero per ogni sistema operativo per il quale decidiamo di renderla disponibile, nel caso di mobile app in HTML5, CSS3  e Javascript possiamo utilizzare lo stesso progetto per tutte le piattaforme (apportando qualche piccolo aggiustamento, se vengono utilizzati dei plugin personalizzati per l&#8217;accesso a funzionalità del dispositivo, come vibrazione, bussola ecc.)</li>
<li><strong>Velocità e facilità di sviluppo. </strong>Come accennato in precedenza, per chi padroneggia molto bene il linguaggi web, è più facile e veloce realizzare l&#8217;interfaccia di una mobile app. In rete si possono inoltre trovare sempre più framework che adottano la filosofia del &#8220;<a title="Mobile first web design" href="http://www.yourinspirationweb.com/2013/09/18/mobile-first-la-nuova-tendenza/"><strong>mobile first</strong></a>&#8220;, e velocizzano ulteriormente le varie fasi di sviluppo</li>
<li><strong>La libertà negli aggiornamenti</strong>. Quando decidiamo di pubblicare un&#8217;applicazione su App Store, PlayStore e gli store delle altre piattaforme, siamo costretti ad attendere lunghi tempi di approvazione (2 settimane nel caso di App Store) prima che essa venga approvata. Lo stesso vale per ogni aggiornamento che invieremo. Con le HTML5 Mobile app, è possibile bypassare questo processo impostando un sistema che all&#8217;avvio dell&#8217;applicazione controlla il server per verificare la disponibilità di nuovi aggiornamenti, ed eventualmente effettuarne il download.</li>
</ul>
<h2>Come creare un app: i benefici del codice nativo</h2>
<p><img class="aligncenter wp-image-4033 size-full" src="http://www.upcreative.net/wp-content/uploads/2014/06/mobile-app-linguaggio-nativo.jpg" alt="mobile-app-linguaggio-nativo" width="690" height="309" /></p>
<p>Vediamo quali sono invece i benefici dello sviluppo con codice nativo:</p>
<ul>
<li><strong>Maggior facilità di accesso alle funzionalità native</strong>. Se da un lato nel caso di mobile app <em>web-based </em>abbiamo dei tools (come Phonegap o Appcelerator) che ci offrono la possibilità di accedere e controllare alcune funzionalità native del dispositivo grazie a degli appositi plugin, è anche vero che il loro utilizzo è molte volte limitato, senza contare il fatto che per alcune delle funzionalità non esistono plugin. Con il linguaggio nativo, abbiamo piena libertà e maggior facilità di accesso a tutte le funzionalità del dispositivo.</li>
<li><strong>Possibilità di realizzare interfacce più complesse</strong>. Come già accennato in precedenza, sviluppando con linguaggio nativo è più facile creare una <em>user-experience</em> molto più avanzata ed interattiva, grazie anche alla possibilità di utilizzare i controlli e gli effetti messi a disposizione dello sviluppatore.</li>
<li><strong>La qualità dei controlli</strong>. Abbiamo detto che nel caso di HTML5 mobile app possiamo sfruttare molti framework CSS <em>mobile-first. </em>In alternativa possiamo anche scrivere personalmente le istruzioni CSS per ricreare gli stessi tipi di controlli nativi (come pulsanti, <em>header, tab-bar</em>, icone ecc.). Tuttavia la qualità di tali controlli non è ancora allo stesso livello dei UI-Kit da cui possiamo attingere con grazie ai linguaggi nativi.</li>
</ul>
<hr />
<p><em>Come creare un #mobileapp &#8211; #HTML5 o linguaggio nativo?</em><br /><a href='https://twitter.com/share?text=Come+creare+un+%23mobileapp+-+%23HTML5+o+linguaggio+nativo%3F&#038;via=upCreativeIta&#038;related=upCreativeIta&#038;url=https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/' target='_blank'>Click To Tweet</a></p>
<hr />
<h2>Conclusioni</h2>
<p>Il linguaggio da adottare per creare un app dipende da numerosi fattori, ma credo che il principale sia la <strong>predisposizione e la familiarità che ogni sviluppatore ha con i vari tipi di linguaggi</strong>.</p>
<p>Personalmente sono molto più orientato verso i linguaggi web e l&#8217;HTML5, anche perchè mi sono specializzato fin dal principio nella realizzazione di siti web e soprattutto, di applicazioni web.</p>
<p>E tu? Di quale settore fai parte ? Anche tu sei un web designer e sei più predisposto ai linguaggi web, oppure sei più indirizzato verso linguaggi nativi?</p>
<p>O ancora, sei un web designer a cui piace spaziare a 360° e conosci sia i linguaggi nativi che quelli web?</p>
<p>Fammelo sapere nei commenti o inviami una mail, sono curioso di sapere quale metodologia stai adottando o ti piacerebbe adottare, e magari quali sono i tuoi obiettivi in merito.</p>
<p>&nbsp;</p>

		</div> 
	</div> <div class="g-cols color_alternate w-actionbox"><div class="one-half">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h3>Crea la tua mobile app in HTML, CSS3 e Javascript</h3>
<p>Utilizzando il linguaggi <i>web-based</i>, ho realizzato più di 10 mobile app in HTML, CSS3 e Javascript (tra cui <a title="Tint HTML mobile app" href="http://www.upcreative.net/tint-weather-app/">Tint</a> e <a title="Dieta SI o NO? HTML Mobile app" href="http://www.upcreative.net/app-dieta-si-o-no/">Dieta SI o NO?</a>).</p>
<p>Se anche tu vuoi realizzare la tua applicazione in HTML, CSS e javascript da distribuire nei vari store, forse potrebbe interessarti il mio e-book <strong><a title="HTML Mobile Accelerato - Come creare una mobile app in HTML, CSS e Javacript" href="http://www.upcreative.net/html-mobile-accelerato/">HTML Mobile Accelerato</a>.</strong>
		</div> 
	</div> </div><div class="one-half">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://www.upcreative.net/html-mobile-accelerato/"><img width="563" height="418" src="http://www.upcreative.net/wp-content/uploads/2013/11/HTML-mobile-accelerato-ebook-cover1.png" class="attachment-full" alt="HTML-mobile-accelerato-ebook-cover" /></a>
		</div> 
	</div> 
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			<div class="widget_wysija_cont shortcode_wysija"><div id="msg-form-wysija-shortcode6ac199aca0c96-4" class="wysija-msg ajax"></div><form id="form-wysija-shortcode6ac199aca0c96-4" method="post" action="#wysija" class="widget_wysija shortcode_wysija">
<p class="wysija-paragraph">
    
    
    	<input type="text" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" title="Inserisci la tua mail" placeholder="Inserisci la tua mail" value="" />
    
    
    
    <span class="abs-req">
        <input type="text" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value="" />
    </span>
    
</p>
<input class="wysija-submit wysija-submit-field" type="submit" value="Tienimi aggiornato/a" />

    <input type="hidden" name="form_id" value="4" />
    <input type="hidden" name="action" value="save" />
    <input type="hidden" name="controller" value="subscribers" />
    <input type="hidden" value="1" name="wysija-page" />

    
        <input type="hidden" name="wysija[user_list][list_ids]" value="4,1" />
    
 </form></div>
		</div> 
	</div> </div></div></div></div>
</div></div><p>The post <a rel="nofollow" href="https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/">Come creare un app mobile: HTML5 o linguaggio nativo?</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.upcreative.net/come-creare-un-app-mobile-html5-o-linguaggio-nativo/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
