Workshop How to create Weather App (Sunshine) Inspired by Udacity training Presented by Zouinkhi Marwan In ISSATSo Google Club

1. Building a Professional
WeatherApp
04/04/2015@MZouinkhi
ISSATSoGoogleClub
First Session

2. Smart Phone == Small Computer
Low processing power
Limited RAM
Limited data connections ( low bandwidth)
Limited battery life

4. Android devices

5. Android Versions

6. Android Architecture

7. Android Studio
ANDROID
STUDIO

9. Object Oriented
Programming

10. Should use

12. Our App

14. - ListViews / Adapters
- Recycler View / CardView
- WebServices.
- AsyncTasks.
- JSON Parsing.
- SQLite.
- JUnit Tests.

15. Let's Fly !#Sunshine

16. For today
Details

17. Min level & target level

18. Start a new project called Sunshine
with Blank Activity with fragment

19. Add new XML Activity called tree
with
Picture Text
Button

20. AbsoluteLayout Is Evil

21. Layout
Frame
Layout
Linear
Layout
Relative
Layout

22. Add new layout XML called
list_item_forecast
containing TextView with
id=”@+id/list_item_forecast_textview”

23. Modify fragment_main
RelativeLayout to FrameLayout
TextView to ListView with:
id=”@+id/listview_forecast”
width=”match_parent”
height=”match_parent”

24. Java
- create a table of Strings called
forecastArray[]
which contains static data :
“Today - Sunny - 78/63”, …
- Create a list WeekForecast
from forecastArray[]
Arrays.asList()

25. Adapter

26. ScrollView
-> ListView + recycle
-> Recycling view

27. Initialise ArrayAdapter
in onCreateView()
ArrayAdapter<String> called
mForecastAdapter
context
ID of list item layout
ID of text View
list of data

28. Initialise ArrayAdapter
in onCreateView()
ArrayAdapter<String> called
mForecastAdapter with parametres
context getActivity()
ID of list item layout R.layout.liste_item_forecast
ID of text View R.id.list_item_forecast_textview
list of data weekForecast

29. Find View
JAVA XML
(Type) this.findViewById(R.id.X)

30. findView of ListView R.id.listview_forecast
with name listView

31. findView of ListView R.id.listview_forecast
with name listView
ListView listView= (ListView) this.findViewById(R.id.listview_forecast )

32. Set our Adapter mForecastAdapter on listView

33. Set our Adapter mForecastAdapter on listView
listview.setAdapter(mForecastAdapter )

34. Run it !

35. Toast
In Android
Toast.makeText(context,text,length).show();

36. Add a onItemClickListener on listView
Override onItemClick to show a toast with item text
to get Text: mForecastAdapter.getItem(position);

37. Create New Blanc Activity with Fragment
called DetailActivity with father MainActivity
with textView id="@+id/text_detail"

38. Intent
Intent nameIntent= new Intent(context,Activity.class)
.putExtra(Intent.EXTRA_TEXT,text);
startActivity(nameIntent);

39. Override onItemClick start a new Activity DetailActivity
and send the item text in Extra

40. on onCreateView of DetailActivity
find view of textView text_detail
test if you have an extra
if yes put the extra String in textView

41. Intent
if (intent!=null && intent.hasExtra(Intent.EXTRA_TEXT)) {
mForecastStr = intent.getStringExtra(Intent.EXTRA_TEXT);
((TextView) rootView.findViewById(R.id.text_detail))
.setText(mForecastStr);

42. Android is a major step towards
an ethical, user-controlled, free-
software portable phone, but there
is a long way to go.

43. See you next time
- openweathermap.org/API
- JSONParsing