Prototype released

Our project prototype for Android 2.2+ has been released!

With the diminishing size of our team, we lost dedicated designers and person responsible for HTML UI, as a result we were unable to finish all the features we were hoping to get into the prototype, as we had to reorganize near the end of the project. Features missing from initial mockup are the map and quick-search functions.

We were also unable to cooperate with authorities from Estonian Football Association and as a result the prototype does not run on any actual live database, as we initially planned. Prototype runs on our own test-mockup database.

Features we worked on that are included in this prototype:

  • Application icon
  • WebView based Android application with UI built following older generation Android UI design files
  • Web service that the application communicates with
  • Teams list
  • Team roster list
  • League players list
  • Current standings list
  • Games list
  • Reading data from a simple file-system based database

Requirements for the prototype:

  • Android version 2.2 and above enabled device
  • Internet connection on Android device
  • To install, you need to allow non-Android-Market applications to be installed on the device since the application is not available from the Android Market

Download:
http://uploads.waher.net/EWF.apk

Seminar Questions – Answers

What is interaction design, what is it good for and what are its stages?
To design interactive products, defining the structure and behaivor of interactive systems, focusing on satisfying the needs of users
STAGES:
research – design – develepment – production
ACTIVITIES:
Application concept – conspet map
Drawn sketches – paper and pensil
Mockups – PSD
intractive prototypes – HTML, CSS

Describe the evolution of smart phones and tablets.
MOBILE (multi touch based interaction, always on, always connected):
2007 – iPHONE
2008 – Blackberry, ANDROID HTC
2009 – Motorola
2010 – lots of smartphones: Samsung, HTC Windows 7, Motorola, PALM Pre, myTOUCH 3G, Blackberry, Nokia 8, Google Nexus.
TABLETS:
Before iPAD – kaasas kantavad arvutid, kus sai pulgaga ekraanil toimetada.
iPAD
after iPAD – Samsung,

What considerations need to be taken into account when designing for mobile devices (eg. native or web application)?
NATIVE:
provide a richer experience
integrate with various operating systems features
need to be approoved in the App Store
WEB:
cant be used on a multitude of platforms
dont need to be approved in the App Store
functionality is limited, beacuse they only work in the browser

What are concept maps and how can they be used in the design process?
Consept map tells what your app is doing, who are your target audience, how people use your app, how much app cost.
A diagram showing relatsioship between consepts, represents relatsionships between ideas, makes it easier to communicate ideas in teams, surfeces strenghts and weaknesses of ideas.

What are the unique features of the iOS platform and what are the Human Interface Guidelines?
Pixels (android, iPAD, iPHONE etc), display, platform characteristics, native(all content needs to be saved automatically, user interacts with one app at a time) or web app, application icon, a visual effects, 512×512 pixel for the App Store, lauch images, for instance iPAD 768×1024 pix, status bar, navigation bar, toolbar, tab bar, popover, split view, table view, text view, web view, alerts,action sheet, modal view, date and time picker, picker, progress view, search bar, scope bar, switch on/off, text field.

What are sketches and storyboards and what can they be used for in the design process?
SKETCHES – a rough or unfinished drawing or painting, often made to assist in making a more finished picture. Its not nessesary to go into details, draw as many variations as possible. Paper and pen or iPAD and stylus. Using programm for sketches – Balsamiq Mockups.
STORYBOARD – a series of illustrations or images displayed in sequence. Pre-vizualizing a motion picture, animation, motion graphic or interactive media sequence, including website interactivity. (loo jada)

What are mockups and state transition diagrams and what can they be used for in the design process?
MOCKUP – an arrangement of text and pictures to be printed. PSD files – Adobe Photoshop.A full size model of a design or device, used for teaching, demostration, design evaluation, promotion. A pixel prefect representation of the application´s user interface. Colors, graphics, UI elements are set.
STATE TRANSITIONS DIAGRAMS – gives an abstract description of the behaivor of a system. Behaivor is analyzed and represented in series of events, that could occur in one or more possible states. (PSD vaadete jada, kui kasutaja klikib ühele või teisele nupule, mis siis juhtub kuni lõpuni välja)

What are prototypes and what tools can be used to create mobile web application prototypes?
PROTOTYPE – an early sample or model built to test a consept or process or to act as a thing to be replicated or learned from. Tulem, mis peaks olema valmis minema testimisse. Teine samm oleks juba LIVE.
TOOLS – Sencha Touch, JQTouch, JQuery Mobile

Describe possibilities and limitations of mobile web applications development.
LIMITATIONS – easy to use with one hand, web needs to work with all type of mobile phones, web should be simple and with short texts. Native or Web. Rakendus peaks töötama kõikidel platvormidel. Netiühenduse kiirus, ei tohiks olla keeruka koodiga, suure andmebaasiga. iPHONEga peab palju koodi kirjutama, ei saa valmis tükke kasutada. JQuery. Tuleks rakenduse arenduse algul otsustada, kumba rakendust oleks parem teha, kas Native või Web.

Describe Java Mobile applications structure, controls and security.

Describe Windows Phone development.
Its nessesary to download developer tools – Visual Studio
Click “New Project…”
Choose Windows Phone Application:
By default, you’ll see a split view with design and XAML surfaces. You can make changes in either. From the Toolbox, add a TextBox and Button, dragging/resizing to fit:
Double-click the button, then in the generated button1_Click event in the code behind file, add code to update the list title:
Now run it! (Run Button (F5), or Debug –> Start Debugging). The Windows Phone Emulator will start (left image) then load your application (middle image). Enter your name and click Button (right image):
Npw you have a Windows Phone 7 Series application!

What are the prerequisites of developing iOS applications? (create applications for Apple iOS devices)
You need to know C language
You need to understand object oriented consepts

1. Setting Up the Development Environment
Import the associated iOS libraries into the iOS development environment.
2. Developing Applications in the Xcode IDE
After you import mobile applications and associated libraries into the iOS development environment, use the iOS API references to create or customize your device applications.
3. OData SDK Components and APIs
The iOS OData SDK provides the means to easily build an app which relies on the OData protocol and the additions made by SAP.
4. Deploying Applications to Devices
Complete steps required to deploy mobile applications to devices.

What is Xcode and Interface Builder?
Xcode is a suite of tools, developed by Apple, for developing software for Mac OS X and iOS.
Interface Builder, an application used to construct graphical user interfaces.
The Xcode suite includes a modified version of free software GNU Compiler Collection, and supports C, C++, Objective-C, Objective-C++, Java, AppleScript, Python and Ruby source code with a variety of programming models, including but not limited to Cocoa, Carbon, and Java. (wikipedia)

What is a Model-View-Controller?
model- andmebaas,
Model–view–controller (MVC) is a software architecture,[1] currently considered an architectural pattern used in software engineering. The pattern isolates “domain logic” (the application logic for the user) from the user interface (input and presentation), permitting independent development, testing and maintenance of each (separation of concerns).
The model manages the behavior and data of the application domain, responds to requests for information about its state (usually from the view), and responds to instructions to change state (usually from the controller). In event-driven systems, the model notifies observers (usually views) when the information changes so that they can react.

The view renders the model into a form suitable for interaction, typically a user interface element. Multiple views can exist for a single model for different purposes. A view port typically has a one to one correspondence with a display surface and knows how to render to it.

The controller receives user input and initiates a response by making calls on model objects. A controller accepts input from the user and instructs the model and a view port to perform actions based on that input.

What are header and implementation files?
HEADER files – Allow programmers to separate certainelements of a program’s source code intoreusable files.
IMPLEMENTATION files – contain the implementation code for the method´s of a class. The place where all the code is implemented and executed from.

Idee läbi MÕISTEKAARDI (concept map)

Aplikatsiooni idee on see, et kui inimesed tulevad mängudele, ala ühe klubi mängija tuttav, sõber, ema/isa, aga ei tunne vastaseid, siis on neil hea võimalus nendega tuttavaks saada läbi rakenduse. Samuti uurida statistikat, tabeliseisu, top skoorijaid jne.

ENG: Estonian women football players app:
For instance people are coming to watch football match and they dont know all players by name and statistics.
So they can klick on football club name, and choose the number of player, or they can search by player name: Loo. Then it opens some information of the player: name, club, goals, games, birthday, city etc.

eesti naiste jalgpalli aplikatsiooni mõistekaart