Development of a Cross-Platform Mobile Application and an Image Cloud Storage for an Iot System

Development of a Cross-Platform Mobile Application and an Image Cloud Storage for an Iot System

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(

View Full Text

Details

  • File Type
    pdf
  • Upload Time
    -
  • Content Languages
    English
  • Upload User
    Anonymous/Not logged-in
  • File Pages
    89 Page
  • File Size
    -

Download

Channel Download Status
Express Download Enable

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

  • Not to be reproduced or distributed without explicit permission.
  • Not used for commercial purposes outside of approved use cases.
  • Not used to infringe on the rights of the original creators.
  • If you believe any content infringes your copyright, please contact us immediately.

Support

For help with questions, suggestions, or problems, please contact us