Support de meetup andorid wear BeMyApp 2015

1. Développer une
application Wear
facilement !

2. Twitter : @florent_champ
Présentation
Github : @florent37
MaterialViewPager Tutos Android
DaVinci
Emmet
WearMenu
PicassoPalette
MaterialImageLoading

3. Présentation

4. Projet francetv Info
Présentation

5. Projet francetv Info
Présentation

6. Projet francetv Info
Présentation

7. Problématiques

8. Projet Smartphone :
▸ Appels de Webservices : Retofit
▸ Charger des images depuis une URL : Picasso
Problématiques

9. String WEBSERVICE_URL = “api.github.com”
public interface GithubService{
@GET(“/users/{user}/repos)
List<Repo> listRepos(@Path(“user”) String user)
}
Retrofit

10. RestAdapter restAdapter = new RestAdapter.Builder()
.setEndpoint(WEBSERVICE_URL)
.build();
GitHubService service = restAdapter.create(GitHubService.class);
List<Repo> repos = service.listRepos(“florent37);
Retrofit

11. Retrofit
GET api.github.com/users/florent37/repos
public interface GithubService{
@GET(“/users/{user}/repos)
List<Repo> listRepos(@Path(“user”) String user)
}

12. Retrofit
200 OK
{
"id": 34533286,
"name": "MaterialViewPager",
"full_name": "florent37/MaterialViewPager",
"owner": {
...
}
public interface GithubService{
@GET(“/users/{user}/repos)
List<Repo> listRepos(@Path(“user”) String user)
}

13. Retrofit
JSON -> List<Repo> repos
onSuccess(repos)
public interface GithubService{
@GET(“/users/{user}/repos)
List<Repo> listRepos(@Path(“user”) String user)
}

14. Picasso.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
Picasso

15. Picasso
GET http://i.imgur.com/DvpvklR.png
Picasso.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);

16. Picasso Picasso.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
200 OK
Image au format png :
01010101111100011101100110101010101
10101010100010101010111001101010101
01010101101011101110101010100001110
...

17. Picasso Picasso.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
PNG -> Bitmap
imageView.setDrawable(bitmap)

18. Impossible d’ouvrir des connexions HTTP
Échange de données en utilisant les Google Play Services
Transport de données via bluetooth
Android Wear

19. Image downloading and caching library for Android Wear
DaVinci

20. Image downloading and caching library for Android Wear
DaVinci.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
DaVinci

21. load http://i.imgur.com/DvpvklR.png
DaVinci.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
DaVinci

22. Picasso
http://i.imgur.com/DvpvklR.png
DaVinci.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
DaVinci
DaVinciDaemon

23. DaVinci.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
DaVinci
loaded http://i.imgur.com/DvpvklR.png
010101011111000111011001101010101011010101
010001010101011100110101010101010101101011
101110101010100001110...
DaVinciDaemon

24. DaVinci.with(context)
.load(“http://i.imgur.com/DvpvklR.png”)
.into(imageView);
DaVinci
binary -> Bitmap
imageView.setDrawable(bitmap)

25. DaVinci
Problème : les FragmentGridAdapter

26. DaVinci
//le drawable affichée en background pour la ligne [row]
@Override
public Drawable getBackgroundForRow(int row) {
return Bitmap;
}

27. DaVinci
//le drawable affichée en background pour la ligne [row]
@Override
public Drawable getBackgroundForRow(int row) {
return DaVinci.with(context).load(URL).into(this, row);
}
Quel Problème ??

28. DaVinci
//le drawable affichée en background pour la cellule [row,column]
@Override
public Drawable getBackgroundForRow(int row, int column) {
return DaVinci.with(context).load(URL).into(this, row, column);
}
Quel Problème ???

29. Protocol based data-transfer for Android Wear
Emmet

30. Protocol based data-transfer for Android Wear
public interface SmartphoneProtocol{
void pleaseSendMeRepos();
}
public interface WearProtocol{
void sendListRepos(String user, List<Repo> repos);
}
Emmet

31. SmartphoneProtocol
WearProtocol
public interface SmartphoneProtocol{
void pleaseSendMeRepos();
}
public interface WearProtocol{
void sendListRepos(String user, List<Repo>
repos);
}
Emmet

32. WearModule :
SmartphoneProtocol sender = Emmet.createSender(SmartphoneProtocol.class);
sender.pleaseSendMeRepos();
SmartphoneModule :
Emmet.registerReceiver(new SmartphoneProtocol(){
void pleaseSendMeRepos(){
//Just do it
}
}
Emmet

33. SmartphoneModule :
WearProtocol sender = Emmet.createSender(WearProtocol.class);
sender.sendListRepos(“florent37”,repos);
WearModule :
Emmet.registerReceiver(new WearProtocol(){
void sendListRepos(String user, List<Repo> repos){
//display the repos
}
}
Emmet

34. Emmet
SmartphoneProtocol
pleaseSendMeRepos()
SmartphoneProtocol sender = Emmet.
createSender(SmartphoneProtocol.class);
sender.pleaseSendMeRepos();

35. SmartphoneProtocol
pleaseSendMeRepos()
Emmet.registerReceiver(new SmartphoneProtocol(){
void pleaseSendMeRepos(){
//Just do it
}
}
Emmet

36. SmartphoneProtocol
sendListRepos(String user, List<Repo> repos)
WearProtocol sender = Emmet.createSender(WearProtocol.class);
List<Repo> repos = service.listRepos(“florent37”);
sender.sendListRepos(“florent37”,repos);
Emmet

37. SmartphoneProtocol
sendListRepos(String user, List<Repo> repos)
Emmet.registerReceiver(new WearProtocol(){
void sendListRepos(String user, List<Repo> repos){
//display the repos
}
}
Emmet

38. Exemple
github.com/florent37/MeetupWear_EmmetDavinci