Màs en mi perfil

1. Ayman Bathaoui
Chakib Boulbekliz
David Cano

2. ÍNDEX
1. Introducció……………………………………………… 3
2. Creació dels grups de treball …………………… 3
3. Ideació de l’empresa i l’app ……………………… 4
4. Introducció a la programació ………………………5
5. Desenvolupament de l’aplicació …………………… 5
6. Creació d’un mapa d’escenaris ………………………6
7. Elaboració d’un prototip de l’aplicació ………………6
8. Desenvolupament de l’aplicació amb AppInventor…… 6
9. Publicitat per la nostra empresa ……………………… 7
10. Pòster de l’aplicació ………………………………………7
11. Comercialització de la nostra aplicació …………… 7
12.Conclusió ……………………………………………………… 7

3. INTRODUCCIÓ
El concurs d’apps Mobilitzem l’Informàtica de mSchools és un projecte
innovador que té com a objectiu donar a conèixer la creativitat dels
alumnes de tota Catalunya. Som un grup de 3 nois de 1r de BAT que
hem creat una empresa d’apps per a treballar en aquest projecte. Hem
valorat idees i posat punts en comú per intentar fer la millor aplicació
que poguéssim fer en 1 hora d’informàtica a la setmana. Mitjançant els
recursos personals i també els del centre, hem aconseguit tenir una
idea i reflexar-la al producte real. Durant el procés hem assolit
coneixements de creació d’aplicacions, edició de vídeo i imatge,
utilització d’eines de màrqueting, treball en equip… Presentem el nostre
projecte amb MUK Studio App, i la creació de la nostra aplicació SM
Finder.
Creació dels grups de treball
Vam definir les nostres habilitats i coneixements abans de comerçar. El
primer que vam pactar va ser el rol que tindria cadascú dins l’equip per
treballar més a gust. Per fer-ho vam tenir en compte els interessos i les
habilitats de tots els treballadors i vam fer una llista on especifica
l’especialització de cadascú:
● Ayman Bathaoui: Creatiu i Constructor.
● David Cano: Coordinador.
● Chakib Boulbekilz: Explorador i Comunicador.
Ara bé, per molt que tots estiguin especialitzats en un camp en concret,
tots els components estan obligats a ajudar als seus companys si
requereixen de la seva ajuda encara que no pertanyi al seu camp.

4. Ideació de l’empresa i l’app
El primer que vam fer va ser buscar un nom per a l’empresa i un
logo:
Després de plantejar diverses propostes, vam arribar a l’acord de
que l’empresa seria anomenada ‘’MUK Studio App’’, aquest nom
pertany al bigoti d’en Ayman. Per tant, vam decidir que per fer el
seu logo hauríem d’utilitzar un bigoti. Així, al tenir la base del que
seria la nostra empresa de software, va arribar l’hora d’escollir de
què tractaria l’app. Per fer-ho, vam pensar en diferents idees de
problemes que volíem solucionar. Aquest va ser el resultat:
● Una app per ajudar a estudiar.
● Una app per a l’horari de classe.
● Una app per trobar els teus productes al supermercat.
La idea guanyadora va ser “Una app per trobar els teus productes
al supermercat”, ja que a tothom ens passa que quan anem al
super no trobem els nostre productes i comencem a donar voltes.
Un cop decidit de que tractaria l’aplicació, vam haver de pensar
en el nom i el logo de l’aplicació tal i com havíem fet amb
l’empresa. Així que vam arribar a la conclusió de
que, ja que es tractava d’una aplicació que’t faciliti la
compra dels teus productes, el millor nom que li
podíem donar a l’app era SM Finder, ja que anava
relacionat amb amb els supermercat.
Aquest va ser el resultat del logo d’emocionari:

5. Introducció a la programació
El programa que hem utilitzat per crear a l’app es amb l’AppInventor2,
una plataforma gratuïta proporcionada per Google. Ens permet crear
aplicacions només pel sistema operatiu Android. Es molt basic i senzill,
per tant no ens va ser complicat crear totes les pantalles.
Per millorar i ampliar els nostres coneixements sobre AppInventor hem
fet diferents tasques per investigar sobre les eines i tècniques de
programació.
HelloPur: una app que consisteix en inserir una imatge d’un gat, un
cop prems sobre ella es generarà el mioleig d’un gat.
PaintPot: l’aplicació és molt similar a la de HelloPur hi haurà la imatge
del mateix gat que en comptes d’originar un efecte sonor, s’observarà
una barra on podràs seleccionar diferents color amb que pots pintar la
imatge.
Pong: consisteix en un crear un joc que es basa en una pilot que esta
en moviment, iuna barra que mourem per aconseguir que la pilota no
sobrepassi una determinadalínia, si la sobrepassa perds. També
crearem un contador per saber quants cops femretrocedir la bola.
Mole: també tracta sobre un joc, la idea pricipal és el moviment d’una
imatge, la d’un talp que es mourà per una zona indeterminadament i
l’objectiu serà intentar prémer el talp per guanyar punts. A mesura que
vagis guanyat punts, el desplaçament de laimatge serà més ràpida
complicant el joc.
Desenvolupament de l’aplicació
Hem aconseguit desenvolupar la nostra aplicació seguint un seguit de pasos:
● La creació d’un mapa d’escenaris.
● La creació d’un mapa de funcionalitats.
● La elaboració d’un prototip de l’aplicació.
● La creació de l’aplicació mitjançant app inventor.

6. Creació d’un mapa d’escenaris
Gràcies a la creació del mapa d’escenaris vam plantejar-nos millor el
funcionament de l’app i com seria el seu disseny per tal d’aconseguir un ús més
fàcil.
● El mapa d’escenaris que hem creat segueix els següents punts:
● La primera et pregunta la teva població i quin supermercat vols anar.
● La segona fas una llista de compra.
● En la tercera et diem on es troben el productes.
Creació d’un mapa de funcionalitats
Per planejar i organitzar el funcionament de la nostra app hem utilitzat una
pàgina web que ens proporcionar l’opció de crear mapes, els podem fer de
manera individual o col·laborativa.
Elaboració d’un prototip de l’aplicació
Hem utilitzat AppInventor, una eina que ens permet crear uns wireframes
impressionants i molt ben dissenyats per obtenir una millor idea de com serà la
nostra futura app.
Desenvolupament de l’aplicació amb AppInventor
Un cop acabat el mapa de funcionalitats i el prototip amb AppInventor
podem començar a desenvolupar i formar l’aplicació. Comencem afegint
tots els botons que volem que surtin, per seleccionar les diferents
opcions i altres elements per donar a conèixer la nostra empresa i
aplicació: enllaç a la pàgina web de Facebook, Twitter, Instagram etc.

7. L’altre objectiu és fer-la estèticament atractiva. Hem fet el possible per
millorar la seva aparença. Un cop estan tots els botons insertats de
manera correcta afegim les imatges com afons dels botons per acabar
de polir l’aplicació.
El següent pas és programar, és a dir, començar a fer funcionar l’app
de tal manera que quan premis qualsevol dels botons apareix una altre,
faci una determinada funció.
Publicitat per la nostra empresa
Per tal de donar a conèixer la nostra app a la societat, hem creat
diversos materials multimèdia; com per exemple, un vídeo i un pòster.
Postèr de l’aplicació
Pel pòster vam utilitzar el programa Photoshop C26. Per fer-ho vam
fixar-nos amb varies coses claus: que sigui atractactiu visualment,
innovador, missatge clar i senzill, que recollís l’ideea de l’app i que
representès l’empresa.
Comercialització de la nostra aplicació
En el mercat on estàn les aplicacions és molt ampli, per això aquesta
aplicació va dirigida a tot el públic, no hi ha una edat establerta.
Tothom pot adquirir aquesta aplicació, perquè gairebé tothom té
problemes per trobar els seus productes al supermercat.
Conclusió
Gràcies a aquest concurs junt amb aquest projecte, hem assolit que
treballar en equip es dificíl i a la vegada enriquidor. Hem tingut
discussions i hem sapigut afrontar tots els problemes tinguts. Gràcies a
tot aixó hem aconseguit treure SM Finder, l’empresa de MUK Studio
App.