
Politecnico di Torino Ingegneria Informatica(Computer Engineering) Tesi di Laurea Magistrale Development of a Cross-Platform Mobile Application and an Image Cloud torage for an IoT !stem Advisors Prof" Daniele Trinc#ero Ing" $iovanni Paolo Colucci Ana Laura T%LA AP&IL '()* ummar! T#e i+em,ine platform- developed b! t#e researc# group from t#e i+em Laborator!- uses .ireless tec#nolog! applied to precision agriculture in rural areas t#at allo.s .ine producers to monitor t#eir vine!ards t#roug# a .eb application" $iven t#e .idespread use of smartp#ones- t#ere .as a need to create a mobile application to #elp t#e visuali/ation t#e data collected from different sensors in a meaningful .a!" T#e t.o main mobile operating s!stems- Android and i0 - uses bot# distinct languages to create native applications .#ic# are fast and optimi/ed- but t#is leads to a duplication of t#e code base" T#ere are cross-platform solutions aim to simplif! t#is problem b! using a single programming language for developing applications t#at are targeted for multiple platforms" T#e main goal of t#is pro1ect is to develop a cross-platform mobile application .it# a focus on t#e Android operating s!stem using &eact 2ative- a 3ava cript frame.or4 for .riting nativel! rendering mobile applications for i0 and Android" T#e goal of t#e second part of t#e pro1ect is to investigate t#e different options for cloud storage service and develop a possible solution to store t#e pictures ta4en b! t#e sensor5s camera and visuali/e t#em in t#e application" i I .ould li4e to t#an4 m! famil!- for t#eir unconditional support- for guiding me- for t#eir infinite patience andAc4no.ledgment for allo.ing me to find m! pat# in life" T#is t#esis is t#e culmination of a long 1ourne! t#at #as certainl! not been eas! one- and .ould not #ave been possible .it#out t#em" To m! mot#er- for being m! role model and pus#ing me to be better and .#at a better .a! to t#an4 !ou t#at .riting t#is t#esis in Englis#" To m! fat#er- .#o #as s#aped t#e person I am toda! and .#o too4 me to m! first computer lesson as a 4id .it#out 4no.ing I .ould follo. t#at course" To m! siblings- for putting up .it# me and al.a!s #aving m! bac4" To m! grandmot#er- mi nona- .#o is al.a!s .it# me" To m! aunt- mi t6a Ester- 3uana and mi late grandmot#er- mi nona Clara- .#o .ere a big part of m! life gro.ing up and al.a!s s#o.ed t#eir support" To m! lifelong friends .#o- despite t#e time and distance- are al.a!s present and to t#e ne. ones- m! famil! during t#ese !ears- .it# .#om I s#ared t#is e7perience and #ave unforgettable memories" At last but not least- I .ould li4e to t#an4 t#e .#ole i+em Laborator! team- speciall! m! t#esis Advisors- Prof" Trinc#ero and Ing" $iovanni Colucci- for t#eir guidance t#roug#out t#e development of t#e t#esis" ii Table of Contents ) Introduction"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""") )") Introduction""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""") )"' T#esis $oals""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""") )"8 $eneral overvie. of t#e i+em,ine Platform"""""""""""""""""""""""""""""""""""""""""""""""""""") ' Cross-platform vs 2ative""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""8 '") 2ative"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""8 9enefits"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""8 Dra.bac4s""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""8 '"' Cross-platform""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""8 Dra.bac4s"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""": 9enefits""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""": 8 3avascript"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""; 8") ECMA cript""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""; 8"' Transpilers"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""; 8"8 Pol!fill""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""< 8": Modules""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""< 8"; 9undling"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""= 8"< Minification""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""= 8"= 3ava cript environments""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""= 8"=") 2ode"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""* 8"* Metro""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""> 8"*") T#e 3ourne! to a 9undle"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""> : &eact""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")) :") T#e D0M""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")) :"' &eact"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")) :"'") Component""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")' :"'"' Component Lifec!cle"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")8 Mount"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""): %pdate""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""): %nmount""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""): :"'"8 &efs"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""): Creating &efs""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""); Accessing &efs""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""); :"'": ?ig#er-0rder Components""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")< :"'"; &econciliation""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")< ; &eact 2ative""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")* ;") Internals""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")* ;")") T#reading Model"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")* ;")"' 9ridge""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")> ;")"8 3ava cript Environment""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""")> ;")": 3ava cript !nta7 Transformers and Poll!fills"""""""""""""""""""""""""""""""""""""""""")> ;"' Differences .it# &eact ,eb"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'( iii ;"8 Components and APIs"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'( ;"8") 9asic Components""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'( ;"8"' %ser Interface"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'' ;"8"8 List @ie.s"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'' ;"8"8") AlatList""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'' ;"8"8"' ectionList"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'8 ;"8": i0 BAndroid specific""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'8 ;"8"; 0t#ers"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""': ;"8";") Animated"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""': Interpolation"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'; ?andling gestures and ot#er events"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'; ;"8"< t!le"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'; ;"8"= Direct Manipulation"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'< ;"8"* Installation"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'< ;"8"*") Dependencies"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'< ;"8"> &eact 2ative CLI Commands""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""'* ;"8")( T#e CLI""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""8(
Details
-
File Typepdf
-
Upload Time-
-
Content LanguagesEnglish
-
Upload UserAnonymous/Not logged-in
-
File Pages89 Page
-
File Size-