-
Notifications
You must be signed in to change notification settings - Fork 0
/
assignment-3-report.tex
190 lines (125 loc) · 5.79 KB
/
assignment-3-report.tex
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
\documentclass[11pt,twoside,a4paper]{report}
\usepackage{appendix}
\usepackage{geometry}
\usepackage{graphicx}
\usepackage{pdfpages}
% set the default, standard, geometry
\geometry{left=25mm, right=25mm, top=25mm, bottom=25mm}
\setlength{\parskip}{\baselineskip}
\clubpenalty10000
\hyphenpenalty10000
\widowpenalty10000
\begin{document}
\title{ID2216 Developing Mobile Applications\\Assignment 3 Report}
\author{Rafael Aldana ([email protected])\\Vincent Delitz ([email protected])\\Ruth Eriksson ([email protected])}
\date{\today}
\maketitle
%\newcommand{\webOrNative}{Web~}
%\begin{abstract}
%During the course, we have worked in team to propose, build, and document a mobile app. We have developed a functional \webOrNative application that addresses an interesting and relevant area we have identified. This report describes step-by-step how we designed the mobile application.
%\end{abstract}
\tableofcontents
\thispagestyle{empty}
%\listoffigures
%\listoftables
\renewcommand{\chaptername}{Assignment}
\setcounter{chapter}{1}
\chapter{WebApp Prototype}
\setcounter{page}{1}
\section{WebApp prototype feedback}
After finalizing the WebApp prototype, we showed it to friends in order to gather their feedback. Some of the major feedback points we discovered are listed below:
\begin{itemize}
\item In search-overview menu, if I like an offer, should not I be able to click it?
\item Put the calendar widget at the choice for the dates in offer
\item Offer in home and new offer in top menu point to different outcomes, is it what we want?
\item Why overview search returns the query and specify search requires the login?
\item In specify search the top menu is not present, in the other choices it is.
\item If you log out, you should return to home.
\item Is not the top menu too much wide for a smartphone? Should not it be better a couple of big buttons to go home or back?
\end{itemize}
We will tackle this feedback in Assignment \ref{assignment:android-prototype}.
\chapter{Android prototype}
\label{assignment:android-prototype}
\section{Android prototype overview}
Based on our WebApp prototype and its feedback we started to develop an Android prototype using Android Studio. The structure remained basically the same as in the WebApp prototype, and we tried to use Google's Material Design language in order to let the user work with our app from the very beginning comfortably.
To keep an overview of all the changes we used GitHub, as already done for the WebApp prototype, but this time with Android integrated functionality ``VCS''.
To increase the development efficiency, we assigned each team member a certain page of the prototype that he/she had to develop, and later we cared about the transition and connection between them.
\section{Developing tools}
We chose to use Android Studio for several reasons:
\begin{itemize}
\item It is built purposely for Android, while for example Eclipse was built to all-purpose IDE that can be used with any language and platform.
\item It has a really nice interface design perspective where one can view the interface one is are working on and its related components.
\item Compared to Eclipse it is a much smaller IDE, therefore it uses less RAM space and lower CPU speed, so we get a very stable performance with no crashing and unresponsiveness.
\end{itemize}
\section{Feedback}
After finalizing the mobile prototype, we showed it to some users in order to gather their feedback. Some of the major feedback points that were observed and received are listed below:
\begin{itemize}
\item Could the text on the buttons be larger, maybe in bold?
\item The buttons almost dissapear in bright light, mark them with a sharper colour.
\item Search/offer buttons look similar to overview/specify search buttons which is a bit confusing.
\item Good with the calendar so one does not have to type any date in.
\item A home button on all screens would be convenient.
\end{itemize}
\section{Outlook}
After developing the prototype and analyzing the feedback we obtained, we came up with the following outlook:
\begin{itemize}
\item We plan to improve and implement the map information, so it is easier for users to find a card close to their preferred location.
\item The logo for the app should be seen on all screens.
\item Home or back button on the top menu should be implemented.
\item We also need to decide on back-end tools for the database.
\end{itemize}
\begin{appendices}
\chapter{Figures}
\label{appendix}
\thispagestyle{empty}
\newpage
\begin{figure}
\centering
\includegraphics[width=0.4\textwidth]{jpg/android-start.jpg}
\caption{Start view}
\label{figure:start-view}
\end{figure}
\begin{figure}
\centering
\includegraphics[width=0.4\textwidth]{jpg/android-navigation-drawer.jpg}
\caption{Navigation drawer in start view}
\label{figure:navigation-drawer-in-start-view}
\end{figure}
\begin{figure}
\centering
\includegraphics[width=0.4\textwidth]{png/android-login.png}
\caption{Login view}
\label{figure:navigation-drawer-in-start-view}
\end{figure}
\begin{figure}
\centering
\includegraphics[width=0.4\textwidth]{jpg/android-search.jpg}
\caption{Search view}
\label{figure:search-view}
\end{figure}
\begin{figure}
\centering
\includegraphics[width=0.4\textwidth]{jpg/android-specify-search.jpg}
\caption{Specify search view}
\label{figure:specify-search-view}
\end{figure}
\begin{figure}
\centering
\fcolorbox{black}{black}{\includegraphics[width=0.4\textwidth]{png/android-overview.png}}
\caption{Overview}
\label{figure:overview}
\end{figure}
\begin{figure}
\centering
\includegraphics[width=0.4\textwidth]{jpg/android-calendar.jpg}
\caption{Calendar view}
\label{figure:calendar-view}
\end{figure}
\begin{figure}
\centering
\includegraphics[width=0.4\textwidth]{jpg/android-offer.jpg}
\caption{Offer view}
\label{figure:offer-view}
\end{figure}
\end{appendices}
\end{document}