main.tex

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% Masters/Doctoral Thesis 
% LaTeX Template
% Version 1.43 (17/5/14)
%
% This template has been downloaded from:
% http://www.LaTeXTemplates.com
%
% Original authors:
% Steven Gunn 
% http://users.ecs.soton.ac.uk/srg/softwaretools/document/templates/
% and
% Sunil Patel
% http://www.sunilpatel.co.uk/thesis-template/
%
% License:
% CC BY-NC-SA 3.0 (http://creativecommons.org/licenses/by-nc-sa/3.0/)
%
% Note:
% Make sure to edit document variables in the Thesis.cls file
%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%----------------------------------------------------------------------------------------
%	PACKAGES AND OTHER DOCUMENT CONFIGURATIONS
%----------------------------------------------------------------------------------------
\documentclass[11pt, oneside]{Thesis} % The default font size and one-sided printing (no margin offsets)


\usepackage[utf8]{inputenc}
\usepackage[italian]{babel}
\usepackage[none]{hyphenat}
\usepackage[square, comma, sort&compress]{natbib}
\usepackage{csvsimple}
\usepackage{listings}
\renewcommand{\lstlistingname}{Esempio}

\usepackage{multirow}
\usepackage{hyperref}
\usepackage{graphicx}
\usepackage{wrapfig}
\usepackage{enumitem}
\usepackage{array}
\usepackage[table]{xcolor}

\setlist[description]{style=unboxed,leftmargin=0cm}

\lstnewenvironment{code}[1][]%
  {\noindent\minipage{\linewidth}\medskip   
   \lstset{basicstyle=\ttfamily\footnotesize,frame=single,#1, numbers=left, firstnumber=1,numberfirstline=true}}
  {\endminipage}


\sloppy


% Use the natbib reference package - read up on this to edit the reference style; 
% if you want text (e.g. Smith et al., 2012) for the in-text references (instead of numbers), remove %'numbers' 

\hypersetup{urlcolor=blue, colorlinks=true} % Colors hyperlinks in blue - change to black if annoying
\title{\ttitle} % Defines the thesis title - don't touch this
\begin{document}

\frontmatter % Use roman page numbering style (i, ii, iii, iv...) for the pre-content pages

\setstretch{1.3} % Line spacing of 1.3

% Define the page headers using the FancyHdr package and set up for one-sided printing
\fancyhead{} % Clears all page headers and footers
\rhead{\thepage} % Sets the right side header to show the page number
\lhead{} % Clears the left side page header

\pagestyle{fancy} % Finally, use the "fancy" page style to implement the FancyHdr headers

\newcommand{\HRule}{\rule{\linewidth}{0.5mm}} % New command to make the lines in the title page

% PDF meta-datar
\hypersetup{pdftitle={\ttitle}}
\hypersetup{pdfauthor=\authornames}

%----------------------------------------------------------------------------------------
%	TITLE PAGE
%----------------------------------------------------------------------------------------

\begin{titlepage}
\begin{center}

\begin{figure}
	\begin{center}
		\includegraphics[scale=0.25]{Figures/tesiSCIENZE_TECNOLOGIE.jpg}
	\end{center}
\end{figure}

%\textsc{\LARGE \univname}\\ % University name
%\smallskip
%{\large \facname}\\
\smallskip
\large\textsc{\deptname}\\[1.0cm]

\textsc{\Large Tesi Di Laurea Triennale}\\[0.5cm] % Thesis type

\HRule \\[0.4cm] % Horizontal line
{\huge \bfseries \ttitle}\\[0.4cm] % Thesis title
\HRule \\[1.5cm] % Horizontal line
 
\begin{minipage}{0.4\textwidth}

\begin{flushleft} \large
\emph{Autore:}\\
\authornames             % Author name - remove the \href bracket to remove the link
\end{flushleft}
\end{minipage}
\begin{minipage}{0.4\textwidth}
\begin{flushright} \large
\emph{Relatore:} \\
\supname		 % Supervisor name - remove the \href bracket to remove the link

\emph{Correlatore:} \\
\cosupname		 % Cosupervisor name -
\end{flushright}
\end{minipage}\\[3cm]
 
%\large \textit{A thesis submitted in fulfilment of the requirements\\ for the degree of \degreename}\\[0.3cm] % University requirement text
%\textit{in the}\\[0.4cm]
 \
{\large Anno Accademico 2013/2014}\\[4cm] % Date
%\includegraphics{Logo} % University/department logo - uncomment to place it
 
\vfill
\end{center}

\end{titlepage}
  

\clearpage % Start a new page

%----------------------------------------------------------------------------------------
%	QUOTATION PAGE
%----------------------------------------------------------------------------------------

\pagestyle{empty} % No headers or footers for the following pages

\null\vfill % Add some space to move the quote down the page a bit

\begin{flushleft}

\textit{``L'intelligenza è l'abilità di riuscire ad evitare il lavoro,\\
   portando comunque a compimento i propri compiti.``\\
   Linus Torvalds}
\end{flushleft}

\vfill
\vfill
\vfill

\vfill
\vfill
\vfill
\vfill
\null % Add some space at the bottom to position the quote just right

\clearpage % Start a new page

%----------------------------------------------------------------------------------------
%	ABSTRACT PAGE -- see the design on Thesis.cls
%----------------------------------------------------------------------------------------

\addtotoc{Abstract} % Add the "Abstract" page entry to the Contents

\abstract{\addtocontents{toc}{\vspace{1em}} % Add a gap in the Contents, for aesthetics
I dispositivi mobili, al giorno d’oggi, rivestono un ruolo sempre più importante tanto nelle aziende quando nella nostra vita privata, permettendoci di compiere operazioni e svolgere dei compiti che, fino a qualche anno fa, erano eseguibili solo attraverso un normale PC.
Con il passare del tempo, l’evoluzione tecnologica che ha accompagnato lo sviluppo dei normali PC, ha coinvolto i dispositivi così detti “mobili”. Evoluzione che li ha trasformati da semplici organizer “da tasca” a veri e propri terminali ricchi di funzionalità, discreta potenza di calcolo ma soprattutto di connettività. Quest’ultima caratteristica li ha resi estremamente versatili soprattutto con l'arrivo di applicazioni di tipo aziendale e di produttività personale.

\textit{Dai dati sull'uso dei differenti device utilizzati per accedere a internet, risulta che il 66,4\% del tempo totale speso online è generato dalla fruizione di internet da mobile e, più in dettaglio, il 	55,7\% del totale dalla fruizione tramite mobile applications.}\\
\cite{stats:audiweb}

Il compito dello sviluppatore, è quello di realizzare applicazioni non solo funzionanti nel senso stretto del termine ma funzionali e usabili su questa tipologia di dispositivi. Inoltre se si vuole far conoscere il prodotto ad un numero sempre più elevato di utenti, ci si deve anche preoccupare che l'applicazione sia disponibile su diverse o tutte le piattaforme, in quanto il mercato delle applicazioni dei dispositivi mobili è abbastanza frammentato.

Esistono diversi modi per sviluppare una applicazione mobile, Nativa, Web o ibrida: ogni approccio ha vantaggi e svantaggi, e la scelta può limitare le opzioni degli strumenti di sviluppo in un secondo momento.

\paragraph*{App native} Sviluppare un'app utilizzando l'interfaccia e il linguaggio di programmazione per un determinato dispositivo e sistema operativo. Ciò può fornire le prestazioni migliori ma richiede una versione differente (costosa) per ogni sistema operativo.

\paragraph*{App Web} Si tratta di sviluppare un sito web che abbia le sembianze di una applicazione vera e propria che possa essere raggiunta tramite un semplice browser web, anche se la frammentazione dell’attuale mercato fa si che i browser comunemente disponibili sui vari dispositivi non supportino in modo uniforme gli attuali standard del web. Con questo approccio inoltre non si ha la possibilità di accedere alle funzionalità del dispositivo come ad esempio fotocamera, contatti, accelerometro, etc \ldots.

\paragraph*{App ibride} Un compromesso tra nativa e Web. Lo sviluppo avviene utilizzando i linguaggi di programmazione Web standard di settore, come HTML5 e JavaScript quindi viene creato un pacchetto di installazione nativa (es. apk file) per la distribuzione tramite app store. Esistono anche altri metodi ma questo è uno di quelli più usati. E' cosi possibile ridurre i costi con il riutilizzo del codice.

L'obiettivo di questo lavoro e quello di trovare un metodo di sviluppo veloce per avere la stessa applicazione disponibile nelle diverse piattaforme. Ovviamente ci sono più percorsi che ci possono portare allo stesso risultato, la scelta della strada da intraprendere dipende da molti fattori che si vedrà essere di vario genere.

Questa tesi si propone l'obiettivo di analizzare le tecnologie sul mercato attuale e proporre un modello di sviluppo rapido di applicazioni multi-piattaforma per dispositivi mobili, attraverso l'utilizzo di tecnologie web, mostrando vantaggi e svantaggi che si possono riscontrare rispetto agli altri metodi di sviluppo.

}

\clearpage % Start a new page
%----------------------------------------------------------------------------------------
%	ACKNOWLEDGEMENTS
%----------------------------------------------------------------------------------------

\setstretch{1.3} % Reset the line-spacing to 1.3 for body text (if it has changed)

\acknowledgements{\addtocontents{toc}{\vspace{1em}} % Add a gap in the Contents, for aesthetics

A mia madre Giusy a mio padre Angelo a mio fratello Dario. Ringrazio la mia famiglia per avermi sostenuto e incoraggiato a seguire le mie passioni nel mio percorso formativo, senza dei quali nulla sarebbe stato possibile.

Ringrazio i compagni universitari più vicini e gli amici del collegio Modena, per l'ottimo tempo trascorso assieme durante gli studi.

Ringrazio la ditta BigThink SRL per l'opportunità di tirocinio data per la mia tesi.

Infine ringrazio pippo, pluto, paperino e topolino per l'aiuto nei test del codice.
}
\clearpage % Start a new page

%----------------------------------------------------------------------------------------
%	LIST OF CONTENTS/FIGURES/TABLES PAGES
%----------------------------------------------------------------------------------------

\pagestyle{fancy} % The page style headers have been "empty" all this time, now use the "fancy" headers as defined before to bring them back

\renewcommand\contentsname{Indice dei Contenuti}
\lhead{\emph{Indice dei Contenuti}} % Set the left side page header to "Contents"
\tableofcontents % Write out the Table of Contents

\renewcommand\listfigurename{Elenco delle Figure}
\lhead{\emph{Elenco delle Figure}} % Set the left side page header to "List of Figures"
\listoffigures % Write out the List of Figures

\renewcommand\listtablename{Elenco delle Tabelle}
\lhead{\emph{Elenco delle Tabelle}} % Set the left side page header to "List of Tables"
\listoftables % Write out the List of Tables

\renewcommand\lstlistlistingname{Elenco degli Esempi}
\lhead{\emph{Elenco degli Esempi}}
\addcontentsline{toc}{chapter}{\lstlistlistingname}
\lstlistoflistings

\renewcommand{\bibname}{Bibliografia}
%----------------------------------------------------------------------------------------
%	ABBREVIATIONS
%----------------------------------------------------------------------------------------

%\clearpage % Start a new page

%\setstretch{1.5} % Set the line spacing to 1.5, this makes the following tables easier to read

%\lhead{\emph{Abbreviations}} % Set the left side page header to "Abbreviations"
%\listofsymbols{ll} % Include a list of Abbreviations (a table of two columns)
%{
%\textbf{ASAP} & \textbf{A}s \textbf{S}oon \textbf{A}s \textbf{P}ossible \\
%\textbf{HTML} & \textbf{H}yper\textbf{T}ext \textbf{M}arkup \textbf{L}anguage \\
%\textbf{CSS} & \textbf{C}ascading \textbf{S}tyle \textbf{S}heet \\
%\textbf{RIA} & \textbf{R}ich \textbf{I}nternet \textbf{A}pplication \\
%\textbf{Acronym} & \textbf{W}hat (it) \textbf{S}tands \textbf{F}or \\
%}

%----------------------------------------------------------------------------------------
%	PHYSICAL CONSTANTS/OTHER DEFINITIONS
%----------------------------------------------------------------------------------------

%\clearpage % Start a new page

%\lhead{\emph{Physical Constants}} % Set the left side page header to "Physical Constants"

%\listofconstants{lrcl} % Include a list of Physical Constants (a four column table)
%{
%Speed of Light & $c$ & $=$ & $2.997\ 924\ 58\times10^{8}\ \mbox{ms}^{-\mbox{s}}$ (exact)\\
% Constant Name & Symbol & = & Constant Value (with units) \\
%}

%----------------------------------------------------------------------------------------
%	SYMBOLS
%----------------------------------------------------------------------------------------

%\clearpage % Start a new page
%\lhead{\emph{Symbols}} % Set the left side page header to "Symbols"

%\listofnomenclature{lll} % Include a list of Symbols (a three column table)
%{
%$a$ & distance & m \\
%$P$ & power & W (Js$^{-1}$) \\
% Symbol & Name & Unit \\

%& & \\ % Gap to separate the Roman symbols from the Greek

%$\omega$ & angular frequency & rads$^{-1}$ \\
% Symbol & Name & Unit \\
%}

%----------------------------------------------------------------------------------------
%	DEDICATION
%----------------------------------------------------------------------------------------

%\setstretch{1.3} % Return the line spacing back to 1.3

%\pagestyle{empty} % Page style needs to be empty for this page

%\dedicatory{For/Dedicated to/To my\ldots} % Dedication text

%\addtocontents{toc}{\vspace{2em}} % Add a gap in the Contents, for aesthetics

%----------------------------------------------------------------------------------------
%	THESIS CONTENT - CHAPTERS
%----------------------------------------------------------------------------------------

\mainmatter % Begin numeric (1,2,3...) page numbering

\pagestyle{fancy} % Return the page headers back to the "fancy" style

% Include the chapters of the thesis as separate files from the Chapters folder
% Uncomment the lines as you write the chapters

\input{Chapters/Chapter1}
\input{Chapters/Chapter2} 
\input{Chapters/Chapter3}
\input{Chapters/Chapter4} 
%\input{Chapters/Chapter5} 
%\input{Chapters/Chapter6} 
%\input{Chapters/Chapter7} 

%----------------------------------------------------------------------------------------
%	THESIS CONTENT - APPENDICES
%----------------------------------------------------------------------------------------

\addtocontents{toc}{\vspace{2em}} % Add a gap in the Contents, for aesthetics

\appendix % Cue to tell LaTeX that the following 'chapters' are Appendices

% Include the appendices of the thesis as separate files from the Appendices folder
% Uncomment the lines as you write the Appendices

\input{Appendices/AppendixA}
%\input{Appendices/AppendixB}
%\input{Appendices/AppendixC}

\addtocontents{toc}{\vspace{2em}} % Add a gap in the Contents, for aesthetics

\backmatter

%----------------------------------------------------------------------------------------
%	BIBLIOGRAPHY
%----------------------------------------------------------------------------------------
\label{Bibliografia}

\lhead{\emph{Bibliografia}} % Change the page header to say "Bibliography"
\bibliographystyle{unsrt} % Use the "unsrtnat" BibTeX style for formatting the Bibliography

\bibliography{Bibliography} % The references (bibliography) information are stored in the file named "Bibliography.bib"


\end{document}