Smartwatch - jednak coś więcej niż dodatkowy ekran na notyfikacje?

SMARTWATCH - Jednak coś więcej
niż dodatkowy ekran
na notyfikacje?
by Tomek Czerw, Marcin Nycz

● Krakowski Software House
● Ruby on Rails, Android i iOS
● Specjalizujemy się w tworzeniu aplikacji webowych i mobilnych
● Współpracujemy z wieloma firmami i startupami z całego świata
O NAS:

2009 - założenie firmy
50 zrealizowanych projektów
40 pracowników
Wyróżnienia:
HISTORIA:
Top Web & Software Developers
in Poland 2015
Top Tens Ruby on Rails
Development Companies

WYŻSZA JAKOŚĆ OBSŁUGI KLIENTA
Punkty mobilne
i catering
Jeden program pozwala niezawodnie zarządzać
całym biznesem. Dane przechowywane są w
chmurze, co umożliwia dostęp do nich z
dowolnego komputera. Przejrzyste raporty
i statystyki aktualizowane są na bieżąco.

Innowacyjne oprogramowanie
mobilne
Menadżer oraz kelner są w stanie kontrolować cały proces
sprzedaży, krok po kroku - wykorzystując przejrzyste wykresy
oraz raporty dostępne w czasie rzeczywistym.
Dostęp do aktualnych danych
POSbistro umożliwia przyjmowanie zamówień bezpośrednio od
klienta przy stoliku. Wraz z pierwszym kliknięciem kuchnia jest
informowana jaki roszaj potrawy musi zostać przygotowany.
Gdy zamówienie jest gotowe kelner otrzymuje informację na
swoim zegarku
Mobilność sprzedaży
POSbistro jest mobilnym systemem dla restauracji oraz cateringu.
Współpracuje ze wszystkimi urządzeniami Samsung - tabletami,
telewizorami oraz zegarkami. Jest wykorzystywane przez setki
restauracji w Polsce i Europie

Kelner przyjmuje zamówienie
za pomocą tabletu
Wydanie potrawy
Informacje są
przechowywane
w chmurze
Właściciel ma pełną
kontrolę nad sytuacją
w lokalach
Zamówienie pojawia się
w kuchni na ekranie SMART TV
Potrawa jest gotowa
do wydania
Kelner jest informowany za pośrednictwem
POSpager na zegarku Samsung Gear
Szybkie i wydajne zarządzanie zamówieniami
w restauracji

● Aplikacja Kuchnia - Android telefon/tablet
● Aplikacja Kelner - Tizen smartwatch
● Komunikacja z działającym REST API
ZAŁOŻENIA:

KOMUNIKACJA:
Pusher client Pusher client
API
Pusher trigger
Pusher.com

● Tablet/telefon tworzy kuchnię
● Kuchni maksymalnie może być 20
● Kelner łączy się z API i pobiera listę kuchni
● Śledzenie wydanych posiłków
ZAŁOŻENIA FUNKCJONALNE:

POTRZEBNE ELEMENTY:
● https://pusher.com/

● Endpointy udostępnione przez wcześniej
przygotowane API
POTRZEBNE ELEMENTY:

POTRZEBNE ELEMENTY:
● Endpointy udostępnione przez wcześniej
przygotowane API
● kawa :)

KUCHNIA
- aplikacja na Androida

WYKORZYSTYWANE BIBLIOTEKI:
● Pusher
● RecyclerView
● Retrofit
● Gson

DZIAŁANIE APLIKACJI KUCHNIA:
● Stwórz kuchnię i zarejestruj kuchnię
● Wyświetl menu kuchni
● Wydawaj potrawy
● Czekaj na informację od kelnerów

public class Kitchen {
private UUID id;
private String name;
private List<MenuItem> queue = new ArrayList<>();
private List<MenuItem> menu = new ArrayList<>();
public Kitchen(UUID id, String name, List<MenuItem> queue) {
this.id = id;
this.name = name;
this.queue = queue;
}
/** gettery i settery */
}
PODSTAWOWE OBIEKTY:

public class MenuItem {
private UUID id;
private boolean selected;
private Date takeDate;
public MenuItem(UUID id, String name, boolean selection) {
this.id = id;
this.name = name;
this.selected = selection;
this.takeDate = null;
}
}
PODSTAWOWE OBIEKTY:

public class Waiter {
private String id;
public Waiter(String id, String name) {
this.id = id;
this.name = name;
}
}
PODSTAWOWE OBIEKTY:

HOST: https://kuchnia-api-railwaymen.herokuapp.com/api/
// CREATE LOCATION AND GET PUSHER CHANNEL
POST host/kitchens
Body:
{
name : "name",
deviceId : "deviceId"
}
// DELETE KITCHEN
DELETE host/kitchens/{kitchen_id}
// COMPLETE MEAL
POST host/kitchens/{kitchen_id}/menu_items/{menu_item_id}
Body:
{
id : "uuid",
name : "name",
date : "date"
}
ENDPOINTY KUCHNI:

// CREATE LOCATION AND GET PUSHER CHANNEL
@POST("kitchens")
Call<Kitchen> register(@Body Map<String, Object> map);
// DELETE KITCHEN
@DELETE("kitchens/{kitchen_id}")
Call<Void> removeKitchen(@Path("kitchen_id") UUID kitchenId);
// COMPLETE MEAL
@POST("kitchens/{kitchen_id}/menu_items/{menu_item_id}")
Call<Void> completeMeal(@Path("kitchen_id") UUID kitchenId,
@Path("menu_item_id") UUID menuItemId, @Body Map<String, Object> map);
KOMUNIKACJA REST API - RETROFIT:

public static Endpoints buildRetrofit() {
OkHttpClient okHttpClient = new OkHttpClient.Builder()
.addInterceptor(new HttpLoggingInterceptor()
.setLevel(HttpLoggingInterceptor.Level.BODY)).build();
Retrofit retrofit = new Retrofit.Builder()
.baseUrl(Constants.API_URL).client(okHttpClient)
.addConverterFactory(GsonConverterFactory.create()).build();
return retrofit.create(Endpoints.class);
}
KOMUNIKACJA REST API - RETROFIT:

try {
Map<String, Object> map = new HashMap<>();
map.put(Constants.Keys.NAME, name);
map.put(Constants.Keys.DEVICE_ID, Utils.getDeviceId(this));
Call<Kitchen> call = getEndpoints().register(map);
call.enqueue(callback);
} catch (Exception e) {
Log.d(MainActivity.class.getSimpleName(), e.toString());
}
/** ....
private Callback<Kitchen> callback = new Callback<Kitchen>() {
@Override
public void onResponse(Call<Kitchen> call, Response<Kitchen> response) {
if (response != null) {
case 200:
kitchen = response.body();
if (kitchen != null) {
buildMenu();
syncPusher = new SyncPusher(MainActivity.this, kitchen.getId().toString());}
}
}
@Override
public void onFailure(Call<Kitchen> call, Throwable t) {
}
};
KOMUNIKACJA - POBIERANIE MENU KUCHNI:

recyclerView.setVisibility(View.VISIBLE);
recyclerView.setHasFixedSize(true);
recyclerView.addItemDecoration(new SpaceItemDecorator(10));
layoutManager = new GridLayoutManager(this, 2);
recyclerView.setLayoutManager(layoutManager);
adapter = new MenuRecyclerAdapter(this);
recyclerView.setAdapter(adapter);
WYŚWIETLANIE MENU:

@Override
public MenuHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(hostActivity).inflate(R.layout.recycler_menu_item,
parent, false);
MenuHolder holder = new MenuHolder(view);
view.setOnClickListener(new OnMenuClickListener(holder, hostActivity));
return holder;
}
@Override
public int getItemCount() {
return hostActivity.getKitchen().getMenu().size();
}
public class MenuHolder extends RecyclerView.ViewHolder {
@Bind(R.id.text)
TextView text;
@Bind(R.id.date)
TextView dateText;
@Bind(R.id.card_view)
CardView cardView;
public MenuHolder(View itemView) {
super(itemView);
ButterKnife.bind(this, itemView);
}
}
WYŚWIETLANIE MENU - ADAPTER:

private static final DateFormat SIMPLE_DATE_FORMAT = new SimpleDateFormat("HH:mm");
@Override
public void onBindViewHolder(MenuHolder holder, int position) {
MenuItem menuElement = hostActivity.getKitchen().getMenu().get(position);
holder.text.setText(menuElement.getName());
if (menuElement.isSelected()) {
holder.text.setTextColor(hostActivity.getResources().getColor(android.R.color.white));
holder.cardView
.setBackgroundColor(hostActivity.getResources().getColor(R.color.colorPrimary));
if (menuElement.getTakeDate() != null) {
holder.dateText.setText(SIMPLE_DATE_FORMAT.format(menuElement.getTakeDate()));
holder.dateText.setVisibility(View.VISIBLE);
}
} else {
holder.text.setTextColor(hostActivity.getResources().getColor(R.color.colorPrimary));
holder.cardView.setBackgroundColor(
hostActivity.getResources().getColor(android.R.color.white));
holder.dateText.setVisibility(View.GONE);
}
}
WYŚWIETLANIE MENU - ADAPTER:

Wydanie przedmiotu
z kuchni
KLASY:

@Override
public void onClick(View view) {
if (Utils.isDeviceConnected(hostActivity)) {
int position = holder.getAdapterPosition();
MenuItem menuElement = hostActivity.getKitchen().getMenu().get(position);
Date date = new Date();
menuElement.setSelected(true);
menuElement.setTakeDate(date);
hostActivity.getAdapter().notifyItemChanged(position);
Map<String, Object> map = new HashMap<>();
map.put(Constants.Keys.ID, menuElement.getId());
map.put(Constants.Keys.NAME, menuElement.getName());
map.put(Constants.Keys.DATE, date);
Call<Void> call = hostActivity.getEndpoints()
.completeMeal(hostActivity.getKitchen().getId(), menuElement.getId(), map);
call.enqueue(callback);
}
}
private Callback<Void> callback = new Callback<Void>() {
@Override
public void onResponse(Call<Void> call, Response<Void> response) {
}
@Override
public void onFailure(Call<Void> call, Throwable t) {
}
};
WYDANIE PRZEDMIOTU Z KUCHNI:

private void connectPusher() {
pusher = new Pusher(Constants.Pusher.APP_KEY, new PusherOptions().setCluster("eu"));
pusher.connect(connectionEventListener, ConnectionState.ALL);
subscribeChannel(channelName);
}
private void subscribeChannel(String channelName) {
channel = pusher.subscribe(channelName);
for (String eventName : Constants.WISHLIST_EVENT_LIST) {
channel.bind(eventName, subscriptionEventListener);
}
}
private ConnectionEventListener connectionEventListener = new ConnectionEventListener() {
@Override
public void onConnectionStateChange(ConnectionStateChange change) {
Log.e(SyncPusher.class.getSimpleName(), change.getCurrentState().toString());
}
@Override
public void onError(String message, String code, Exception e) {
Log.e(SyncPusher.class.getSimpleName(), message);
}
};
KOMUNIKACJA PUSHER:

private SubscriptionEventListener subscriptionEventListener = new
SubscriptionEventListener() {
@Override
public void onEvent(final String channelName, final String eventName, final String data)
{
Runnable eventRunnable = new Runnable() {
@Override
public void run() {
AbstractEvent event = EventFactory.getEvent(eventName, data, mainActivity);
if (event != null) {
event.handleEvent();
}
}
};
mainActivity.getExecutor().submit(eventRunnable);
}
};
PUSHER:

public class EventFactory {
private EventFactory() {
};
public static AbstractEvent getEvent(String eventName, String data, MainActivity
mainActivity) {
if (eventName.equals(Constants.Event.CONNECTED)) {
return new ConnectedEvent(data, mainActivity);
} else if (eventName.equals(Constants.Event.DISCONNECTED)) {
return new DisconnectedEvent(data, mainActivity);
} else if (eventName.equals(Constants.Event.TAKED)) {
return new TakedEvent(data, mainActivity);
}
return null;
}
}
UPROSZCZONA FABRYKA EVENTÓW:

public abstract class AbstractEvent {
protected MainActivity mainActivity;
public AbstractEvent(String data, MainActivity mainActivity) {
this.mainActivity = mainActivity;
parseData(data);
}
public abstract void handleEvent();
abstract void parseData(String data);
}
PUSHER - EVENTY:

public class TakedEvent extends AbstractEvent {
private MenuItem menuItem;
private Waiter waiter;
@Override
public void handleEvent() {
if (menuItem.getId() != null) {
int position = Utils.findMenuItemPosition(mainActivity.getKitchen().getMenu(),
menuItem.getId());
MenuItem menuItem = mainActivity.getKitchen().getMenu().get(position);
menuItem.setSelected(false);
menuItem.setTakeDate(null);
mainActivity.getAdapter().notifyItemChanged(position);
}}
@Override
protected void parseData(String data) {
JSONObject jsonObject = null;
try {
jsonObject = new JSONObject(data);
menuItem = mainActivity.gson.fromJson(
jsonObject.get(Constants.Keys.MENU_ITEM).toString(), MenuItem.class);
waiter = mainActivity.gson
.fromJson(jsonObject.get(Constants.Keys.WAITER).toString(), Waiter.class);
} catch (JSONException e) {
Log.e(TakedEvent.class.getSimpleName(), e.toString());
}}
}
PUSHER - ODEBRANIE POTRAWY:

public class ConnectedEvent extends AbstractEvent {
public ConnectedEvent(String data, MainActivity mainActivity) {
super(data, mainActivity);
}
@Override
mainActivity.showSnackbar(waiter == null ? "Kelner"
: waiter.getName() +" " +mainActivity.getString(R.string.
waiter_connected));
}
@Override
if (data != null) {
waiter = MainActivity.gson.fromJson(data, Waiter.class);
}
}
}
PUSHER - DOŁĄCZENIE KELNERA:

public class DisconnectedEvent extends AbstractEvent {
public DisconnectedEvent(String data, MainActivity mainActivity) {
super(data, mainActivity);
}
@Override
mainActivity.showSnackbar(waiter == null ? "Kelner"
: waiter.getName() + " " + mainActivity.getString(R.string.
waiter_disconnected));
}
@Override
if (data != null) {
waiter = MainActivity.gson.fromJson(data, Waiter.class);
}
}
}
PUSHER - ROZŁĄCZENIE KELNERA:

KELNER - aplikacja na
zegarek z systemem Tizen

WYKORZYSTYWANE BIBLIOTEKI:
● Underscore
● jQuery
● Chance
● Pusher
● TAU

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.
org/ns/widgets" id="http://railwaymen.org/Kelner" version="1.0.0" viewmodes="
maximized">
<access origin="*" subdomains="true"></access>
<tizen:application id="JRp9qBI8KW.Kelner" package="JRp9qBI8KW"
required_version="2.2"/>
<content src="index.html"/>
<feature name="http://tizen.org/feature/screen.size.all"/>
<feature name="http://tizen.org/api/tizen" required="true"/>
<feature name="http://tizen.org/feature/download"/>
<feature name="http://tizen.org/feature/network.internet"/>
<feature name="http://tizen.org/feature/screen.size.all"/>
<icon src="icon.png"/>
<name>Kelner</name>
<tizen:privilege name="http://tizen.org/privilege/application.launch"/>
<tizen:privilege name="http://tizen.org/privilege/download"/>
<tizen:privilege name="http://tizen.org/privilege/power"/>
<tizen:privilege name="http://tizen.org/privilege/push"/>
<tizen:privilege name="http://tizen.org/privilege/internet"/>
<tizen:profile name="wearable"/>
</widget>
config.xml:

DZIAŁANIE APLIKACJI KELNER:
● Odśwież kuchnie
● Lista kuchni
● Pobierz wydane potrawy
● Zgłoś gotowość odebrania potrawy
● Odbierz potrawę

<div id="no_kitchens" class="ui-page">
<div class="ui-content">
<div class="center-block">
<span id="no-kitchens" class="center-text">Odśwież kuchnie.</span>
</div>
</div>
</div>
<div id="kitchens" class="ui-page">
<header class="ui-header ui-has-more">
<h2 class="ui-title">Kuchnie</h2>
</header>
<div class="ui-content" id="mainPage">
<ul id="kitchenList" data-role="listview" class="ui-listview"></ul>
</div>
</div>
<div id="menu_items" class="ui-page">
<header class="ui-header">
<h2 class="ui-title waiter_name">Stefan</h2>
</header>
<div class="ui-content" id="mainPage" data-add-back-btn="true">
<ul id="menuItemsList" class="ui-listview"></ul>
</div>
</div>

WIDOK - WIDOCZNE EKRANY:

HOST: https://kuchnia-api-railwaymen.herokuapp.com/api/
// GET KITCHENS
GET host/kitchens
// GET MENU ITEMS
POST host/kitchens/{kitchen_id}/menu_items
Body:
{
id : "deviceId",
name : "deviceName"
}
// LOGOUT WAITER
DELETE host/kitchens/{kitchen_id}/waiters/{waiter_id}
// TAKE MENU ITEM
DELETE host/kitchens/{kitchen_id}/menu_items/{menu_item_id}
Body:
{
id : "deviceId",
name : "deviceName"
}
ENDPOINTY ZEGARKA:

Wyświetlanie elementów
i interakcja z nimi
MAIN.JS:

var kitchenClickListener = function(e) {
var kitchenId = $(e.currentTarget).data("id");
var deviceId = tizen.systeminfo.getCapabilities().duid
if (deviceId) {
window.waiter = {
id : deviceId,
name : chance.name()
}
} else {
window.waiter = {
id : uuid(),
name : chance.name()
}
}
getMenuItems(kitchenId, JSON.stringify(window.waiter))
}
LOGOWANIE SIĘ DO WYBRANEJ KUCHNI:

var menuItemClickListener = function(e) {
var menuItemId = $(e.currentTarget).data("id");
var menuItem = _.findWhere(window.currentKitchen.queue, {
id : menuItemId
});
takeMenuItem(menuItem, JSON.stringify(window.waiter))
}
ODBIERANIE POTRAWY:

syncPusher.js:
Komunikacja Pusher

var startServices = function(kitchenId) {
window.pusher = new Pusher('be378fc6b685348ae04c', {
cluster : 'eu',
encrypted : true
});
window.channel = window.pusher.subscribe(kitchenId);
}
KOMUNIKACJA PUSHER:

Pusher - eventy
KOMUNIKACJA PUSHER:

Na zjeździe 11
30-527 Krakow, Poland
tel: +48 12 391 60 76
Silicon Valley
Acceleration Center.
180 Sansome Street
San Francisco, CA 94104
tel: 1-415-449-4791
info@railwaymen.org
www.railwaymen.org
@Railwaymen_org
railwaymen.software.development
/company/railwaymen

Smartwatch - jednak coś więcej niż dodatkowy ekran na notyfikacje?

Recommended

Recommended

More Related Content

Featured

Featured (20)

Smartwatch - jednak coś więcej niż dodatkowy ekran na notyfikacje?