EAS PPB

Nama : Sastiara Maulikh

NRP : 5025201257

Kelas : PPB F

Soal

1. Buatlah pertanyaan/ problem yang akan diselesaikan 

2. Buat spesifikasi dan deskripsi aplikasi yang mampu dibuat 

3. Rancang design UI yang akan diimplementasikan 

4. Implementasikan rancangan 

5. Buat presentasi dan Demo implementasi upload di youtube , dan isi lembar monitoring 

 Jawab 

 1. Problem yang akan diselesaikan :

        a. pilihan login yang hanya menggunakan gmail, biasanya member starbucks selain menggunakan                gmail juga menggunakan nomer telepon

        b. pada menu detail minuman yang dibeli, tidak ada pilihan sugar, ice/hot, serta notes yang ingin                     ditambahkan

    c. pada menu order perlu diperlengkap lagi

2. deskripsi aplikasi : 

    merupakan aplikasi pemesanan Starbucks yang dapat menggunakan nomer / gmail member untuk login, serta menggunakan fitur lengkap dalam detail pemesanan.

3. implementasi UI

4. kode implementasi rancangan

    layout_login

	<?xml version="1.0" encoding="utf-8"?>
	<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:padding="16dp"
	android:background="@drawable/aplication_background">
	<ImageView
	android:id="@+id/logoImageView"
	android:layout_width="137dp"
	android:layout_height="256dp"
	android:layout_marginLeft="250dp"
	android:layout_marginTop="50dp"
	android:src="@drawable/starbucks_logo" />
	<TextView
	android:id="@+id/memberQuestionTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_below="@id/welcomeBackTextView"
	android:layout_marginTop="5dp"
	android:text="are you Starbucks member?"
	android:textColor="@android:color/black"
	android:textSize="20sp" />
	<TextView
	android:id="@+id/welcomeBackTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_below="@id/logoImageView"
	android:layout_marginTop="-270dp"
	android:text="Welcome back!"
	android:textColor="@android:color/holo_green_dark"
	android:textSize="40sp"
	android:textStyle="bold" />
	<ImageView
	android:id="@+id/StarbucksImageView"
	android:layout_width="158dp"
	android:layout_height="92dp"
	android:layout_marginLeft="110dp"
	android:layout_marginTop="250dp"
	android:src="@drawable/starbucks_green" />
	<EditText
	android:id="@+id/emailPhoneEditText"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_below="@id/memberQuestionTextView"
	android:layout_marginTop="241dp"
	android:background="@drawable/edit_text_background"
	android:hint="Email or phonenumber"
	android:inputType="textEmailAddress"
	android:padding="12dp" />
	<EditText
	android:id="@+id/passwordEditText"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_below="@id/emailPhoneEditText"
	android:layout_marginTop="17dp"
	android:background="@drawable/edit_text_background"
	android:hint="Password"
	android:inputType="textPassword"
	android:padding="12dp" />
	<TextView
	android:id="@+id/forgotPasswordTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_below="@id/passwordEditText"
	android:layout_alignParentEnd="true"
	android:layout_marginTop="12dp"
	android:layout_marginEnd="17dp"
	android:text="Forgot your password?"
	android:textColor="@android:color/holo_blue_dark" />
	<TextView
	android:id="@+id/signUpTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_below="@id/loginButton"
	android:layout_marginTop="16dp"
	android:text="didn’t have account yet?"
	android:textColor="@android:color/holo_blue_dark" />
	<Button
	android:id="@+id/loginButton"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_below="@id/forgotPasswordTextView"
	android:layout_marginTop="18dp"
	android:background="@drawable/starbucks_greenbutton"
	android:text="Login"
	android:textColor="@android:color/white" />
	</RelativeLayout>

view raw gistfile1.txt hosted with ❤ by GitHub

Layout Sign Up

	<?xml version="1.0" encoding="utf-8"?>
	<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:padding="16dp"
	android:background="@drawable/aplication_background">
	<ImageView
	android:id="@+id/logoImageView"
	android:layout_width="137dp"
	android:layout_height="256dp"
	android:layout_marginLeft="250dp"
	android:layout_marginTop="60dp"
	android:src="@drawable/botolputih" />
	<TextView
	android:id="@+id/memberQuestionTextView"
	android:layout_width="324dp"
	android:layout_height="wrap_content"
	android:layout_below="@id/welcomeBackTextView"
	android:layout_alignParentEnd="true"
	android:layout_marginTop="6dp"
	android:layout_marginEnd="86dp"
	android:text="to create your account,please enter your data below"
	android:textColor="@android:color/black"
	android:textSize="20sp" />
	<TextView
	android:id="@+id/welcomeBackTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_below="@id/logoImageView"
	android:layout_marginTop="-302dp"
	android:text="Nice to Meet You!"
	android:textColor="@android:color/holo_green_dark"
	android:textSize="40sp"
	android:textStyle="bold" />
	<ImageView
	android:id="@+id/StarbucksImageView"
	android:layout_width="158dp"
	android:layout_height="92dp"
	android:layout_marginLeft="110dp"
	android:layout_marginTop="250dp"
	android:src="@drawable/starbucks_green" />
	<EditText
	android:id="@+id/emailPhoneEditText"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_below="@id/memberQuestionTextView"
	android:layout_marginTop="241dp"
	android:background="@drawable/edit_text_background"
	android:hint="Email or phonenumber"
	android:inputType="textEmailAddress"
	android:padding="12dp" />
	<EditText
	android:id="@+id/passwordEditText"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_below="@id/emailPhoneEditText"
	android:layout_marginTop="17dp"
	android:background="@drawable/edit_text_background"
	android:hint="Password"
	android:inputType="textPassword"
	android:padding="12dp" />
	<TextView
	android:id="@+id/forgotPasswordTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_below="@id/passwordEditText"
	android:layout_alignParentEnd="true"
	android:layout_marginTop="12dp"
	android:layout_marginEnd="17dp"
	android:text=""
	android:textColor="@android:color/holo_blue_dark" />
	<TextView
	android:id="@+id/signUpTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_below="@id/loginButton"
	android:layout_marginTop="10dp"
	android:layout_marginLeft="100dp"
	android:text="i already have an account"
	android:textColor="@android:color/holo_blue_dark" />
	<Button
	android:id="@+id/loginButton"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_below="@id/forgotPasswordTextView"
	android:layout_marginTop="18dp"
	android:background="@drawable/starbucks_greenbutton"
	android:text="SignUp"
	android:textColor="@android:color/white" />
	</RelativeLayout>

view raw gistfile1.txt hosted with ❤ by GitHub

Layout Detail Menu

	<?xml version="1.0" encoding="utf-8"?>
	<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:padding="16dp"
	android:background="@drawable/aplication_background">
	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:orientation="vertical">
	<RelativeLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content">
	<ImageButton
	android:id="@+id/backButton"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_alignParentStart="true"
	android:background="?attr/selectableItemBackgroundBorderless"
	android:src="@drawable/ic_back" />
	<ImageView
	android:id="@+id/menuTextView"
	android:layout_width="match_parent"
	android:layout_height="91dp"
	android:background="@drawable/header"
	android:text="Menu"
	android:textColor="@android:color/black"
	android:textSize="20sp"
	android:textStyle="bold" />
	<ImageButton
	android:id="@+id/cartButton"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_alignParentEnd="true"
	android:background="?attr/selectableItemBackgroundBorderless"
	android:src="@drawable/ic_cart" />
	<ImageButton
	android:id="@+id/menuButton"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_toStartOf="@id/cartButton"
	android:background="?attr/selectableItemBackgroundBorderless"
	android:src="@drawable/ic_menu" />
	</RelativeLayout>
	<TextView
	android:id="@+id/itemTitleTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginTop="16dp"
	android:text="Iced Caffe Americano"
	android:textSize="24sp"
	android:textStyle="bold"
	android:textColor="@android:color/holo_green_dark" />
	<TextView
	android:id="@+id/itemDescriptionTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginTop="8dp"
	android:text="Espresso shots topped with cold water produce a light layer of crema, then served over ice. The result: a wonderfully rich cup with depth and nuance."
	android:textSize="16sp"
	android:textColor="@android:color/black" />
	<ImageView
	android:id="@+id/itemImageView"
	android:layout_width="match_parent"
	android:layout_height="103dp"
	android:layout_marginTop="16dp"
	android:scaleType="centerInside"
	android:src="@drawable/starbucks_logo" />
	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_marginTop="16dp"
	android:gravity="center"
	android:orientation="horizontal">
	<ImageButton
	android:id="@+id/sizeLargeButton"
	android:layout_width="196dp"
	android:layout_height="48dp"
	android:layout_weight="1"
	android:background="@drawable/numberinput"
	android:src="@drawable/ic_large" />
	<ImageButton
	android:id="@+id/sizeMediumButton"
	android:layout_width="48dp"
	android:layout_height="48dp"
	android:layout_marginEnd="16dp"
	android:layout_weight="1"
	android:background="@drawable/Tall"
	android:src="@drawable/ic_medium" />
	<ImageButton
	android:id="@+id/sizeSmallButton"
	android:layout_width="48dp"
	android:layout_height="48dp"
	android:layout_marginEnd="16dp"
	android:layout_weight="1"
	android:background="@drawable/Grande"
	android:src="@drawable/ic_small" />
	<ImageButton
	android:id="@+id/increaseQuantityButton"
	android:layout_width="48dp"
	android:layout_height="48dp"
	android:background="@drawable/Venti"
	/>
	</LinearLayout>
	<LinearLayout
	android:layout_width="172dp"
	android:layout_height="wrap_content"
	android:layout_marginTop="16dp"
	android:background="@drawable/kotak_abu_kecil"
	android:gravity="center"
	android:orientation="horizontal">
	<TextView
	android:id="@+id/temperatureTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginEnd="16dp"
	android:background="@drawable/kotak_putih"
	android:padding="8dp"
	android:text="Ice"
	android:textColor="@android:color/black"
	android:textSize="16sp" />
	<TextView
	android:id="@+id/temperatureTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginEnd="16dp"
	android:background="@drawable/kotak_putih"
	android:padding="8dp"
	android:text="Hot"
	android:textColor="@android:color/black"
	android:textSize="16sp" />
	</LinearLayout>
	<LinearLayout
	android:layout_width="242dp"
	android:layout_height="wrap_content"
	android:layout_marginTop="16dp"
	android:background="@drawable/kotak_abu_kecil"
	android:gravity="center"
	android:orientation="horizontal">
	<TextView
	android:id="@+id/sugarTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginEnd="16dp"
	android:background="@drawable/kotak_putih"
	android:padding="8dp"
	android:text="Less"
	android:textColor="@android:color/black"
	android:textSize="16sp" />
	<TextView
	android:id="@+id/sugarTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginEnd="16dp"
	android:background="@drawable/kotak_putih"
	android:padding="8dp"
	android:text="Normal"
	android:textColor="@android:color/black"
	android:textSize="16sp" />
	<TextView
	android:id="@+id/sugarTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:background="@drawable/kotak_putih"
	android:padding="8dp"
	android:text="Extra"
	android:textColor="@android:color/black"
	android:textSize="16sp" />
	</LinearLayout>
	<EditText
	android:id="@+id/notesEditText"
	android:layout_width="match_parent"
	android:layout_height="72dp"
	android:layout_marginTop="16dp"
	android:background="@drawable/edit_text_background"
	android:hint="Notes"
	android:padding="12dp"
	android:textColor="@android:color/black" />
	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_marginTop="16dp"
	android:background="@drawable/starbucks_greenbutton"
	android:gravity="center"
	android:orientation="horizontal">
	<Button
	android:id="@+id/orderButton"
	android:layout_width="1dp"
	android:layout_height="wrap_content"
	android:layout_weight="1"
	android:background=""
	android:padding="1dp"
	android:text="Order"
	android:textColor="@android:color/white" />
	<TextView
	android:id="@+id/priceTextView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginStart="16dp"
	android:text="Rp. 65,000.00"
	android:textColor="@android:color/white"
	android:textSize="16sp" />
	</LinearLayout>
	</LinearLayout>
	</ScrollView>

view raw gistfile1.txt hosted with ❤ by GitHub

Link Demo Video (click pada tulisan)