Door Sander den Heijer

Product Lead

Gemakkelijker afbeeldingen uploaden in het Forum - Development-iteratie #176

03-03-2020 • 14:05

73

Begin januari vroegen we jullie in de Community Pick XXL aan welke delen van de site jullie wilden dat we gingen werken. Uit vijf thema's kozen jullie in meerderheid voor het posten van afbeeldingen. In de afgelopen iteraties hebben we daarom stapsgewijs toegewerkt naar een complete vernieuwing hiervan.

Posten van afbeeldingen

We voegden copy-pasteondersteuning toe in de upload van afbeeldingen bij de gebruikersreviews. Daarna kopieerden we die uploadverbetering naar het fotoalbum en voegden daar multi-uploadmogelijkheden toe. Ook bouwden we de bestaande Thumbor-implementatie uit naar gebruik op het volledige platform, zodat het automatisch verwerken van afbeeldingen naar de juiste afmetingen daardoor wordt geregeld.

Met deze iteratie hebben we de compleet vernieuwde flow van het posten van afbeeldingen in het Forum gereleased. Het invoegen van afbeeldingen in forumposts hebben we flink eenvoudiger gemaakt door ondersteuning van copy-paste en drag-and-drop, alsmede de mogelijkheid om plaatjes vanaf je lokale opslag te selecteren. Daarbij zorgen we ook voor een goede mobiele gebruikservaring, zodat je gemakkelijk foto's kunt invoegen vanaf je smartphone.

Hoe werkt het?

In een topicstart en het topic-reactieformulier kun je vanuit de vernieuwde toolbar kiezen voor het toevoegen van afbeeldingen. Van daaruit wordt het venster geopend om je afbeelding(en) te kiezen. Dat kan vanuit je fotoalbum of met afbeeldingen die je eerder op Tweakers had toegevoegd. Je selecteert een of meer afbeeldingen die je wilt toevoegen aan je bericht, en klikt op de 'afbeelding toevoegen'-knop. Of je kunt doorklikken naar je lokale opslag of camera om van daaruit afbeeldingen toe te voegen.

Toolbar mobiel
De vernieuwde toolbar op mobiel
Afbeelding invoegen op mobiel
Afbeelding invoegen op mobiel

Het kunnen toevoegen van afbeeldingen is niet langer voorbehouden aan gebruikers met voldoende karma of een abonnement. Iedereen kan afbeeldingen uploaden en toevoegen aan een post.

Wysiwyg

'Maar waarom zie ik mijn nieuw toegevoegde afbeeldingen niet gewoon in de editor', hoor ik een aantal van jullie denken. Vooralsnog genereert het uploaden van een afbeelding net als voorheen een RML-element/imagetag in het bericht. Het vernieuwen van de wysiwyg-editor staat wel op onze wensenlijst, maar viel voor nu buiten de scope.

Statistiekenpagina

Zoals in de vorige .plan benoemd, is het door de ingebruikname van Thumbor niet langer mogelijk om de aparte trafficstatistieken in het fotoalbum te blijven tonen. Die pagina bestaat daarom niet meer.

Reacties (73)

73
70
63
1
0
4
Wijzig sortering
De quote knop mag er best weer bij voor de frontpage hoor, er is nog wel ruimte voor :)
Precies dit. Heb geen zin om elke keer [quote] en [`/quote] te typen.
Precies dit. Heb geen zin om elke keer [quote] en [`/quote] te typen.
De Quote knop wordt toegevoegd zodra je eerst op Reageer drukt.
We bedoelen rechtsonder, als je bijvoorbeeld een specifiek stuk tekst willen quoten.
Ah, duidelijk. Verkeerd begrepen.
Je kan ook [q] en [`/] gebruiken, maar blijft een beetje een gedoe om de tekens te selecteren op een mobiel touchscreentoetsenbord.
Pak de bold knop en pas de B aan voor Q.

Verder vind ik de Quote knop wel handig als die erbij zit. Een van de meest gebruikte opties, vooral op mijn smartphone.
Waar idd. B I en S altijd voor- en bovenaan staan maar weinig in gebruik voor mijn gevoel is de quote knop toch echt wel de meest gebruikte en nu missend 8)7
Jullie hosten de plaatjes zelf tegenwoordig? Veel topics uit het verleden hadden links naar destijds populaire foto hostingsites die hun voorwaarden hebben aangepast of al helemaal ter ziele zijn.
Jep, ze hosten het nu zelf.
Dan mag ik hopen dat er ook een disclaimer voor de plaatjes is. Tweakers zal niet instaan voor de plaatjes die door de users geüpload worden. :/
ACM Software Architect @TheSiemNL3 maart 2020 14:47
Tegenwoordig? Nee, dit is effectief een variatie op het fotoalbum dat we al vele jaren hebben.
Ziet er goed uit, de editor werkt ook fijn.
Ik kan echter niet mijn geüploade afbeeldingen verwijderen. Bijvoorbeeld omdat ik de post toch niet gemaakt heb. Dus er zwerft nu ergens een foto op de servers van Tweakers die nergens online staat ;)

Ah, toch een edit:

Blijkbaar gaan deze plaatjes naar een ander fotoalbum :?
Als ik via mijn Username in de balk bovenin naar Fotoalbum ga kom ik terecht op:
https://tweakers.net/my.tnet/fotoalbum/

Als ik via mijn profiel naar het fotoalbum ga kom ik hier:
gallery: Kees_B

Toch een bugje?

[Reactie gewijzigd door Cheesy op 22 juli 2024 13:20]

crisp Senior Developer @Cheesy3 maart 2020 15:07
https://tweakers.net/my.tnet/fotoalbum/ is de beheerinterface van jouw fotoalbum
gallery: Kees_B is het fotoalbum in jouw profiel zoals anderen hem ook kunnen zien
Ok, duidelijk. De beheerinterface was echter nog niet geactiveerd, waardoor ik een vrij lege pagina te zien kreeg.

Wellicht handiger om het fotoalbum vanaf nu standaard te activeren?
crisp Senior Developer @Cheesy3 maart 2020 15:39
We willen de extra mogelijkheden van het fotoalbum (zoals folderbeheer) voorlopig nog exclusief als karma/abofeature behouden.
Dank voor je toelichting, heb daar zeker begrip voor en de inspanningen worden gewaardeerd (y)
Is dit ook al in V&A van toepassing? Dus eindelijk van die irritante 4mb limiet af?
De upload voor V&A gaan we op een later tijdstip nog omzetten. Naar de upload limieten moeten we inderdaad ook nog kijken...
Ik zou zeggen 6 mb alle foto's, en na 2 jaar de foto's van vervallen ad's automatish rezizen naar 2gb.

Geen idee of dat een oplossing is om ee voor te zorgen dat jullie HDD's niet overstromen.
Hdd’s worden toch alleen maar goedkoper. Gewoon een keer een 100TB san neerpleuren en lan sponsoren voor een advertorial :D :D
@crisp Ik zal er wel geheel overheen kijken, maar waar zijn o.a. de underline-, quote- en videoknopjes gebleven?
crisp Senior Developer @Jorgen4 maart 2020 08:51
Op mobiel hebben we de knopjes wat groter gemaakt waardoor er simpelweg minder passen. We gaan nog kijken of we daar andere keuzes in moeten maken. Als het goed is krijg je wel meer knopjes te zien in landscape ;)
Landscape bij reageren op de fp geeft me zelfs geen fotoknopje. Gewoon 6 verticaal, net als portret. OK op de fp mag je ook geen foto's posten, maar het aantal knopjes blijft gelijk.

Op het forum gaat portret ➡️ landscape wel van 9 naar 12 knopjes, inderdaad. Dan nog missen bijv sub en super.

[Reactie gewijzigd door Jorgen op 22 juli 2024 13:20]

crisp Senior Developer @Jorgen4 maart 2020 11:27
sub en super zijn inderdaad helemaal weggehaald, maar we gaan er sowieso nog verder naar kijken cq meten welke knoppen het meest gebruikt worden in de praktijk en daar eea op aanpassen :)
Dank voor je reacties. Ik wacht het even af. (y)
Voorheen kon je ook zien hoe vaak je foto's bekeken waren in totaal, dit is er uitgehaald met deze nieuwe feature?
ACM Software Architect @MADG0BLIN3 maart 2020 15:48
Ja, dat staat zelfs in de tekst ('Statistiekenpagina') ;)
Stom van me. Compleet overheen gelezen. 8)7
Jammer dat ie eruit is, vond het altijd wel geinig om te zien.
fijne toevoeging! _/-\o_
Zeker. Het scheelt een hoop copy paste, tabblad sluiten enz. gedoe, dat vooral op een mobiel niet prettig werkt.

Hoe dit het eigenlijk met afbeeldingen die te groot zijn. Worden die automatisch verkleind?
Zo te zien wel, ik heb net een foto van 5 MB (4032x3024) gepost en dat ging probleemloos.

Maar dank voor deze implementatie, ik ben er blij mee!
Eindelijk! De langverwachte feature van het afgelopen decennium _O_
precies dat - na jaaren mauwen, topics, DM's en toffee's is het moment eindelijk daar *O*

tweakers of beter; de community, gefeliciteerd!!

* himlims_ gaat het t.net abbo weer aanvragen!
...alsmede de mogelijkheid om plaatjes vanaf je lokale opslag te selecteren...
Of je kunt doorklikken naar je lokale opslag of camera om van daaruit afbeeldingen toe te voegen.
Vraagje, hoe is dit geïmplementeerd? Via 'File Access' API?
crisp Senior Developer @geertdo3 maart 2020 15:43
Inderdaad, een combinatie van de File API, Clipboard API, FileReader en Drag and Drop :)
Nu moet ik dus elke keer zelf [*img][/img] gaan intikken..?
Haal veel foto's af van Reddit en twitter
De foto upload tool ondersteunt copy/paste. Om een afbeelding van Reddit of een andere bron in te voegen volstaat het dus om die afbeelding te kopiëren en 'm te plakken in de 'Afbeeldingen invoegen' view.
Op mobiel werkt die niet of ik kijk hier vol overheen :)

Op dit item kan niet meer gereageerd worden.