Fredag 16 Aug 2013
2013-08-16 14:04:23
Projektlogg för en bildhost-sida
Ok, så för att dämpa rastlösheten lite så började jag slänga ihop något som jag alltid viljat knåpa ihop men som inte har blivit av, en bildhosting sida. Skapade en tråd på Sweclockers för att se om det fanns något intresse för typ en projektlogg, ungefär så som Sweclockers har för byggloggar för datorer. Tanken var mest att öka mina chanser på att göra klart hela projektet, brukar ju alltid bli att jag gör 80-90% av ett projekt men sen tappar jag lusten och börjar på något annat, men med en projektlogg, när man har ögonen på sig så är det ju lite mer motivation att få skiten gjord.
Iaf, började på den ändå och har kommit ganska långt, det blev ju ingen projektlogg så ja, jag sammanfattar väl lite av projektet, steg för steg, inte mycket att se egentligen men skit samma. Designen påminner väldigt mycket om mitt CMS också, speciellt galleridelen i CMS:et för att hitta bilder i bildgalleriet för att lägga till i inläggen.
Aja, iaf, första steget är ju att slänga ihop någon form av användarstystem, slängde ihop ett sådant för något år sedan som inkluderar registrering/login, användarkonton med tillhörande information osv osv, så tog inte många minuter att bara slänga in det (hade jag gjort en riktig projektlogg hade jag ju gjort allt från grunden men blev några genvägar nu när det inte blev någon projektlogg) och sen styra upp grundläggande layouten med HTML/CSS, med användarsystemet blir ju första steget inte direkt så mycket visuellt, det mesta är ju bakom kulisserna :P
Användarsystemet inkluderar även en inställningsdel, även här är det ju väldigt sparsmakat när man precis har lagt in det och inte börjat med dom sidospecifika inställningarna
Då var det dags för att börja på själva bildupplanningsskiten, inte så mycket visuellt här heller men extremt mycket bakom kulisserna, just bildbehandling/bearbetning är det jag hatar mest inom webbutveckling så det blir mest att man skriver en rad kod, sen lugnar man ner sig i något spel, sen kodar man en rad till osv osv så håller man på så tills det är klart, måste fixa någon vettig class känner jag så jag slipper göra om skiten hela tiden. Petade in drag-and-drop upload också, det går att dra bilder till vilken sida som helst på hemsidan och så laddas bilderna upp, just jQuery delen av drag-and-drop funktionen är det inte jag som har kodat ihop, hittade någon på nätet för ett antal år sedan som har fungerat rätt bra, men det är en del som jag kommer att göra en egen version någongång i framtiden, den jag använder nu har lite brister, ganska tung också och svår att skicka med $_POST och $_GET värden om man nu vill det. Men japp, det är ett framtida projekt
Bildgalleriet, inget märkvärdigt direkt, bara lista bilderna som användaren har laddat upp, trycker man på bilden så laddas den in direkt, så slipper man hållla på och hoppa fram och tillbaka i webbläsaren.
Albumssidan, inget konstigt där heller, just vid detta tillfället så var det bara frontend som var gjort, allt backend gjordes senare, var faktiskt ganska drygt, men mer om det senare. Inget konstigt på bilden egentligen, bara att klicka på "Skapa album" så får man fram en liten ruta att döpa sitt album till något.
Efter att man har skapat sitt första album så ändras sidan lite, knappen för att skapa nytt album är längst upp till höger på albumsidan, tror inte folk missar den, var ju i mitten första gången man skapade sitt första album men ja, den lyser ju grönt så det bör ingen missa. Bilden visar 4 album och 2 olika typer av album, eller ja, det är egentligen 1 typ av album men 2 olika backend funktioner, ett album har en stor bild på 210x210px, den bilden skapas när en användare lägger till en bild i albumet för första gången, den stora bilden är kvar där tills användaren laddar upp sin 10:e bild, då tar en annan funktion vid och hämtar 9 bilder från albumet, bygger ihop bildlänkarna till en kommaseparerad sträng i Album tabellen och pekar mot 9st 70x70 bilder istället. Lite småbökigt att fixa, eller ja, tar ju inte lång tid men lite småbuggar är ju förväntade :P
Såhär ser det ut i ett album, precis som i själva fotogalleriet osv, albumen är ju bara ett sätt att sortera in bilderna
Hur lägger man till bilder i galleriet då? Jo, ganska simpelt, man bara går in i ett av sina album, trycker på "Lägg till bilder" och så får man fram alla sina bilder man laddat upp och dessutom en liten sökruta så man kan söka efter sina bilder, sökningen är givetvis instant search så såfort man trycker på en tangent så sorterar dom fram bilderna som passar in på sökningen, sen klickar man bara på valfri bild och så läggs den till i albumet, själva sökrutan är lite väl anonym kanske, finns ingen text som säger att det är en sökruta men aja, skit samma :P
Och så bildvyn då, bara att klicka på valfri bild så ploppar den fram i full storlek
Har endel kvar att göra, men det är ganska små saker så det fixas nog snart :P
Bildvyn: Den visar bara bilden nu, skall givetvis lägga till så man får fram bbCode och andra delningsmöjligheter och information om bilden, dessutom vilka storlekar bilden finns i, i framtiden kanske även så man kan spara en egen bildstorlek.
Taggar: Det finns inga taggar än men det skall jag lägga till, kommer nog sno funktionen som jag gjorde för mitt CMS, den fungerar helt ok nu, så blir taggar för bilder åtminstonde, kanske album med, får se
Sökning: Just nu kan man bara söka efter bilder när man vill lägga till dom i sitt album, men skall givetvis gå att bara göra en helt vanlig sökning sen med
Ändra namn: Japp, detta gäller både bilder och album
Diverse grejer: Kunna ta bort bilder/album och ta bort bilder från album, anledningen till att jag inte lagt till det än är för att det är lite drygt, ganska mycket som måste hända när man tar bort en bild, tex, ta bort bilden (duh), ta bort databasraden för bildens album tillhörighet, ta bort all metadata om bilden (storlek, taggar, dimensioner, osv), minska användarens bildcount med -1, ändra användarens använt utrymme (jag sparar för tillfället hur många MB utrymme en användare har använt, jag räknar dock bara orginalbildens storlek, alla andra storlekar som görs får användaren "på köpet"), albumen som bilden var inlaggd i måste också minska sin AlbumPhotoCount-1. Så japp, lite småpyssel, inget svårt men ja; det är inget jag ser fram emot att göra :P
Detta projektet var ju mest för skojs skull, kommer inte göra en riktig tjänst av det då det finns alldeles för mycket bildhosting-sidor, men ja, som sagt, något för att dämpa rastlösheten och något som jag länge velat göra, sidan är uppe och fungerar precis som bilderna visar, men jao, vetifan, tänkte släppa in lite alfa-testare snart för skojs skull, är ju vissa designelement som jag tänkt använda på en annan kommersiell sida så vore kul med input från några och se om det fungerar.
Användarsystemet inkluderar även en inställningsdel, även här är det ju väldigt sparsmakat när man precis har lagt in det och inte börjat med dom sidospecifika inställningarna
Då var det dags för att börja på själva bildupplanningsskiten, inte så mycket visuellt här heller men extremt mycket bakom kulisserna, just bildbehandling/bearbetning är det jag hatar mest inom webbutveckling så det blir mest att man skriver en rad kod, sen lugnar man ner sig i något spel, sen kodar man en rad till osv osv så håller man på så tills det är klart, måste fixa någon vettig class känner jag så jag slipper göra om skiten hela tiden. Petade in drag-and-drop upload också, det går att dra bilder till vilken sida som helst på hemsidan och så laddas bilderna upp, just jQuery delen av drag-and-drop funktionen är det inte jag som har kodat ihop, hittade någon på nätet för ett antal år sedan som har fungerat rätt bra, men det är en del som jag kommer att göra en egen version någongång i framtiden, den jag använder nu har lite brister, ganska tung också och svår att skicka med $_POST och $_GET värden om man nu vill det. Men japp, det är ett framtida projekt
Bildgalleriet, inget märkvärdigt direkt, bara lista bilderna som användaren har laddat upp, trycker man på bilden så laddas den in direkt, så slipper man hållla på och hoppa fram och tillbaka i webbläsaren.
Albumssidan, inget konstigt där heller, just vid detta tillfället så var det bara frontend som var gjort, allt backend gjordes senare, var faktiskt ganska drygt, men mer om det senare. Inget konstigt på bilden egentligen, bara att klicka på "Skapa album" så får man fram en liten ruta att döpa sitt album till något.
Efter att man har skapat sitt första album så ändras sidan lite, knappen för att skapa nytt album är längst upp till höger på albumsidan, tror inte folk missar den, var ju i mitten första gången man skapade sitt första album men ja, den lyser ju grönt så det bör ingen missa. Bilden visar 4 album och 2 olika typer av album, eller ja, det är egentligen 1 typ av album men 2 olika backend funktioner, ett album har en stor bild på 210x210px, den bilden skapas när en användare lägger till en bild i albumet för första gången, den stora bilden är kvar där tills användaren laddar upp sin 10:e bild, då tar en annan funktion vid och hämtar 9 bilder från albumet, bygger ihop bildlänkarna till en kommaseparerad sträng i Album tabellen och pekar mot 9st 70x70 bilder istället. Lite småbökigt att fixa, eller ja, tar ju inte lång tid men lite småbuggar är ju förväntade :P
Såhär ser det ut i ett album, precis som i själva fotogalleriet osv, albumen är ju bara ett sätt att sortera in bilderna
Hur lägger man till bilder i galleriet då? Jo, ganska simpelt, man bara går in i ett av sina album, trycker på "Lägg till bilder" och så får man fram alla sina bilder man laddat upp och dessutom en liten sökruta så man kan söka efter sina bilder, sökningen är givetvis instant search så såfort man trycker på en tangent så sorterar dom fram bilderna som passar in på sökningen, sen klickar man bara på valfri bild och så läggs den till i albumet, själva sökrutan är lite väl anonym kanske, finns ingen text som säger att det är en sökruta men aja, skit samma :P
Och så bildvyn då, bara att klicka på valfri bild så ploppar den fram i full storlek
Har endel kvar att göra, men det är ganska små saker så det fixas nog snart :P
Bildvyn: Den visar bara bilden nu, skall givetvis lägga till så man får fram bbCode och andra delningsmöjligheter och information om bilden, dessutom vilka storlekar bilden finns i, i framtiden kanske även så man kan spara en egen bildstorlek.
Taggar: Det finns inga taggar än men det skall jag lägga till, kommer nog sno funktionen som jag gjorde för mitt CMS, den fungerar helt ok nu, så blir taggar för bilder åtminstonde, kanske album med, får se
Sökning: Just nu kan man bara söka efter bilder när man vill lägga till dom i sitt album, men skall givetvis gå att bara göra en helt vanlig sökning sen med
Ändra namn: Japp, detta gäller både bilder och album
Diverse grejer: Kunna ta bort bilder/album och ta bort bilder från album, anledningen till att jag inte lagt till det än är för att det är lite drygt, ganska mycket som måste hända när man tar bort en bild, tex, ta bort bilden (duh), ta bort databasraden för bildens album tillhörighet, ta bort all metadata om bilden (storlek, taggar, dimensioner, osv), minska användarens bildcount med -1, ändra användarens använt utrymme (jag sparar för tillfället hur många MB utrymme en användare har använt, jag räknar dock bara orginalbildens storlek, alla andra storlekar som görs får användaren "på köpet"), albumen som bilden var inlaggd i måste också minska sin AlbumPhotoCount-1. Så japp, lite småpyssel, inget svårt men ja; det är inget jag ser fram emot att göra :P
Detta projektet var ju mest för skojs skull, kommer inte göra en riktig tjänst av det då det finns alldeles för mycket bildhosting-sidor, men ja, som sagt, något för att dämpa rastlösheten och något som jag länge velat göra, sidan är uppe och fungerar precis som bilderna visar, men jao, vetifan, tänkte släppa in lite alfa-testare snart för skojs skull, är ju vissa designelement som jag tänkt använda på en annan kommersiell sida så vore kul med input från några och se om det fungerar.