Zaawansowany marketing w aplikacjach mobilnych na przykładzie Vemma Office 3.0

Zaawansowany marketing
w aplikacjach mobilnych
na przykładzieVemma Ofﬁce 3.0

VEMMA OFFICE
iPhone & Android
Aplikacja do zarządzania
biznesem i binarną siecią
kontaktów

VEMMA OFFICE
iPhone & Android
kontaktów
- pierwszy na świecie mobilny Multi Level Marketing

VEMMA OFFICE
iPhone & Android
kontaktów
- pełen dostęp do wszystkich aktywności w sieci

VEMMA OFFICE
iPhone & Android
kontaktów
- pełen dostęp do wszystkich aktywności w sieci
- zaawansowany marketing to interakcja z dystrybutorami

WYZWANIA PO
RELEASIE 2.0
- rosnąca liczba użytkowników

WYZWANIA PO
RELEASIE 2.0
- zapotrzebowanie na mobilny
dostęp do większej ilości danych

WYZWANIA PO
RELEASIE 2.0
- optymalizacja kodu, komunikacji
z API oraz funkcjonalności
aplikacji

WYZWANIA PO
RELEASIE 2.0
aplikacji
- wsparcie dla nowych urządzeń i
nowych wersji mobilnych
systemów operacyjnych

WYZWANIA PO
RELEASIE 2.0
aplikacji
- wsparcie dla nowych urządzeń i
nowych wersji mobilnych
systemów operacyjnych
-Vemma 3.0 - odpowiedź na
wyzwania

Vemma 2.0
Klasyczna nawigacja i UI oparty na tab barach

Vemma 2.0
Konieczność refactoringu i ulepszenia kodu

Vemma 2.0
Brak miejsca na nowe funkcje

Vemma 3.0
Vemma 2.0

Zupełnie nowy layout i nawigacja
Vemma 3.0
Vemma 2.0

Vemma 3.0
Wsparcie iPhone 5
Vemma 2.0

Vemma 3.0
Wsparcie iPhone 5
Nowe funkcje
Vemma 2.0

Funkcjonalność
- obsługa bazy setek tys. kontaktów

Funkcjonalność
- liczne kanały komunikacji w aplikacji

Funkcjonalność
- telefon, sms, email

Funkcjonalność
- pełna interakcja: wiadomości hotlist

Funkcjonalność
- videozaproszenia

Funkcjonalność
- videozaproszenia
- push notiﬁcations jako
biznesowy feedback

Funkcjonalność
- videozaproszenia
biznesowy feedback
Design na miarę potrzeb

Funkcjonalność
- slide menu
- videozaproszenia
biznesowy feedback

Funkcjonalność
- slide menu
- videozaproszenia
biznesowy feedback
- metro tiles

Funkcjonalność
- slide menu
- videozaproszenia
biznesowy feedback
- metro tiles
- autorskie rozwiązania (browse)

Funkcjonalność
- slide menu
- videozaproszenia
biznesowy feedback
- metro tiles
- autorskie rozwiązania (browse)
- web views

Komunikacja aplikacji
na przykładzie funkcji
Events

YouTube
Events

European
users Server
YouTube
Events

USA users
Server
European
users Server
YouTube
Events

USA users
Server
European
users Server
YouTube
Events Maps

USA users
Server
European
users Server
YouTube
Events Maps
APNS
GCM

Skala ruchu
80.000+ aktywni userzy

Skala ruchu
130.000+ push notiﬁcations / mc

Skala ruchu
400.000+ wiadomości hotlist / mc

Skala ruchu
25.000 + API hits / h

Skala ruchu
100.000+ downloads
25.000 + API hits / h

Skala ruchu
100.000+ downloads
25.000 + API hits / h
25.000+ nowych klientów
zapisanych przez aplikację
(prospecting)

90.000+
uruchomień dziennie
0,002%
współczynnik crashy

90.000+
uruchomień dziennie
0,002%
współczynnik crashy
70%
crashe niewywołane
przez aplikację

Optymalizacja
developmentu i kodu

Dlaczego iOS 6?
Wsparcie od iPhone 3GS

Dlaczego iOS 6?
Nowe funkcje

Dlaczego iOS 6?
Szybka reakcja użytkowników
Nowe funkcje

Wykorzystane funkcje iOS 6
raywenderlich.com

Autolayout
raywenderlich.com

Autolayout
Mapkit
raywenderlich.com

Autolayout
Mapkit
Social framework
raywenderlich.com

Storyboards
Szybkie tworzenie
widoków i nawigacji

Storyboards
Szybkie tworzenie
Łatwe łączenie
widoków z kodem

Storyboards
Szybkie tworzenie
Łatwe łączenie
widoków z kodem
Możliwość tłumaczeń
(lokalizacja)

Rozbudowane Storyboardy
43 różne ekrany

43 różne ekrany
Problem współdzielenia

43 różne ekrany
Problem współdzielenia
Podzielone na
11 storyboardów

Autolayout
Brak autosizing mask

Autolayout
Proste reguły

Autolayout
Proste reguły
Precyzyjne wartości marginesów,
wymiarów itp

Autolayout
Proste reguły
Precyzyjne wartości marginesów,
wymiarów itp
Dobre wsparcie IB

Uniwersalna aplikacja
Dobre rozdzielenie
w Xcode

Dobre rozdzielenie
w Xcode
Wspólna część
komunikacji i danych

Dobre rozdzielenie
w Xcode
Wspólna część
Push notiﬁcations

Dobre rozdzielenie
w Xcode
Wspólna część
Wykorzystanie
niektórychVC
Push notiﬁcations

Ewolucja mechanizmów
komunikacji
Od samodzielnego
tworzenia zapytań do
JsonCallbacks

Ręczne tworzenie zapytań
Samodzielne budowanie zapytań

Parsowanie wyników prostym parserem
wbudowanym w Android

Podatność na błędy

Podatność na błędy
Niepotrzebny nakład pracy

Serializacja za pomocą
Gson
Serializacja obiektów żądań

Gson
Deserializacja odpowiedzi

Gson
Deserializacja odpowiedzi
Tworzenie klas reprezentujących parametry
żądania

JsonCallbacks
Komunikacja oparta na interfejsach i proxy

JsonCallbacks
Nacisk na podejście asynchroniczne

JsonCallbacks
Przejrzystość kodu

JsonCallbacks
Łatwość wprowadzania zmian

JsonCallbacks
Łatwość wprowadzania zmian
Niska podatność na błędy

Implementacja wzorca obserwator

Wyświetlenie prostych danych bez pisania kodu

Wyświetlenie prostych danych bez pisania kodu
Wsparcie dla aplikacji opartych na fragmentach

Łączenie zapytań
Automatyczne i manualne

Łączenie zapytań
Automatyczne i manualne
Czytelność kodu i zmniejszenie zużycia baterii

Cachowanie wyników
Określenie maksymalnej wielkości

Cachowanie wyników
Określenie maksymalnej wielkości
Kontrola czasu życia obiektów

Więcej możliwości
- Obsługa Base64 przy przesyłaniu obiektów binarnych
- Protokół HTTP(S) lub SPDY
- Zapytania z parametrami nazwanymi i nienazwanymi
- Optymalizacja wywołań na podstawie zebranych statystyk
- Obsługa standardu JSON-RPC 1.1 i 2.0 oraz metody GET
- Automatyczne dołączanie klucza uwierzytelniającego
- Kompatybilność z systemem Android w wersji 2.x+

Open source
Biblioteka JsonCallbacks jest już dostępna pod adresem:
github.com/kubatatami/JsonCallbacks

Mniej znaczy więcej
czyli
AndroidAnnotations

view.findViewById(R.id.view_id)
view.setOnClickListener(new View.OnClickListener())
context.getSystemService(Context.NOTIFICATION_SERVIC
onSaveInstanceState(Bundle) / onRestoreInstanceState(Bundle)
listView.setOnItemSelectedListener(AdapterView.OnItemSelectedListener)
new Thread(Runnable()).start() / Handler.post(Runnable)

// Set layout.
setContentView(R.layout.three_camp);
// Fullscreen
feature.getWindow().setFlags(WindowManager.LayoutPara
ms.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
// NoTitle feature.
getWindow().requestFeature(Window.FEATURE_NO_TITLE);

// Set layout.
setContentView(R.layout.three_camp);
// Fullscreen
feature.getWindow().setFlags(WindowManager.LayoutPara
ms.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
// NoTitle feature.
getWindow().requestFeature(Window.FEATURE_NO_TITLE);
@HierarchyViewerSupport // AA 3.0
@Fullscreen
@NoTitle
@EActivity(R.layout.three_camp)
public class TCActivity extends FragmentActivity {
...
}

// Dostęp do TextView.
TextView trzyCampTv = (TextView)
findViewById(R.id.tv_trzy_camp);

// Dostęp do TextView.
TextView trzyCampTv = (TextView)
findViewById(R.id.tv_trzy_camp);
@ViewById(R.id.tv_trzy_camp)
TextView trzyCampTv;

// Button onClick.
Button button = (Button)
findViewById(R.id.btn_trzy_camp);
button.setOnClickListener(new View.OnClickListener()
{
@Override
public void onClick(View view) {
// Handle on click.
}
});

// Button onClick.
Button button = (Button)
findViewById(R.id.btn_trzy_camp);
button.setOnClickListener(new View.OnClickListener()
{
@Override
public void onClick(View view) {
// Handle on click.
}
});
@Click(R.id.btn_trzy_camp)
protected void handleButtonClick(View clickedView) {
// Handle on click.
}

// OnTouch na image view.
ImageView imageView = (ImageView)
findViewById(R.id.imgv_trzy_camp);
imageView.setOnTouchListener(new
View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent
motionEvent) {
// Handle on touch.
return false;
}
});

// OnTouch na image view.
ImageView imageView = (ImageView)
findViewById(R.id.imgv_trzy_camp);
imageView.setOnTouchListener(new
View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent
motionEvent) {
// Handle on touch.
return false;
}
});
@Touch(R.id.imgv_trzy_camp)
protected boolean onViewTouch(MotionEvent motionEvent, View touchedView) {
// Handle on touch.
return true;
}

// Kliknięcie w item list view.
listView.setOnItemClickListener(new
AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?>
adapterView, View view, int i, long l) {
// Handle click.
}
});

// Kliknięcie w item list view.
listView.setOnItemClickListener(new
AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?>
// Handle click.
}
});
@ItemClick(R.id.lv_trzy_camp)
protected void handleListViewItemClick(int clickedPosition) {
// Handle click.
}

// Long click na itemie w list view.
listView.setOnItemLongClickListener(new
AdapterView.OnItemLongClickListener() {
@Override
public boolean onItemLongClick(AdapterView<?>
// Handle long click.
return false;
}
});

// Long click na itemie w list view.
listView.setOnItemLongClickListener(new
AdapterView.OnItemLongClickListener() {
@Override
public boolean onItemLongClick(AdapterView<?>
return false;
}
});
@ItemLongClick(R.id.lv_trzy_camp)
protected void handleListViewItemLongClick(int clickedPosition) {
}

/ Zaznaczenie itemu list view.
listView.setOnItemSelectedListener(new
AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?>
// Handle selected item.
}
@Override
public void onNothingSelected(AdapterView<?>
adapterView) {
// Other.
}

/ Zaznaczenie itemu list view.
listView.setOnItemSelectedListener(new
AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?>
}
@Override
public void onNothingSelected(AdapterView<?>
adapterView) {
// Other.
}
@ItemSelect(R.id.lv_trzy_camp)
protected void handleListViewItemSelect(boolean isSelect, int
selectedPosition) {
}

// Dostęp do obiektu application.
MyApplication applicationApp = (MyApplication)
getApplication();

// Dostęp do obiektu application.
MyApplication applicationApp = (MyApplication)
getApplication();
@App
MyApplication applicationApp;

runOnUiThread(new Runnable() {
@Override
public void run() {
// Kod do UI.
}
});

runOnUiThread(new Runnable() {
@Override
public void run() {
// Kod do UI.
}
});
@UiThread
protected void stuffInUiThread() {
// Kod do UI.
}

Bundle bundle = new Bundle();
bundle.putString("myString_key", "myString_value");
...
TrzyCampFragment fragment = new TrzyCampFragment();
fragment.setArguments(bundle);

Bundle bundle = new Bundle();
bundle.putString("myString_key", "myString_value");
...
TrzyCampFragment fragment = new TrzyCampFragment();
fragment.setArguments(bundle);
TrzyCampFragment_.builder().myString("myString_value").build();
@FragmentArg
String myString;

@Override
public void onSaveInstanceState(Bundle
savedInstanceState) {
super.onSaveInstanceState(savedInstanceState);
savedInstanceState.putBoolean("MyBoolean",
myBoolean);
...
}
@Override
public void onRestoreInstanceState(Bundle
super.onRestoreInstanceState(savedInstanceState);
myBoolean =
savedInstanceState.getBoolean("MyBoolean");
...

@Override
public void onSaveInstanceState(Bundle
super.onSaveInstanceState(savedInstanceState);
savedInstanceState.putBoolean("MyBoolean",
myBoolean);
...
}
@Override
public void onRestoreInstanceState(Bundle
super.onRestoreInstanceState(savedInstanceState);
myBoolean =
savedInstanceState.getBoolean("MyBoolean");
...
@InstanceState
boolean myBoolean;

http://www.coolfbcovers.net
http://androidannotations.org/

Zaawansowany marketing w aplikacjach mobilnych na przykładzie Vemma Office 3.0

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (15)

Ähnlich wie Zaawansowany marketing w aplikacjach mobilnych na przykładzie Vemma Office 3.0

Ähnlich wie Zaawansowany marketing w aplikacjach mobilnych na przykładzie Vemma Office 3.0 (20)

Mehr von 3camp

Mehr von 3camp (20)

Zaawansowany marketing w aplikacjach mobilnych na przykładzie Vemma Office 3.0