handdator

Visa fullständig version : Skapar mobil-sida till StrongLifts 5x5, behöver er hjälp


Prez
2012-12-25, 17:33
Hej mina vänner,

Jag är en webbutvecklare sedan 16-17 år tillbaka som nyligen börjat träna StrongLifts 5x5 igen efter ca 1,5 års frånvaro från all fysisk träning.

Har fått för mig att skapa en mobil-hemsida för StrongLifts träning nu under jullovet för både mig själv och alla andra intresserade. Tanken är att sidan ska vara lättanvänd och effektiv. I början vill jag bara fokusera på de allra viktigaste funktionerna och senare bygga på med fler avancerade funktioner.

Eftersom det är en hemsida i mobil-format, kommer sidan att fungera på i princip ALLA telefoner som har tillgång till Internet och webben.


Så här har jag planerat sidan idag:


1. Uppvärmning
Enkel sida som visar vilka vikter man ska värma upp med. Antingen att man kan skriva in målvikten själv eller så kan sidan hämta vikten du tränade med senast.

2. Träning
Enkel inmatning av värden i träningpass A och B. Kan även här göra så att sidan kollar vilka vikter du tränade med sist och sedan ger förslag på vikter (+2,5kg på senaste träningen). Man kan justera vikten själv.

3. Statistik
Enkel statistik, kanske någon graf så man kan se hur man har ökat under en vis period.

4. Inloggning
För att spara informationen måste man självklart logga in. Här tänkte jag antingen använda mig av e-post/lösenord eller Facebook eller Google inloggning.


Vad tycker ni? Skriv gärna vad ni tycker och om ens något sådant är av intresse.


PS. Vill ni ha en StrongLifts 5x5 träningsschema för utskrift, kolla min signatur.


Tack på förhand,
Prez

Prez
2012-12-25, 20:12
Har tänkt om lite angående uppvärmningen. Istället för att ha en egen sida, så kan man nu under träningssidan, under varje övning klicka på en knapp som räknar ut och visar uppvärmningen.

Prez
2012-12-26, 17:12
Här är ett par screenshots med vad jag hittils hunnit utveckla:

Bild 1
När man klickar på Workout får man fram dagens övningar.

http://i50.tinypic.com/11vpu7n.jpg

Bild 2
Man klickar vidare på övningen som öppnas upp. Där finns uppvärmning samt 5 set av övningen.
Tanken är att när man klickar på en övning så öppnas en liten ruta där man skriver in vikten, och då markeras den som färdig.

http://i46.tinypic.com/nmjhx3.jpg

Andy.da.wohoo
2012-12-26, 17:19
Ser lite tråkigt ut för tillfället, kommer du "pynta" den lite senare eller? :)

Prez
2012-12-26, 17:43
Ser lite tråkigt ut för tillfället, kommer du "pynta" den lite senare eller? :)

Absolut, man kan ändra färger och lägga fler bilder senare. Just nu är målet att få sidan att fungera.

Glen
2012-12-26, 20:41
Bra initiativ!

mikaelj
2012-12-26, 21:28
Ser lite tråkigt ut för tillfället, kommer du "pynta" den lite senare eller? :)

Du kan va' tråkig!

Ser toppen ut, Prez!

Prez
2012-12-26, 21:41
Bild 3

Så här ser det ut när du klickar på en övning, du matar in vikten och då antingen klickar du på att du klarade övningen eller att du misslyckades.

http://i47.tinypic.com/2r23zbk.jpg

Ristretto
2012-12-26, 22:02
Du kan va' tråkig!

Ser toppen ut, Prez!

+1
Pynta kan man lämna åt fjortisbloggare.

Skickat från min Ockelbo 600 via Tapatalk 5

mikaelj
2012-12-26, 22:07
Bild 3

Så här ser det ut när du klickar på en övning, du matar in vikten och då antingen klickar du på att du klarade övningen eller att du misslyckades.

http://i47.tinypic.com/2r23zbk.jpg

Antal reps man gjorde borde vara med. Gärna RPE också.

Vad använder du för UI-verktygslåda?

Prez
2012-12-26, 22:15
Bra initiativ!

Ser toppen ut, Prez!

Tack för de fina orden :)

Prez
2012-12-26, 22:18
Antal reps man gjorde borde vara med. Gärna RPE också.

Vad använder du för UI-verktygslåda?

Använder jQuery Mobile. http://jquerymobile.com

Antal reps, 1-5? RPE är väl hur ansträngande man tyckte övningen var eller? 0-10 enligt http://my.clevelandclinic.org/heart/prevention/exercise/rpe.aspx

Förklara gärna, tack.

mikaelj
2012-12-26, 22:21
Använder jQuery Mobile. http://jquerymobile.com

Antal reps, 1-5? RPE är väl hur ansträngande man tyckte övningen var eller? 0-10 enligt http://my.clevelandclinic.org/heart/prevention/exercise/rpe.aspx

Förklara gärna, tack.

Antal repetitioner: 0-5. Man kan ju ha _nästan_ klarat setet.

RPE: http://www.jwzrd.se/2010/07/20/rts-kort-sammanfattning/ -- bläddra ned till "beskrivning". I praktiken följande värden: 6 - 7 - 8 - 8,5 - 9 - 9,5 - 10.

Prez
2012-12-26, 22:56
Bild 4

Testade två olika metoder för att mata in antal reps.
Kommer att använda metod #2 då det endast kräver ett klick/touch.

Metod #1
http://i47.tinypic.com/6o0w1j.jpg

Metod #2
http://i49.tinypic.com/34ou682.jpg

Prez
2012-12-26, 22:57
Antal repetitioner: 0-5. Man kan ju ha _nästan_ klarat setet.

RPE: http://www.jwzrd.se/2010/07/20/rts-kort-sammanfattning/ -- bläddra ned till "beskrivning". I praktiken följande värden: 6 - 7 - 8 - 8,5 - 9 - 9,5 - 10.

Reps är med nu!

RPE låter väldigt intressant och har skrivit ner det. Jag tar med det i kommande versioner.

Tack för förslagen :bow:

mikaelj
2012-12-26, 23:32
Bild 4

Testade två olika metoder för att mata in antal reps.
Kommer att använda metod #2 då det endast kräver ett klick/touch.

Metod #1
http://i47.tinypic.com/6o0w1j.jpg

Metod #2
http://i49.tinypic.com/34ou682.jpg

Bra.

I #2: Byt ut "I made it" / "I failed it" mot "Register". (gjorde du 5 reps klarade du det.)

Var sparar du datan? html5storage?

Prez
2012-12-26, 23:38
Bra.

I #2: Byt ut "I made it" / "I failed it" mot "Register". (gjorde du 5 reps klarade du det.)

Var sparar du datan? html5storage?

Anledningen jag tänkte använda två knappar var så att tex de som kör 5-3-1 också kan använda sig av sidan. Vad tycker du?

Datan kommer att sparas i en MySQL databas. Så man kommer att få logga in på sidan för att komma åt sitt konto och stats.

mikaelj
2012-12-26, 23:46
Anledningen jag tänkte använda två knappar var så att tex de som kör 5-3-1 också kan använda sig av sidan. Vad tycker du?

Då kommer du få ändra om rätt mycket annat i ditt UI, t ex dina fasta set (5 st.). I 5-3-1 skiljer det sig mer. Uppvärmningsvikterna kan också vara intressanta att spara på.

Sedan vet jag inte om två knappar spelar roll någonsin. Om du har gjort 0 reps har du bevisligen bommat, och om du gör 3 reps på ditt 5+-set kan du enkelt se (i ditt program) att det var färre än 5 reps och registrera det som en miss.

Datan kommer att sparas i en MySQL databas. Så man kommer att få logga in på sidan för att komma åt sitt konto och stats.

Check. PHP-backad?

Prez
2012-12-26, 23:54
Då kommer du få ändra om rätt mycket annat i ditt UI, t ex dina fasta set (5 st.). I 5-3-1 skiljer det sig mer. Uppvärmningsvikterna kan också vara intressanta att spara på.

Sedan vet jag inte om två knappar spelar roll någonsin. Om du har gjort 0 reps har du bevisligen bommat, och om du gör 3 reps på ditt 5+-set kan du enkelt se (i ditt program) att det var färre än 5 reps och registrera det som en miss.

Check. PHP-backad?

Ja, du har rätt. Ska ändra på knapparna.

I första versionen kommer jag inte att spara uppvärmningen, utan det är mer av ett verktyg som räknar ut ökningen.

Vad tycker du om att starta en tidtagarur efter man är färdig med en set, som räknar vilotiden tills du trycker på nästa set? I kommande versioner kan man även spara vilotiden.

Backenden är byggd med PHP+MySQL.

Poxeman
2012-12-27, 10:25
Kul projekt!
En "countdown" till nästa set vore nice men förutsätter att man orkar registrera sitt set omgående.
när det börjar smaka brunt så hade inte jag gjort det...

Prez
2012-12-27, 12:06
Bild 5

Man matar in vikten, väljer antal reps och om man vill ta vilotiden.
Behöver bättre namn än "Counter".. något förslag?

http://i47.tinypic.com/k9qi1.jpg

Prez
2012-12-27, 12:07
Kul projekt!
En "countdown" till nästa set vore nice men förutsätter att man orkar registrera sitt set omgående.
när det börjar smaka brunt så hade inte jag gjort det...

Har lagt in en on/off knapp på countern för din skull ;)

Prez
2012-12-27, 12:21
Jag kom precis på en liten idé/ändring som öppnar upp sidan för alla träningar och kombinationer, inte bara SL 5x5! Ska till gymmet nu, jobbar vidare efter.

Andy.da.wohoo
2012-12-27, 12:28
Du kan va' tråkig!

Ser toppen ut, Prez!

Ville bara ge feedback :(

Adama
2012-12-27, 13:17
Du får nog vara försiktig med att lägga in stöd för 5/3/1. Wendler gillade inte alls de appar som dök upp på AppStore och använde sig av hans program för att tjäna pengar på hans ideer. Han skickade advokater på dem och sedan försvann apparna. Nu håller han på att utveckla en egen app. Detta var på iPhone, vet ej hur det är på android.

När det gäller stronglifts vet jag inte hur mehdi ser på saken. Det måste väl redan finnas appar för det?

Edit: äh såg nu att det är frågan om en hemsida.. Då är det nog lugnt.

Tiro
2012-12-27, 14:14
Ser mycket bra ut! Keep the good work up! :)

Prez
2012-12-27, 15:23
Du får nog vara försiktig med att lägga in stöd för 5/3/1. Wendler gillade inte alls de appar som dök upp på AppStore och använde sig av hans program för att tjäna pengar på hans ideer. Han skickade advokater på dem och sedan försvann apparna. Nu håller han på att utveckla en egen app. Detta var på iPhone, vet ej hur det är på android.

När det gäller stronglifts vet jag inte hur mehdi ser på saken. Det måste väl redan finnas appar för det?

Edit: äh såg nu att det är frågan om en hemsida.. Då är det nog lugnt.

Precis, det är en hemsida och dessutom så håller jag på och ändrar om lite så att alla kan använda sidan, behöver inte vara Stronglifts, Madcow, eller dylikt. Man ska helt enkelt själv kunna välja sina övningar.

Prez
2012-12-27, 15:24
Ville bara ge feedback :(

All feedback är välkommen :)

Prez
2012-12-27, 15:25
Ser mycket bra ut! Keep the good work up! :)

Tack :bow:

Ingemansson
2012-12-27, 19:01
Precis, det är en hemsida och dessutom så håller jag på och ändrar om lite så att alla kan använda sidan, behöver inte vara Stronglifts, Madcow, eller dylikt. Man ska helt enkelt själv kunna välja sina övningar.

Det där lät mycket bra! Keep it up!

Prez
2012-12-28, 01:56
Bild 6

Okey! Nu kan du gå in under Routine (aka grupp/schema), välja, skapa och spara dina favoritövningar i valfria grupper. Du kan tex göra en routine som heter "StrongLifts Pass A" och en annan som heter "StrongLifts Pass B", eller varför inte döpa en routine till "Rygg & Biceps" eller "Tisdag".. du bestämmer själv.

Du kan nu även välja datum på workout-sidan. Du kan gå tillbaka för att titta på en specifik dag, samt göra ändringar (tex mata in gamla övningar).

Jag har flyttat upp Home knappen och lagt till en Config knapp för att senare lägga in lite alternativ.

Skriv gärna vad ni tycker och tänker. Alla kommentarer är välkomna.

http://i46.tinypic.com/6fsilc.jpg

Prez
2012-12-29, 20:49
Behöver lite hjälp...

På "Routine" sidan, kan man nu skapa grupper och i de grupperna kan man lägga till sina övningar. Sedan när man är på gymmet så väljer man den routine/grupp man önskar träna för dagen.


Det jag undrar är:

1) Tycker ni detta är ett bra system?

2) Borde det finnas en lista med alla övningar som man kan välja från, eller ska man skapa egna övningar med egna namn.... eller kanske båda alternativen?

3) Om det ska finnas en lista med alla övningar, var hittar man en sådan lista (gärna på Engelska)?

mikaelj
2012-12-29, 21:09
Skapa egna övningar med namn. Så får man mata in dem första gången. Det vore trevligt att kunna göra anteckningar för varje set också.

Så här ser min träningsdagbok ut, och även den informationen jag vill ha med:

Marklyft (utan bälte)
* 70x4
* 70x4
* 120x4
* 150x4
* 170x4
* 170x4 @7
* 180x4 @8
* 195x4 @9
* 195x4 @9
* 195x4 @9
* 195x4 @9 (rep-set-PB)
* 205x4 @10,1 (missade sista två cm i utlåsningen p g a mjukisbyxor)
* 205x4 @10 (där satt den!) (rep-set-PB)

Räknade fel och hade tänkt dra 200, inte 205. Gick vägen det med. Stackars handflata. 7 x 4 reps på arbetsvikter. Fint!

Knäböj
* 60x5
* 80x5
* 100x3
* 140x1
* 160x1
# bälte på
* 180x


osv. Kommentar om när jag tar på mig bälte (eller lindor, eller annat), kommentar om setet i sig samt kommentarer om hela övningen.

(Timer kanske är bättre än Counter?)

Prez
2012-12-30, 01:10
Bild 7

Så här ser Routine-sidan ut. Du väljer en routine, under ser du dina övningar och till höger om varje övning finns en knapp för att redigera och ta bort övningen.

Varje routine har tre knappar längst ner där du kan ta bort en routine, lägga till fler övningar samt träna.

I skrivande stund kom jag på att jag inte har skapa någon möjlighet att redigera namnet på en routine...

http://i50.tinypic.com/15d3s05.jpg

Prez
2012-12-30, 01:19
Alternativt får jag köra så här, att jag lägger till en meny-knapp som innehåller add/edit/delete/etc.

http://i49.tinypic.com/5od0ty.jpg

haddock
2012-12-30, 20:13
Ser verkligen grymt bra ut! När kan det bli dags för release? Kanske använda Kolozzeums användare som utvärderare under testning?

Prez
2012-12-30, 21:21
Ser verkligen grymt bra ut! När kan det bli dags för release? Kanske använda Kolozzeums användare som utvärderare under testning?

Tack :) Release är svårt att säga, men jag kan nog öppna upp för betatest om några få dagar.

Och absolut, det var det jag hoppades på, att hitta folk här på Kolozzeum som är intresserade av att betatesta. Det är just duktiga personer som tränar som är målgruppen :)

Intresserad att betatesta?

Om någon är intresserad att betatesta så skriv gärna här eller skicka ett PM.

Det enda ni behöver är en smartphone med touchscreen och Internet.
Om ni tränar ofta (4+ ggr/vecka) är det ett stort plus.

Prez
2012-12-31, 15:52
Hade detta varit en vanlig hemsida hade jag varit färdig för länge sedan, men det är helt annat att bygga en sida till mobiltelefoner :)

Nu är Routine-sidan så gott som färdig och Workout-sidan är halvfärdig.

Ska posta lite nya bilder.

Prez
2012-12-31, 16:35
Här är en snabb genomgång av vad du kan göra på Routine-sidan.

Åsikter och förslag är välkomna :)

http://i45.tinypic.com/14o6t6t.jpg

D-Crawler
2012-12-31, 16:42
Jäkligt bra initiativ, ska bli intressant att se hur den färdiga versionen blir. :)

vasby
2012-12-31, 17:59
Gillar tanken & upplägget.

Betatestar gärna, har iPhone 4S och tränar 4-5 ggr i veckan (se journal).

Prez
2013-01-01, 18:46
Gillar tanken & upplägget.

Betatestar gärna, har iPhone 4S och tränar 4-5 ggr i veckan (se journal).

Tackar och noterad :)

Poxeman
2013-01-01, 19:15
Jag testar gärna!
Tänker precis gå över till SS- eller liknande och tränar styrka 3ggr/vecka.

Prez
2013-01-04, 03:29
Jag testar gärna!
Tänker precis gå över till SS- eller liknande och tränar styrka 3ggr/vecka.

Super! :)

Uppdatering: Semestern är tyvärr slut och jag har inte hunnit lägga många timmar om dagen på sidan. Ska försöka göra mitt bästa.

Här kommer en liten preview på Workout sidans datumväljare.

http://i46.tinypic.com/30sixs4.jpg

vasby
2013-01-07, 17:54
Ser riktigt bra ut!

Vad massa pengar i sjön jag slängt på värdelösa appar känner jag när jag ser hur sjysst upplägg det är på denna.

vasby
2013-01-18, 09:48
Några nyheter?

Prez
2013-01-18, 09:55
Några nyheter?

Hej,

Har tyvärr en deadline på ett "riktigt" projekt (jobb) nu i slutet av januari som kräver all min tid och fokus. Flyttar även in i ett nytt kontor nu i helgen och hoppas att det ska gå smidigt samt att jag kan få fler effektiva jobbtimmar.

Har en hel del idéer till Workout-sidan, uppdaterar er så fort jag har något nytt.

Prez

ryss
2013-01-18, 11:33
Hej,

Har tyvärr en deadline på ett "riktigt" projekt (jobb) nu i slutet av januari som kräver all min tid och fokus. Flyttar även in i ett nytt kontor nu i helgen och hoppas att det ska gå smidigt samt att jag kan få fler effektiva jobbtimmar.

Har en hel del idéer till Workout-sidan, uppdaterar er så fort jag har något nytt.

Prez

Lycka till med ditt "riktiga projekt" :) hur mycket tänkte du ta betalt för appen som slutgiltig produkt?

Prez
2013-01-18, 14:04
Lycka till med ditt "riktiga projekt" :) hur mycket tänkte du ta betalt för appen som slutgiltig produkt?

Tack :)

Har inga planer på att ta betalt i dagsläget.

ryss
2013-01-18, 19:04
Tack :)

Har inga planer på att ta betalt i dagsläget.

Klart som fan du ska ta betalt! 7kr iallfall

Prez
2013-01-18, 19:20
Klart som fan du ska ta betalt! 7kr iallfall

Det är ingen app, utan en hemsida som alla smarta mobiltelefoner med Internet kan nå, som även fungerar på datorn.

Antagligen kommer det komma en mer avancerad version för en liten slant, men det är inget jag har planerat idag, utan först och främst vill jag få en fungerande version och se vad folk tycker och hur populär det blir.