<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ai - THINGS IO | Low-code data koppelen vanuit Groningen</title>
	<atom:link href="https://things.io/tag/ai/feed/" rel="self" type="application/rss+xml" />
	<link>https://things.io</link>
	<description>Low-code koppelen van data</description>
	<lastBuildDate>Tue, 25 Mar 2025 10:29:12 +0000</lastBuildDate>
	<language>nl-NL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>
	<item>
		<title>Video: Visma financiële analyse via OpenAI</title>
		<link>https://things.io/video-visma-financiele-analyse-via-openai/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Tue, 04 Mar 2025 13:05:39 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Automate]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[automation]]></category>
		<category><![CDATA[visma]]></category>
		<category><![CDATA[workflow]]></category>
		<guid isPermaLink="false">https://things.io/?p=12274</guid>

					<description><![CDATA[<p>Introductie Een korte demo hoe je AI kunt gebruiken om een financieel scherm te analyseren.</p>
<p>The post <a href="https://things.io/video-visma-financiele-analyse-via-openai/">Video: Visma financiële analyse via OpenAI</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="12274" class="elementor elementor-12274">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-30fcb21 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="30fcb21" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c7fb827" data-id="c7fb827" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e1c6ba7 elementor-alert-info elementor-widget elementor-widget-alert" data-id="e1c6ba7" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">Een korte demo hoe je AI kunt gebruiken om een financieel scherm te analyseren.</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fe228ed elementor-widget elementor-widget-spacer" data-id="fe228ed" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/video-visma-financiele-analyse-via-openai/">Video: Visma financiële analyse via OpenAI</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Optimaliseer uw zakelijke efficiëntie met workflow automatisering en no-code oplossingen</title>
		<link>https://things.io/optimaliseer-uw-zakelijke-efficientie-met-workflow-automatisering-en-no-code-oplossingen/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Wed, 19 Feb 2025 09:00:00 +0000</pubDate>
				<category><![CDATA[Automate]]></category>
		<category><![CDATA[Business Process Automation]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[agents]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[flows]]></category>
		<category><![CDATA[n8n]]></category>
		<category><![CDATA[no-code]]></category>
		<category><![CDATA[workflow]]></category>
		<guid isPermaLink="false">https://things.io/?p=12172</guid>

					<description><![CDATA[<p>Introductie In dit tijdperk van digitale transformatie is het automatiseren van workflows en het gebruik van no-code tools niet langer voorbehouden aan technische experts. In dit artikel onderzoeken we hoe n8n en WordPress bedrijfsprocessen kunnen stroomlijnen, en hoe no-code platforms innovatie kunnen stimuleren. De opkomst van workflow automatisering Workflow automatisering heeft zich ontpopt als een [&#8230;]</p>
<p>The post <a href="https://things.io/optimaliseer-uw-zakelijke-efficientie-met-workflow-automatisering-en-no-code-oplossingen/">Optimaliseer uw zakelijke efficiëntie met workflow automatisering en no-code oplossingen</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="12172" class="elementor elementor-12172">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-3b267b83 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3b267b83" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-327b6498" data-id="327b6498" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2e66eb9 elementor-alert-info elementor-widget elementor-widget-alert" data-id="2e66eb9" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">In dit tijdperk van digitale transformatie is het automatiseren van workflows en het gebruik van no-code tools niet langer voorbehouden aan technische experts. In dit artikel onderzoeken we hoe n8n en WordPress bedrijfsprocessen kunnen stroomlijnen, en hoe no-code platforms innovatie kunnen stimuleren.</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-8efb90b elementor-widget elementor-widget-spacer" data-id="8efb90b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-f4890dd elementor-widget elementor-widget-text-editor" data-id="f4890dd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h2><strong>De opkomst van workflow automatisering</strong></h2><p>Workflow automatisering heeft zich ontpopt als een revolutionaire technologie die de traditionele beheer- en uitvoering van taken transformeert. Oorspronkelijk in de productiesector geïntroduceerd, heeft deze technologie een lange weg afgelegd en is nu cruciaal voor de efficiëntie binnen de moderne werkplek. Door het automatiseren van routinematige en tijdrovende taken, stelt workflow automatisering organisaties in staat hun processen te stroomlijnen en de productiviteit aanzienlijk te verhogen. De kernvoordelen omvatten niet alleen verbeterde efficiëntie en productiviteit maar ook een aanzienlijke reductie in menselijke fouten, wat leidt tot hogere nauwkeurigheid in gegevensmanagement en -verwerking.</p><p>Belangrijker is hoe deze technologie naadloos integreert met hedendaagse bedrijfsprocessen. Bedrijven die workflow automatisering adopteren, profiteren van de mogelijkheid om complexe processen te vereenvoudigen en de afhankelijkheid van manuele input te verminderen. Dit resulteert in een versnelling van bedrijfsprocessen en optimaliseert de gebruikservaring voor zowel medewerkers als klanten. Zo worden bijvoorbeeld goedkeuringsprocessen geautomatiseerd, waardoor de doorlooptijd van projecten versnelt en de samenwerking binnen teams verbetert.</p><p>De integratie van workflow automatisering in de bedrijfsvoering illustreert een belangrijke verschuiving naar meer gestroomlijnde, efficiënte en foutbestendige processen. Dit vormt een fundamentele basis voor bedrijven die streven naar innovatie en groei in een competitieve markt. Met het oog op de toekomst, is de verwachting dat de adoptie van workflow automatiseringstechnologieën zal blijven toenemen, zeker met de opkomst van AI agents, gedreven door de voortdurende behoefte aan efficiëntieverbetering en kostenreductie binnen organisaties.</p><h2><strong>No-code platforms als katalysator voor bedrijfsinnovatie</strong></h2><p>Na de opkomst van workflow automatisering, waarbij het fundamentele doel is om efficiëntie binnen organisatorische taken te verbeteren, verschijnen nu nieuwe spelers op het veld die deze transformatie naar een hoger niveau tillen: no-code ontwikkelingsplatformen. Deze platforms, zoals n8n, verlagen de drempel aanzienlijk voor het bouwen van applicaties en het automatiseren van workflows zonder de noodzaak van uitgebreide programmeerkennis. Dit maakt het mogelijk voor niet-technische gebruikers om complexe processen te ontwerpen, te bouwen en te automatiseren, wat een directe invloed heeft op de versnelling van bedrijfsinnovatie.</p><p>De potentie van no-code ligt in de mogelijkheid om snel en efficiënt oplossingen te creëren voor zakelijke processen, die anders onbereikbaar zouden zijn geweest door het tekort aan softwareontwikkelaars. Deze platforms bieden een visuele ontwerpinterface waarmee gebruikers door middel van drag-and-drop-functies workflows kunnen opzetten die gegevens tussen verschillende applicaties en systemen verplaatsen en transformeren. Hierdoor kunnen bedrijven op een kosteneffectieve manier hun bedrijfsprocessen automatiseren en optimaliseren.</p><p>Het gebruik van no-code platforms zoals <b>n8n </b>binnen organisaties stelt gebruikers in staat om op een intuïtieve en toegankelijke wijze hun ideeën tot leven te brengen. Zo kunnen bedrijfsprocessen die voorheen vastzaten in de pijplijn van IT-ontwikkelingsqueues, nu vlot en zonder grote tussenkomst worden gerealiseerd. Dit leidt niet alleen tot een snellere implementatie van oplossingen maar ook <b>tot een cultuur</b> waarin innovatie wordt gedemocratiseerd en elke medewerker kan bijdragen aan de verbetering van bedrijfsprocessen. Citizen development is de toekomst voor de digitale werker!</p><p>In een tijdperk waarin aanpassingsvermogen en snelheid essentieel zijn voor het overleven, bieden no-code platforms de perfecte tools om deze kwaliteiten te omarmen en te integreren in de dagelijkse bedrijfsvoering. In de volgende sectie zullen we zien hoe deze innovatieve tool niet alleen processen automatiseert maar ook de gehele manier van zakendoen transformeert.</p><h2><strong>n8n als brug tussen no-code en workflow automatisering</strong></h2><p>Binnen het domein van no-code ontwikkelingsplatformen biedt n8n een unieke propositie door als krachtige orchestrator van bedrijfsprocessen te dienen. Waar de vorige sectie de nadruk legde op hoe no-code platformen de toegankelijkheid tot automatisering verbreden, zal deze sectie specifiek ingaan op hoe n8n deze belofte waarmaakt door bedrijfsprocessen naadloos te verbinden en te automatiseren. n8n onderscheidt zich door een intuïtieve, visuele programmeerinterface te bieden waarmee niet-technische gebruikers complexe workflows kunnen ontwerpen en implementeren. Deze workflows bevatten vaak meervoudige integraties met populaire zakelijke apps en diensten om de efficiëntie binnen de organisatie te optimaliseren.</p><p>Het revolutionaire aspect van n8n ligt in zijn flexibiliteit; gebruikers kunnen zonder een enkele regel code te schrijven, datastromen tussen apps zoals CRM-systemen, databases, en zelfs op maat gemaakte in-house applicaties coördineren. Dit elimineert de noodzaak voor tijdrovende manuele processen en stelt teams in staat sneller te reageren op zakelijke behoeften.</p><p>Een belangrijk onderdeel van n8n&#8217;s kracht is zijn rijke bibliotheek van ‘nodes’ – vooraf gebouwde, configureerbare elementen die de verbindingen tussen verschillende diensten faciliteren. Met nodes kan een gebruiker bijvoorbeeld automatisch informatie uit een e-mail halen en deze in een spreadsheet invoegen, of updates van social media kanalen integreren in een <b>marketing dashboard</b>. Dit niveau van integratie bereidt de weg voor geavanceerde automatiseringsmogelijkheden die voorheen ondenkbaar waren zonder diepgaande technische expertise.</p><p>Als aanloop naar de volgende sectie over WordPress, biedt n8n een uitstekend raamwerk voor het automatiseren van contentmanagementtaken. Door n8n te integreren met WordPress, kunnen bedrijven complexe publicatie workflows automatiseren, waardoor de efficiëntie van contentbeheer drastisch toeneemt. Deze symbiose tussen n8n en WordPress markeert een aanzienlijke vooruitgang in de manier waarop bedrijven hun digitale aanwezigheid beheren en optimaliseren, wat benadrukt hoe workflow automatisering en no-code platformen samen een nieuwe horizon in zakelijke efficiëntie ontsluiten.</p><h2><strong>WordPress en contentautomatisering via n8n</strong></h2><p>WordPress heeft zich ontwikkeld tot meer dan zomaar een platform voor bloggen; het is een veelzijdige speler op het gebied van contentbeheer dat essentieel is voor moderne bedrijven. De kracht van WordPress ligt niet alleen in de eenvoud van het publiceren van content maar ook in zijn vermogen om naadloze integraties met workflow automatiseringstools te ondersteunen, waardoor bedrijven efficiënter kunnen opereren. Door gebruik te maken van de uitgebreide reeks plugins en thema&#8217;s, kunnen gebruikers zonder programmeerkennis complexe websites bouwen en beheren.</p><p>Cruciaal voor de automatisatie van content creëren is de mogelijkheid om WordPress te koppelen aan tools zoals n8n, eerder besproken als de brug tussen no-code en workflow automatisering. Door deze koppeling worden contentbeheerprocessen gestroomlijnd en kan bijvoorbeeld content automatisch worden gepland, gepubliceerd en gedeeld over verschillende platforms. Dit bespaart niet alleen kostbare tijd maar zorgt ook voor consistentie in de publicatieflow.</p><p>Een praktisch voorbeeld is het automatiseren van de publicatie van blogposts. Zodra een post in WordPress is geschreven en klaargezet, kan n8n gebruikt worden om deze post op een vooraf bepaald tijdstip automatisch te publiceren. Nog indrukwekkender, dezelfde workflow kan worden gebruikt om de post over sociale media te verspreiden, emailmeldingen naar abonnees te sturen, en zelfs de prestaties van de post te monitoren door integraties met analyseplatforms.</p><p>Deze synergie tussen WordPress en workflow automatiseringstools vertegenwoordigt een krachtige combinatie voor bedrijven die hun digitale aanwezigheid willen optimaliseren zonder diepgaande technische kennis. Het stelt teams in staat om zich te concentreren op de inhoud en strategie, terwijl de technologie zorgt voor de efficiënte distributie en het beheer van content.</p><p>In het volgende sluitstuk van deze reeks zullen we verder onderzoeken hoe de integratie van workflow automatisering en no-code hulpmiddelen zoals n8n en WordPress strategisch kan worden benaderd binnen uw bedrijf. Dit omvat het vaststellen van doelstellingen, het voorbereiden van uw team op deze technologieën en het analyseren van de impact op uw bedrijfsprocessen, waardoor een naadloze implementatie en maximalisering van de efficiëntie mogelijk wordt.</p><h2><strong>Integratie van workflow automatisering en no-code in uw bedrijf</strong></h2><p>Om de integratie van workflow automatisering en no-code in uw bedrijf succesvol te maken, is een zorgvuldige planning essentieel. Voortbouwend op de basis van WordPress als instrument voor contentautomatisering, biedt de toepassing van n8n naadloze koppelingen tussen diverse systemen en applicaties, wat de efficiëntie van uw bedrijfsprocessen aanzienlijk kan verbeteren.</p><p><b>Definieer eerst duidelijk de bedrijfsdoelen</b> die u met automatisering wilt bereiken. Of het nu gaat om het verminderen van handmatige data-invoer, het verbeteren van klantcommunicatie of het versnellen van verkoopprocessen, een heldere doelstelling is cruciaal voor succes.</p><p>Het <b>trainen van uw personeel</b> is een volgende cruciale stap. No-code platformen zoals n8n en WordPress vereisen geen diepgaande technische kennis, maar een goed begrip van de principes achter workflow automatisering is essentieel. Het aanbieden van trainingssessies of workshops kan uw team helpen de mogelijkheden van deze hulpmiddelen volledig te benutten.</p><p>Tot slot, <b>meet de impact</b> van ingevoerde automatisering op uw bedrijfsprocessen. Door gebruik te maken van analytics en feedbacklussen kunt u zien waar verdere optimalisatie mogelijk is en de <b>ROI </b>van uw initiatieven vaststellen. Dit helpt niet alleen bij het finetunen van bestaande workflows, maar ook bij het plannen van toekomstige automatiseringsprojecten.</p><p>Door deze best practices te volgen, kunt u een solide basis leggen voor de invoering en het succesvol beheer van workflow automatisering en no-code oplossingen binnen uw onderneming, waardoor u op weg bent naar een meer gestroomlijnde en efficiënte bedrijfsvoering.</p><p><strong>Conclusies</strong></p><p>Workflow automatisering en no-code oplossingen bieden krachtige mogelijkheden om bedrijfsprocessen te stroomlijnen en innovatie te bevorderen. Tools zoals n8n stellen gebruikers in staat efficiëntie te verhogen en flexibiliteit binnen organisaties te verbeteren.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/optimaliseer-uw-zakelijke-efficientie-met-workflow-automatisering-en-no-code-oplossingen/">Optimaliseer uw zakelijke efficiëntie met workflow automatisering en no-code oplossingen</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Waar moet je op letten bij de inzet van AI?</title>
		<link>https://things.io/waar-moet-je-op-letten-bij-de-inzet-van-ai/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Mon, 16 Dec 2024 12:07:36 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Automate]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[kosten]]></category>
		<category><![CDATA[privacy]]></category>
		<category><![CDATA[soevereiniteit]]></category>
		<category><![CDATA[tokens]]></category>
		<guid isPermaLink="false">https://things.io/?p=11983</guid>

					<description><![CDATA[<p>Natuurlijk wil je als MKB bedrijf AI inzetten om je bedrijf verder te automatiseren en wellicht zelfs kosten te besparen. Maar waar moet je op letten? Wat zijn de valkuilen? Ik werk ruim 25 jaar met MKB bedrijven op het gebied van ICT en heb AI al snel ontdekt als tool om zaken sneller voor elkaar te krijgen.</p>
<p>The post <a href="https://things.io/waar-moet-je-op-letten-bij-de-inzet-van-ai/">Waar moet je op letten bij de inzet van AI?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11983" class="elementor elementor-11983">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5d5317c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d5317c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d7e9cc" data-id="9d7e9cc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6faef8b elementor-widget elementor-widget-spacer" data-id="6faef8b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9a6d565 elementor-button-info elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="9a6d565" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://thingsio.substack.com/p/ai-the-end-of-web-scraping-the-old" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Klik hier voor audio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-e06adbc elementor-widget elementor-widget-spacer" data-id="e06adbc" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d779c4b elementor-alert-info elementor-widget elementor-widget-alert" data-id="d779c4b" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">Natuurlijk wil je als MKB bedrijf AI inzetten om je bedrijf verder te automatiseren en wellicht zelfs kosten te besparen. Maar waar moet je op letten? Wat zijn de valkuilen? Ik werk ruim 25 jaar met MKB bedrijven op het gebied van ICT en heb AI al snel ontdekt als tool om zaken sneller voor elkaar te krijgen.</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d683c7c elementor-widget elementor-widget-spacer" data-id="d683c7c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9f8f6b8 elementor-widget elementor-widget-heading" data-id="9f8f6b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Waarom?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-ddc5c5d elementor-widget elementor-widget-spacer" data-id="ddc5c5d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d20e9cb elementor-widget elementor-widget-text-editor" data-id="d20e9cb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Een vraag die je vaak hoort in eerste gesprekken. &#8220;Wat betekent AI voor mijn bedrijf?&#8221; Zonder een diepgaande de analyse van een bedrijf is deze vraag specifiek niet direct te beantwoorden maar generiek gezien kan elk bedrijf AI inzetten om:</p><ul><li>sneller nieuwe content te maken</li><li>interne kennis te borgen (knowledgebase)</li><li>saaie content op te leuken (podcasts, video&#8217;s)</li><li>cv&#8217;s te analyseren</li><li>instructievideo&#8217;s te maken</li><li>customer support te optimaliseren</li><li>eenvoudiger software te ontwikkelen</li></ul><p>Dat zijn nogal wat zaken die door AI afgehandeld kunnen worden en weke tool moet je gebruiken en waar moet je mee beginnen?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5f81731 elementor-widget elementor-widget-spacer" data-id="5f81731" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5873b18 elementor-widget elementor-widget-heading" data-id="5873b18" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Innoveren of kosten besparen?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-e2f3c27 elementor-widget elementor-widget-spacer" data-id="e2f3c27" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6bb1164 elementor-widget elementor-widget-text-editor" data-id="6bb1164" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Afhankelijk van het soort bedrijf, hightech of meer traditioneel, wordt er meestal een keuze gemaakt voor een eerste doel. Mijn ervaring is dat bedrijven die veel technologie gebruiken vaak als eerste naar de innovatiekant kijken en meer traditionele bedrijven kijken meer naar de bespaarkant.</p><p>De bespaarkant benadering is de eenvoudigste omdat er niets nieuws verzonnen hoeft te worden. We analyseren de huidige processen en kijken wat er door AI gedaan kan worden.</p><p>Met de innovatiekant richten we ons in eerste instantie meer op nieuwe mogelijkheden. Kunnen we bijvoorbeeld eenvoudig zelf nieuwe software ontwikkelen met AI?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-3f4e45f elementor-widget elementor-widget-spacer" data-id="3f4e45f" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-254cb8e elementor-widget elementor-widget-heading" data-id="254cb8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De AI ambassadeur</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-18d401b elementor-widget elementor-widget-spacer" data-id="18d401b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-95414ff elementor-widget elementor-widget-text-editor" data-id="95414ff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Sommige bedrijven of consultants noemen dit een AI officer maar ik spreek voor MKB bedrijven liever over een AI ambassadeur.</p><p>Omdat medewerkers al veel AI gebruiken in zowel thuis- als werksituaties is het heel zinvol een aanspreekpunt te hebben voor AI zaken. Dit kan een ICT medewerker zijn maar het mag ook iemand anders zijn.</p><p>Deze AI ambassadeur zal namens de directie twee zaken moeten oppakken:</p><ul><li>begeleiden van een AI beleid t.o.v. tools en kennis</li><li>bewaken van de punten die we verderop in het artikel beschrijven</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-b3b4876 elementor-widget elementor-widget-spacer" data-id="b3b4876" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-75cb7cd elementor-widget elementor-widget-heading" data-id="75cb7cd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Het beleid</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4fc95da elementor-widget elementor-widget-spacer" data-id="4fc95da" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-91d8df9 elementor-widget elementor-widget-text-editor" data-id="91d8df9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Omdat medewerkers niet altijd goed doorzien wat de gevolgen zijn van het gebruik van AI tools, is het van belang een AI beleid op te stellen. Dit beleid zal duidelijk moeten omschrijven wat het standpunt van het bedrijf is als het aankomt op:</p>
<ul>
<li>tools</li>
<li>door AI gegenereerde content</li>
<li>privacy</li>
<li>aansprakelijkheid</li>
</ul>
<div>Het is wellicht zinvol een addendum bij contracten te doen maar dat is het werk van juristen.</div>								</div>
				</div>
				<div class="elementor-element elementor-element-945d39f elementor-widget elementor-widget-spacer" data-id="945d39f" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-03469fd elementor-widget elementor-widget-heading" data-id="03469fd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De aandachtspunten</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a504959 elementor-widget elementor-widget-spacer" data-id="a504959" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0cf888 elementor-widget elementor-widget-text-editor" data-id="a0cf888" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Je wilt bij voorkeur het gebruik van AI niet aan banden leggen omdat het ook tot prachtige resultaten kan leiden maar het is wel van belang de volgende aandachtspunten onder de loep te nemen:</p><ul><li> gaan we een hele set aan verschillende tools gebruiken of bouwen we een toolset rond 1 AI aanbieder</li><li>zijn onze medewerkers op de hoogte van het feit dat openbare AI diensten ook kunnen trainen op toegevoegde informatie (kritische bedrijfsdata)</li><li>is de AI output conform het stijlboek van het bedrijf. Het is niet altijd eenvoudig consistente AI output te krijgen</li><li>zijn de kosten (tokens) van het gebruik van AI inzichtelijk?</li><li>kunnen we te maken krijgen met copyright issues?</li><li>hebben we het gebruik van AI ook getoetst met de AVG?</li><li>weten we alles over toekomstige wetgeving?</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-c0b7d0c elementor-widget elementor-widget-heading" data-id="c0b7d0c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Advies: een toolset voor AI met N8N</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-cccdda2 elementor-widget elementor-widget-spacer" data-id="cccdda2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-f7faa5b elementor-widget elementor-widget-text-editor" data-id="f7faa5b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Er zijn veel tools op de markt. Bij THINGS IO richten we ons veel op tools die zonder hele zware kennis ICT zijn te beheren. Daarnaast zijn ze vanuit privacy oogpunt goed in te zetten.</p><p>Een combinatie die wij veel gebruiken is:</p><ul><li>Digital Ocean voor de server</li><li>Easypanel voor het serverbeheer</li><li>N8N voor o.a. AI workflow automatisering</li><li>Budibase voor low-code databases en interfaces</li><li>MariaDB voor data.</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-3611e1e elementor-widget elementor-widget-image" data-id="3611e1e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1024" height="432" src="https://things.io/wp-content/uploads/2024/12/flux-1024x432.png" class="attachment-large size-large wp-image-11986" alt="" srcset="https://things.io/wp-content/uploads/2024/12/flux-1024x432.png 1024w, https://things.io/wp-content/uploads/2024/12/flux-300x127.png 300w, https://things.io/wp-content/uploads/2024/12/flux-768x324.png 768w, https://things.io/wp-content/uploads/2024/12/flux.png 1497w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-95abaa5 elementor-widget elementor-widget-spacer" data-id="95abaa5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0f4e37c elementor-widget elementor-widget-heading" data-id="0f4e37c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Nog even iets over tokens</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c2de906 elementor-widget elementor-widget-spacer" data-id="c2de906" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-851c2b5 elementor-widget elementor-widget-text-editor" data-id="851c2b5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Een onderbelicht kant van AI is de kostenkant. We zitten al aan het infuus bij de grote techbedrijven en opstapelende SaaS kosten zijn een fenomeen van de laatste tijd. Over het algemeen gezien zijn de nieuwste AI modellen de duurste. En ja, je moet betalen voor AI!</p><p>Hieronder zie je een tabel van OpenAI:</p><p><img decoding="async" class="alignnone size-medium wp-image-11987" src="https://sites-wpthings.wovvoi.easypanel.host/wp-content/uploads/2024/12/openai-300x206.png" alt="" width="300" height="206" srcset="https://things.io/wp-content/uploads/2024/12/openai-300x206.png 300w, https://things.io/wp-content/uploads/2024/12/openai.png 687w" sizes="(max-width: 300px) 100vw, 300px" /></p><p>Over het algemeen betaal je voor een aantal miljoen tokens.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/waar-moet-je-op-letten-bij-de-inzet-van-ai/">Waar moet je op letten bij de inzet van AI?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Proef op de som, kun je met Cursor AI echt snel software ontwikkelen?</title>
		<link>https://things.io/cursor/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Mon, 09 Dec 2024 12:15:12 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Automate]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[crypto]]></category>
		<category><![CDATA[cursor AI]]></category>
		<category><![CDATA[stock]]></category>
		<category><![CDATA[tradingview]]></category>
		<guid isPermaLink="false">https://things.io/?p=11901</guid>

					<description><![CDATA[<p>Een blogpost waarin we o.a. met Cursor AI een chrome plugin bouwen die een screenshot upload naar een eigen server en deze analyseert.</p>
<p>The post <a href="https://things.io/cursor/">Proef op de som, kun je met Cursor AI echt snel software ontwikkelen?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11901" class="elementor elementor-11901">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5d5317c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d5317c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d7e9cc" data-id="9d7e9cc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6faef8b elementor-widget elementor-widget-spacer" data-id="6faef8b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9a6d565 elementor-button-info elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="9a6d565" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://thingsio.substack.com/p/ai-the-end-of-web-scraping-the-old" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Klik hier voor audio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-e06adbc elementor-widget elementor-widget-spacer" data-id="e06adbc" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d779c4b elementor-alert-info elementor-widget elementor-widget-alert" data-id="d779c4b" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">Ik ontwikkel al jaren niet meer in traditionele development tools maar ben wel veel betrokken bij low-code projecten. De hele hype rondom nieuwe development tools heeft mij doen besluiten iets te ontwikkelen met cursor AI en N8N. Het uiteindelijk doel is om een generieke tool te ontwikkelen die analyses kan doen via Chrome binnen cloud oplossingen. Dit kunnen websites zijn of SaaS oplossingen. Enkele voorbeelden: Visma ERP, Superoffice en anderen.</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d683c7c elementor-widget elementor-widget-spacer" data-id="d683c7c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9f8f6b8 elementor-widget elementor-widget-heading" data-id="9f8f6b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Waarom?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-ddc5c5d elementor-widget elementor-widget-spacer" data-id="ddc5c5d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d20e9cb elementor-widget elementor-widget-text-editor" data-id="d20e9cb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Ik geloof in <strong>Citizen Developers</strong>, zeker met de huidige generatie tools. De meeste bedrijven hebben voldoende aan simpele oplossingen die het werk vereenvoudigen of automatiseren. Met AI tools kun je snel zinvolle oplossingen bouwen zonder een groot en log ontwikkelteam.</p><p>Elke MKB&#8217;er kan wel een AI specialist gebruiken om interne oplossingen te bouwen.</p><p>Verder denk ik dat software integraties gaan veranderen. Vroeger had je API&#8217;s en gestructureerde data nodig maar nu kun je met AI screenshots analyseren en er vragen over stellen, dit scheelt enorm in de ontwikkelkosten.</p><p><strong>Voorbeeld:</strong> je zit in een financieel scherm van je administratie en wilt wat analyses doen op verkooporders. Je maakt een screenshot via de Chrome plugin en vervolgens geef je op wat je wilt weten.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5f81731 elementor-widget elementor-widget-spacer" data-id="5f81731" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5873b18 elementor-widget elementor-widget-heading" data-id="5873b18" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wat voor tool had ik nodig?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-e2f3c27 elementor-widget elementor-widget-spacer" data-id="e2f3c27" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6bb1164 elementor-widget elementor-widget-text-editor" data-id="6bb1164" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Ik had niet echt iets nodig maar mijn interesse voor aandelen en crypto bracht mij op het idee om een Chrome extension te maken die eenvoudige analyses maakt van de Tradingview.com grafieken. Ik ben geen specialist maar probeer steeds meer te leren over wanneer je wel of niet moet instappen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-c1e8070 elementor-widget elementor-widget-image" data-id="c1e8070" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1024" height="486" src="https://things.io/wp-content/uploads/2024/12/cursor_4-1024x486.png" class="attachment-large size-large wp-image-11906" alt="" srcset="https://things.io/wp-content/uploads/2024/12/cursor_4-1024x486.png 1024w, https://things.io/wp-content/uploads/2024/12/cursor_4-300x142.png 300w, https://things.io/wp-content/uploads/2024/12/cursor_4-768x364.png 768w, https://things.io/wp-content/uploads/2024/12/cursor_4-1536x729.png 1536w, https://things.io/wp-content/uploads/2024/12/cursor_4.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-3f4e45f elementor-widget elementor-widget-spacer" data-id="3f4e45f" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-254cb8e elementor-widget elementor-widget-heading" data-id="254cb8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De tools</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-18d401b elementor-widget elementor-widget-spacer" data-id="18d401b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-95414ff elementor-widget elementor-widget-text-editor" data-id="95414ff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Voor dit soort experimenten heb je altijd een backend nodig en in dit geval heb ik weer gekozen voor <a href="https://n8n.partnerlinks.io/abzqdv0srnlw" target="_blank" rel="noopener"><strong>N8N</strong></a>. Deze draait als Open Source tool op een Digital Ocean server en voorziet diverse klanten van een stabiele backend oplossing.</p><p>Voor de frontend was het uitgangspunt een AI tool te gebruiken. Na het kijken van een aantal filmpjes was de keuze voor <strong>cursor AI</strong> gauw gemaakt.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b3b4876 elementor-widget elementor-widget-spacer" data-id="b3b4876" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-75cb7cd elementor-widget elementor-widget-heading" data-id="75cb7cd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Het idee</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4fc95da elementor-widget elementor-widget-spacer" data-id="4fc95da" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0063df elementor-widget elementor-widget-text-editor" data-id="a0063df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Mijn idee was simpel:</p><blockquote><p>Een Chrome plugin die een screenshot maakt en die doorstuurt naar een backend service die dit screenshot analyseert en dan in de Chrome plugin laat zien wat de analyse van een Tradingview chart is.</p></blockquote>								</div>
				</div>
				<div class="elementor-element elementor-element-91d8df9 elementor-widget elementor-widget-text-editor" data-id="91d8df9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Inderdaad simpel, maar de plugin moet ook:</p><ol><li>Alleen maar werken op de tradingview.com website;</li><li>Een instelling hebben voor de URL waar je het screenshot heen stuurt;</li><li>Controles doen of alles juist is ingevuld;</li><li>Disabled zijn als je op de verkeerde website zit.</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-03469fd elementor-widget elementor-widget-heading" data-id="03469fd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De uitwerking</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a504959 elementor-widget elementor-widget-spacer" data-id="a504959" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0cf888 elementor-widget elementor-widget-text-editor" data-id="a0cf888" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Zoals zo vaak ben ik gewoon begonnen. Ik had al een idee en dat heb ik verder uitgewerkt.</p><h3>De Chrome plugin</h3><p>Ik had geen duidelijke interface in gedachten maar het moest simpel zijn:</p><ol><li>screenshot knop</li><li>instellingen</li><li>meldingen</li><li>resultaat</li></ol><p>Mijn uitgangspunt, geen ingewikkelde interface maar precies wat nodig is.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-cd2fb1e elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel" data-id="cd2fb1e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}" data-widget_type="image-carousel.default">
				<div class="elementor-widget-container">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="Afbeelding carrousel" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 van 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://things.io/wp-content/uploads/2024/12/cursor_6-150x100.png" alt="cursor_6" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 van 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://things.io/wp-content/uploads/2024/12/cursor_7-150x150.png" alt="cursor_7" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 van 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://things.io/wp-content/uploads/2024/12/cursor_2-150x150.png" alt="cursor_2" /></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<i aria-hidden="true" class="eicon-chevron-left"></i>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<i aria-hidden="true" class="eicon-chevron-right"></i>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ac682f2 elementor-widget elementor-widget-spacer" data-id="ac682f2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-356f0fa elementor-widget elementor-widget-spacer" data-id="356f0fa" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fc350a1 elementor-widget elementor-widget-text-editor" data-id="fc350a1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Nu kwam AI om de hoek kijken via Cursor AI. Na installatie was de eerste stap een folder kiezen. In die folder genereer je later automatisch de code.</p><p>Ik heb zelf alles via de composer via prompts laten bouwen, geen handmatig tweaks.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-a12bc53 elementor-widget elementor-widget-image" data-id="a12bc53" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1018" height="769" src="https://things.io/wp-content/uploads/2024/12/cursor_1.png" class="attachment-large size-large wp-image-11909" alt="" srcset="https://things.io/wp-content/uploads/2024/12/cursor_1.png 1018w, https://things.io/wp-content/uploads/2024/12/cursor_1-300x227.png 300w, https://things.io/wp-content/uploads/2024/12/cursor_1-768x580.png 768w, https://things.io/wp-content/uploads/2024/12/cursor_1-530x400.png 530w" sizes="(max-width: 1018px) 100vw, 1018px" />															</div>
				</div>
				<div class="elementor-element elementor-element-e62eebb elementor-widget elementor-widget-spacer" data-id="e62eebb" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cb30983 elementor-widget elementor-widget-text-editor" data-id="cb30983" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Je begint met de prompt om een Chrome plugin te bouwen en van daaruit werk je verder. Het is belangrijk om exact te beschrijven wat je wilt, van interface tot aanroepen van externe URL&#8217;s. Enkele tips:</p><ol><li>Plak fouten ook in de composer en vraag om het op te lossen;</li><li>Beschrijf in detail wat je wilt;</li><li>Geef ook duidelijk aan als je assets zoals icoontjes wilt laten genereren;</li><li>Vraag ook om te kunnen debuggen naar de Chrome console.</li></ol><h3>Mijn conclusie met Cursor AI</h3><p>Ik heb er een <b>kleine 2 uur</b> aan gewerkt en dat was met vallen en opstaan. Mijn eerste idee was om S3 te gebruiken maar op dat pad kwam ik iets teveel issues tegen. Dit lag niet aan Cursor AI maar mee aan de specifieke eisen van de S3 provider.</p><p>Overall was het fijn werken en heb ik nog nooit zo snel zo&#8217;n zinvolle Chrome extensie gemaakt.</p><h3>De backend</h3><p>Dit was een appeltje eitje, we hebben zoveel workflows voor klanten gemaakt dat dit een investering van max. een half uurtje was. De belangrijkste stappen om dit te realiseren waren:</p><ol><li>Webhook URL;</li><li>Doorsturen binair bestand naar OpenAI image analyser;</li><li>Response tergusturen.</li></ol><p>Deze flow is supersimpel.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-cb35eca elementor-widget elementor-widget-image" data-id="cb35eca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="657" height="338" src="https://things.io/wp-content/uploads/2024/12/cursor_3.png" class="attachment-large size-large wp-image-11910" alt="" srcset="https://things.io/wp-content/uploads/2024/12/cursor_3.png 657w, https://things.io/wp-content/uploads/2024/12/cursor_3-300x154.png 300w" sizes="(max-width: 657px) 100vw, 657px" />															</div>
				</div>
				<div class="elementor-element elementor-element-fffcd78 elementor-widget elementor-widget-text-editor" data-id="fffcd78" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3>OpenAI image analyser</h3><p>We gebruiken niet een geavanceerde agent maar puur een image analyzer block. Uiteraard heb je een API key van OpenAI nodig.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1423822 elementor-widget elementor-widget-image" data-id="1423822" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="386" height="846" src="https://things.io/wp-content/uploads/2024/12/cursor_8.png" class="attachment-large size-large wp-image-11911" alt="" srcset="https://things.io/wp-content/uploads/2024/12/cursor_8.png 386w, https://things.io/wp-content/uploads/2024/12/cursor_8-137x300.png 137w" sizes="(max-width: 386px) 100vw, 386px" />															</div>
				</div>
				<div class="elementor-element elementor-element-2e598e4 elementor-widget elementor-widget-text-editor" data-id="2e598e4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Vervolgens sturen we het OpenAI resultaat terug via het Respond to webhook block.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-c0b7d0c elementor-widget elementor-widget-heading" data-id="c0b7d0c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Downloaden code</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-271b968 elementor-widget elementor-widget-spacer" data-id="271b968" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ec5edfe elementor-button-info elementor-widget elementor-widget-button" data-id="ec5edfe" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://sites-wpthings.wovvoi.easypanel.host/wp-content/uploads/2024/12/chrome_screenshot.zip">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Chrome plugin</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-878a301 elementor-widget elementor-widget-spacer" data-id="878a301" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1439e6b elementor-button-info elementor-widget elementor-widget-button" data-id="1439e6b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://sites-wpthings.wovvoi.easypanel.host/wp-content/uploads/2024/12/chrome_extension_backend_with_AI.json">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">N8N workflow</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-cccdda2 elementor-widget elementor-widget-spacer" data-id="cccdda2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a5dc91c elementor-widget elementor-widget-video" data-id="a5dc91c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/youtu.be\/iO_qTeIS5NY&quot;,&quot;yt_privacy&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/cursor/">Proef op de som, kun je met Cursor AI echt snel software ontwikkelen?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Zie je als MKB&#8217;er door de bomen het bos niet meer met al die nieuwe ontwikkelingen?</title>
		<link>https://things.io/zie-je-als-mkber-door-de-bomen-het-bos-niet-meer-met-al-die-nieuwe-ontwikkelingen/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Tue, 22 Oct 2024 09:23:24 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Automate]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[integratie]]></category>
		<category><![CDATA[technologie]]></category>
		<guid isPermaLink="false">https://things.io/?p=11801</guid>

					<description><![CDATA[<p>Zie jij het soms ook even niet meer zitten met al die nieuwe ontwikkelingen en leveranciers die je alles op ICT gebied proberen te verkopen? THINGS IO geeft duidelijkheid in een wereld vol vage oplossingen.</p>
<p>The post <a href="https://things.io/zie-je-als-mkber-door-de-bomen-het-bos-niet-meer-met-al-die-nieuwe-ontwikkelingen/">Zie je als MKB’er door de bomen het bos niet meer met al die nieuwe ontwikkelingen?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11801" class="elementor elementor-11801">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5d5317c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d5317c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d7e9cc" data-id="9d7e9cc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6faef8b elementor-widget elementor-widget-spacer" data-id="6faef8b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9a6d565 elementor-button-info elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="9a6d565" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://thingsio.substack.com/p/ai-the-end-of-web-scraping-the-old" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Klik hier voor audio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-e06adbc elementor-widget elementor-widget-spacer" data-id="e06adbc" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d779c4b elementor-alert-info elementor-widget elementor-widget-alert" data-id="d779c4b" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">Zie jij het soms ook even niet meer zitten met al die nieuwe ontwikkelingen en leveranciers die je alles op ICT gebied proberen te verkopen? THINGS IO geeft duidelijkheid in een wereld vol vage oplossingen.</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d683c7c elementor-widget elementor-widget-spacer" data-id="d683c7c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9f8f6b8 elementor-widget elementor-widget-heading" data-id="9f8f6b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wat is het probleem?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-0f9215c elementor-widget elementor-widget-spacer" data-id="0f9215c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6bb1164 elementor-widget elementor-widget-text-editor" data-id="6bb1164" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Je wilt als MKB&#8217;er graag meedoen met al die nieuwe technologie en iedereen zal je ook vragen waarom je bijvoorbeeld geen AI gebruikt. Maarrrrr, je hebt het druk en geen brede en specialistische kennis in huis van allerlei oplossingen. Maar toch wil je meedoen en je klanten ook het beste bieden terwijl je je kosten wilt verlagen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-254cb8e elementor-widget elementor-widget-heading" data-id="254cb8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Hoe kan THINGS IO helpen?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-18d401b elementor-widget elementor-widget-spacer" data-id="18d401b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-95414ff elementor-widget elementor-widget-text-editor" data-id="95414ff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>De kracht van THINGS IO is 25+ jaar ervaring met ICT technologie in diverse branches. Van industrie tot e-commerce en dienstverlening tot overheid. THINGS IO is niet bang voor nieuwe technologie en applicaties die ze niet kent.</p><p>We helpen MKB&#8217;ers graag met:</p><ul><li>het uitzoeken en implementeren van nieuwe systemen</li><li>het integreren van bestaande systemen via API&#8217;s</li><li>het bouwen van interne applicaties op een private cloud omgeving</li><li>het gebruiken van geautomatiseerde workflows</li><li>het kwijtraken van de angst om het anders te doen</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-0773697 elementor-widget elementor-widget-spacer" data-id="0773697" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-75cb7cd elementor-widget elementor-widget-heading" data-id="75cb7cd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Een voorbeeld</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4fc95da elementor-widget elementor-widget-spacer" data-id="4fc95da" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0063df elementor-widget elementor-widget-text-editor" data-id="a0063df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Een MKB&#8217;er benaderde ons met de vraag of we eens konden kijken naar logistieke systemen en een integratie met de administratie. Het uitgangspunt was o.a. meer interen oplossen en minder afhankelijk worden van dure externe partijen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2a363a2 elementor-widget elementor-widget-spacer" data-id="2a363a2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7047868 elementor-widget elementor-widget-heading" data-id="7047868" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Een eerste analyse</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-9a998fd elementor-widget elementor-widget-spacer" data-id="9a998fd" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-91d8df9 elementor-widget elementor-widget-text-editor" data-id="91d8df9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Om tot een aanpak te komen in deze situatie was er eerst een analyse nodig van de huidige situatie. Die was als volgt:</p><ul><li>grote afhankelijkheid van externe partijen</li><li>geen resources voor interne ontwikkeling</li><li>geen architectuur voor koppelen van systemen via API&#8217;s</li><li>vastgelopen software projecten</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-7f51e36 elementor-widget elementor-widget-spacer" data-id="7f51e36" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-93ced2a elementor-widget elementor-widget-heading" data-id="93ced2a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">De aanpak</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-b55a1a7 elementor-widget elementor-widget-spacer" data-id="b55a1a7" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0cf888 elementor-widget elementor-widget-text-editor" data-id="a0cf888" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>De aanpak bestond uit een aantal stappen:</p><ul><li>opzetten van een ontwikkelstraat voor interne applicaties</li><li>opzetten architectuur voor interne applicaties</li><li>analyse koppelingsmogelijkheden</li><li>lostrekken lopende projecten</li><li>leveranciers meer betrekken en onder druk zetten</li><li>afscheid nemen van wat niet werkt</li><li>van waterval naar scrum-achtige aanpak</li><li>specificaties voor nieuwe koppelingen schrijven</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-ac682f2 elementor-widget elementor-widget-spacer" data-id="ac682f2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9500973 elementor-widget elementor-widget-heading" data-id="9500973" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Onze rol</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-8db33f1 elementor-widget elementor-widget-spacer" data-id="8db33f1" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fb54362 elementor-widget elementor-widget-text-editor" data-id="fb54362" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>In deze situatie heeft THINGS IO een dubbele rol op zich genomen:</p><ul><li>adviseur m.b.t. bestaande applicaties</li><li>meewerkende consultant koppelingen en workflow automatisering</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-36f806e elementor-widget elementor-widget-spacer" data-id="36f806e" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-e677cde elementor-widget elementor-widget-heading" data-id="e677cde" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Hoe begin je met innoveren?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-1ecdb1c elementor-widget elementor-widget-spacer" data-id="1ecdb1c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-3be7caf elementor-widget elementor-widget-text-editor" data-id="3be7caf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dat kan gewoon met een kop koffie, op maandagen is er altijd ruimte. O ja, ik kom graag op locatie.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8cdc9d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8cdc9d2" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac40b51" data-id="ac40b51" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9b48c48 elementor-widget elementor-widget-html" data-id="9b48c48" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<a class="appointlet-button" data-appointlet-modal href="https://appt.link/meet-with-hans-blaauw/meethans" style="background-color:#1e9bff;">Afspraak verzoek</a><script async defer src="https://js.appointlet.com/"></script><link href="https://js.appointlet.com/styles.css" rel="stylesheet">				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/zie-je-als-mkber-door-de-bomen-het-bos-niet-meer-met-al-die-nieuwe-ontwikkelingen/">Zie je als MKB’er door de bomen het bos niet meer met al die nieuwe ontwikkelingen?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>AI, het einde van webscraping op de oude manier?</title>
		<link>https://things.io/ai-het-einde-van-webscraping-op-de-oude-manier/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Mon, 21 Oct 2024 10:53:40 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Automate]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[AI studio]]></category>
		<category><![CDATA[Gemini Flash]]></category>
		<category><![CDATA[scraping]]></category>
		<category><![CDATA[visma]]></category>
		<guid isPermaLink="false">https://things.io/?p=11782</guid>

					<description><![CDATA[<p>Het is mij al een tijdje duidelijk, ouderwets code schrijven om elke HTML element van een pagina te halen is nu al verleden tijd. De oorzaak? Jaja, natuurlijk weer die AI!</p>
<p>The post <a href="https://things.io/ai-het-einde-van-webscraping-op-de-oude-manier/">AI, het einde van webscraping op de oude manier?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11782" class="elementor elementor-11782">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5d5317c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d5317c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d7e9cc" data-id="9d7e9cc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6faef8b elementor-widget elementor-widget-spacer" data-id="6faef8b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9a6d565 elementor-button-info elementor-widget elementor-widget-button" data-id="9a6d565" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://thingsio.substack.com/p/ai-the-end-of-web-scraping-the-old" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Klik hier voor audio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-e06adbc elementor-widget elementor-widget-spacer" data-id="e06adbc" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d779c4b elementor-alert-info elementor-widget elementor-widget-alert" data-id="d779c4b" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">Het is mij al een tijdje duidelijk, ouderwets code schrijven om elke HTML element van een pagina te halen is nu al verleden tijd. De oorzaak? Jaja, natuurlijk weer die AI!</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d683c7c elementor-widget elementor-widget-spacer" data-id="d683c7c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9f8f6b8 elementor-widget elementor-widget-heading" data-id="9f8f6b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wat is ook alweer web scraping?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-0f9215c elementor-widget elementor-widget-spacer" data-id="0f9215c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6bb1164 elementor-widget elementor-widget-text-editor" data-id="6bb1164" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Voor heel veel software engineers is het vrij normaal om data van websites af te halen en dat te gebruiken voor in- of extern gebruik. Los van de discussie of dit legaal of illegaal is . Soms zijn er gewoon nog geen API&#8217;s beschikbaar om dat te doen en dan is scraping de enige manier.</p><p>Met webscraping schrijf je code om elke element van een pagina te analyseren en vervolgens op te slaan of te verwerken. Dit was gedoe omdat je de structuur van de pagina moet kennen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0f28273 elementor-widget elementor-widget-rt-cta" data-id="0f28273" data-element_type="widget" data-e-type="widget" data-widget_type="rt-cta.default">
				<div class="elementor-widget-container">
					<div class="rt-el-cta cta-style1">
	<div class="container">
		<div class="align-items row">
			<div class="cta-content col-lg-7">
				<h2 class="rtin-title">Heb je een dergelijke oplossing nodig en moeten we dit voor je opzetten?</h2>
				<p></p>
			</div>
							<div class="rtin-button col-lg-5"><a class="button-gradient-1" href="/contact" target="_blank">Plan afspraak</a></div>		
					</div>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-058174c elementor-widget elementor-widget-spacer" data-id="058174c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-254cb8e elementor-widget elementor-widget-heading" data-id="254cb8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Hoe kun je scrapen op de nieuwe manier?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-18d401b elementor-widget elementor-widget-spacer" data-id="18d401b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-95414ff elementor-widget elementor-widget-text-editor" data-id="95414ff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>De nieuwe manier is zoals iedereen wellicht weet AI. Jaja, weer die verdraaide AI. We zijn straks met z&#8217;n allen zwaar verslaafd en dan is het niet meer gratis. Dat is echter een andere discussie <img src="https://s.w.org/images/core/emoji/16.0.1/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><p>Met AI hoef je je niet langer bezig te houden met de structuur, AI zoekt dit wel voor je uit en dat is precies wat we gaan doen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0773697 elementor-widget elementor-widget-spacer" data-id="0773697" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-75cb7cd elementor-widget elementor-widget-heading" data-id="75cb7cd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Het scrapen van info van een Visma screenshot</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4fc95da elementor-widget elementor-widget-spacer" data-id="4fc95da" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0063df elementor-widget elementor-widget-text-editor" data-id="a0063df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Omdat THINGS IO recentelijk nogal wat doet met de de Visma ERP API, leek het logisch om de API eens over te slaan om te kijken hoe snel je zinvolle informatie uit een pagina van Visma kunt krijgen, in dit geval <strong>Voorraad correcties</strong>. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-bb95368 elementor-widget elementor-widget-image" data-id="bb95368" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="844" height="856" src="https://things.io/wp-content/uploads/2024/10/gemini.png" class="attachment-large size-large wp-image-11785" alt="" srcset="https://things.io/wp-content/uploads/2024/10/gemini.png 844w, https://things.io/wp-content/uploads/2024/10/gemini-296x300.png 296w, https://things.io/wp-content/uploads/2024/10/gemini-768x779.png 768w" sizes="(max-width: 844px) 100vw, 844px" />															</div>
				</div>
				<div class="elementor-element elementor-element-9f80f2b elementor-widget elementor-widget-spacer" data-id="9f80f2b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bd46ab4 elementor-widget elementor-widget-text-editor" data-id="bd46ab4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>We hebben via de API&#8217;s eerst even automatisch wat <strong>voorraad correcties</strong> aangemaakt, die zie je hierboven. Je weet vast wel hoe je dit zelf uit Visma kunt halen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2a363a2 elementor-widget elementor-widget-spacer" data-id="2a363a2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7047868 elementor-widget elementor-widget-heading" data-id="7047868" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De aanpak via AI</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-9a998fd elementor-widget elementor-widget-spacer" data-id="9a998fd" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-91d8df9 elementor-widget elementor-widget-text-editor" data-id="91d8df9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dit keer is er gekozen voor een iets andere AI tool omdat ik een artikel las van <strong>Simon Willison</strong> die een video liet analyseren waaruit een JSON response kwam. Bekijk dit artikel <a href="https://simonwillison.net/2024/Oct/17/video-scraping/" target="_blank" rel="noopener"><strong>hier</strong></a>. Hij heeft hiervoor Google Studio AI gebruikt en die hadden we nog niet geprobeerd.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-93ced2a elementor-widget elementor-widget-heading" data-id="93ced2a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Gebruik van Google AI studio</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-b55a1a7 elementor-widget elementor-widget-spacer" data-id="b55a1a7" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0cf888 elementor-widget elementor-widget-text-editor" data-id="a0cf888" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Om dit te kunnen gebruiken we het goedkoopste AI model van Google AI studio, Gemini Flash 1.5. Deze kost $0.075 per 1 miljoen tokens en de prijs gaat omlaag.</p><p>Het gebruik van Google AI studio is een beetje wennen maar het is uiteindelijk redelijke eenvoudig. We maken geen volledige web scraper maar laten zien hoe je bepaalde info uit een screenshot haalt. De code om in te loggen en het screenshot te maken moet je zelf bouwen. Hieronder zie je de interface van AI studio.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-243b4cf elementor-widget elementor-widget-image" data-id="243b4cf" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="562" src="https://things.io/wp-content/uploads/2024/10/gemini_1-1024x562.png" class="attachment-large size-large wp-image-11786" alt="" srcset="https://things.io/wp-content/uploads/2024/10/gemini_1-1024x562.png 1024w, https://things.io/wp-content/uploads/2024/10/gemini_1-300x165.png 300w, https://things.io/wp-content/uploads/2024/10/gemini_1-768x422.png 768w, https://things.io/wp-content/uploads/2024/10/gemini_1-1536x843.png 1536w, https://things.io/wp-content/uploads/2024/10/gemini_1.png 1623w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ac682f2 elementor-widget elementor-widget-spacer" data-id="ac682f2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9500973 elementor-widget elementor-widget-heading" data-id="9500973" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Nieuwe prompt maken</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-8db33f1 elementor-widget elementor-widget-spacer" data-id="8db33f1" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fb54362 elementor-widget elementor-widget-text-editor" data-id="fb54362" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Als eerste moet je een nieuwe prompt maken, die zie je links in het menu.</p><p>Vervolgens klik je op het <strong>plusje</strong> om een bestand toe te voegen, je kunt ons plaatje downloaden met de Visma voorraad correcties.</p><p>Nu moet je een prompt ingeven, gebruik:</p><p><strong><em>Given this image return the first five rows in JSON. Only return the date in format DD-MM-YYYY from the column &#8220;Datum&#8221; and the total amount from the column &#8220;Totaal aantal. Also add the totals of column &#8220;Totaal aantal&#8221; as a separate json key.</em></strong></p><p>Vervolgens heb ik de JSON mode aangezet in het rechter scherm van AI studio.</p><p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-11787" src="https://sites-wpthings.wovvoi.easypanel.host/wp-content/uploads/2024/10/gemini_2.png" alt="" width="258" height="257" srcset="https://things.io/wp-content/uploads/2024/10/gemini_2.png 258w, https://things.io/wp-content/uploads/2024/10/gemini_2-150x150.png 150w" sizes="(max-width: 258px) 100vw, 258px" /></p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b387be elementor-widget elementor-widget-heading" data-id="2b387be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Het resultaat</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-36f806e elementor-widget elementor-widget-spacer" data-id="36f806e" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5d53d9d elementor-widget elementor-widget-text-editor" data-id="5d53d9d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Na het ingeven van de prompt hebben we deze uitgevoerd. Het resultaat is als volgt:</p>
<p><strong>{<span class="hljs-string">&#8220;rows&#8221;</span>: [{<span class="hljs-string">&#8220;Datum&#8221;</span>: <span class="hljs-string">&#8220;20-10-2024&#8221;</span>, <span class="hljs-string">&#8220;Totaal aantal&#8221;</span>: <span class="hljs-string">&#8220;-141.00&#8221;</span>}, {<span class="hljs-string">&#8220;Datum&#8221;</span>: <span class="hljs-string">&#8220;19-10-2024&#8221;</span>, <span class="hljs-string">&#8220;Totaal aantal&#8221;</span>: <span class="hljs-string">&#8220;-203.00&#8221;</span>}, {<span class="hljs-string">&#8220;Datum&#8221;</span>: <span class="hljs-string">&#8220;18-10-2024&#8221;</span>, <span class="hljs-string">&#8220;Totaal aantal&#8221;</span>: <span class="hljs-string">&#8220;1.000.00&#8221;</span>}, {<span class="hljs-string">&#8220;Datum&#8221;</span>: <span class="hljs-string">&#8220;18-10-2024&#8221;</span>, <span class="hljs-string">&#8220;Totaal aantal&#8221;</span>: <span class="hljs-string">&#8220;-8.799.00&#8221;</span>}, {<span class="hljs-string">&#8220;Datum&#8221;</span>: <span class="hljs-string">&#8220;16-10-2024&#8221;</span>, <span class="hljs-string">&#8220;Totaal aantal&#8221;</span>: <span class="hljs-string">&#8220;-1.734.00&#8221;</span>}], <span class="hljs-string">&#8220;total&#8221;</span>: <span class="hljs-string">&#8220;-11.077.00&#8221;</span>}</strong></p>
<p>Mooi resultaat voor 1-2 minuten werk. Nu hoor ik de nai-sayers al roepen achter in de zaal, dat kan ik ook met mijn tools. Precies, met alle tools die je eerst moet configureren!</p>								</div>
				</div>
				<div class="elementor-element elementor-element-63f5d34 elementor-widget elementor-widget-spacer" data-id="63f5d34" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-e677cde elementor-widget elementor-widget-heading" data-id="e677cde" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Conclusie en waarschuwing</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-1ecdb1c elementor-widget elementor-widget-spacer" data-id="1ecdb1c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-3be7caf elementor-widget elementor-widget-text-editor" data-id="3be7caf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dat we met z&#8217;n allen aan het infuus liggen van de grote techbedrijven is niet ideaal. De AI verslaving zet goed door en ergens aan het einde van de rit komt de rekening. Echter, vooralsnog dalen de token prijzen bij een aantal leveranciers en dat is gunstig.</p><p>Zelf denk ik wel dat net zoals bij alle andere SaaS diensten de kosten de pan uit gaan rijzen. Een ondernemer moet elke maand abonnementen betalen en je moet goed analyseren wat nuttig is.</p><p>De impact van alle energie vretende data centers is niet gunstig en daar moet nog een oplossing voor komen. </p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8cdc9d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8cdc9d2" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac40b51" data-id="ac40b51" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/ai-het-einde-van-webscraping-op-de-oude-manier/">AI, het einde van webscraping op de oude manier?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Eenvoudig data scrapen met ChatGPT en n8n</title>
		<link>https://things.io/eenvoudig-wat-data-scrapen-met-chatgpt-en-n8n/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Mon, 02 Sep 2024 08:47:04 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Automate]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[chatgpt]]></category>
		<category><![CDATA[n8n]]></category>
		<category><![CDATA[workflow]]></category>
		<guid isPermaLink="false">https://things.io/?p=11462</guid>

					<description><![CDATA[<p>Je hebt wat data nodig van een site en je wilt dit opslaan in bijvoorbeeld in MySQL. Vroeger deed je dit wellicht met HTML scarping maar tegenwoordig kan dit ook met AI. Hoe eenvoudig gaat dit?</p>
<p>The post <a href="https://things.io/eenvoudig-wat-data-scrapen-met-chatgpt-en-n8n/">Eenvoudig data scrapen met ChatGPT en n8n</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11462" class="elementor elementor-11462">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5d5317c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d5317c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d7e9cc" data-id="9d7e9cc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d779c4b elementor-alert-info elementor-widget elementor-widget-alert" data-id="d779c4b" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">Je hebt wat data nodig van een site en je wilt dit opslaan in bijvoorbeeld in MySQL. Vroeger deed je dit wellicht met HTML scarping maar tegenwoordig kan dit ook met AI. Hoe eenvoudig gaat dit?</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d683c7c elementor-widget elementor-widget-spacer" data-id="d683c7c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9f8f6b8 elementor-widget elementor-widget-heading" data-id="9f8f6b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wat is de uitdaging?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-0f9215c elementor-widget elementor-widget-spacer" data-id="0f9215c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6bb1164 elementor-widget elementor-widget-text-editor" data-id="6bb1164" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>De uitdaging is om via AI <strong>dynamische energieprijzen</strong> op te halen en te verwerken. In het verleden deden we dit met webscraping maar met AI kan dit een stuk eenvoudiger.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5f07c7a elementor-widget elementor-widget-image" data-id="5f07c7a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="576" src="https://things.io/wp-content/uploads/2024/09/18069695-1024x576.jpg" class="attachment-large size-large wp-image-11464" alt="An artist’s illustration of artificial intelligence (AI). This illustration depicts language models which generate text. It was created by Wes Cockx as part of the Visualising AI project l..." srcset="https://things.io/wp-content/uploads/2024/09/18069695-1024x576.jpg 1024w, https://things.io/wp-content/uploads/2024/09/18069695-300x169.jpg 300w, https://things.io/wp-content/uploads/2024/09/18069695-768x432.jpg 768w, https://things.io/wp-content/uploads/2024/09/18069695-1536x864.jpg 1536w, https://things.io/wp-content/uploads/2024/09/18069695.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-6faef8b elementor-widget elementor-widget-spacer" data-id="6faef8b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-254cb8e elementor-widget elementor-widget-heading" data-id="254cb8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wat heb je nodig?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-18d401b elementor-widget elementor-widget-spacer" data-id="18d401b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-95414ff elementor-widget elementor-widget-text-editor" data-id="95414ff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Wat ons betreft bestaat deze toolset standaard uit een low-code oplossing die we vaak gebruiken, namelijk:</p><ul><li>Easypanel server beheer;</li><li>n8n workflow automation;</li><li>MYSQL;</li><li>Budibase (CRUD tool);</li><li>ChatGPT API account en key;</li><li>Gotenberg.</li></ul><p>Met deze oplossing kun je elke keer weer:</p><ul><li>alles eenvoudig beheren;</li><li>workflow logica bouwen;</li><li>data opslaan;</li><li>interne applicaties rondom die data bouwen.</li></ul><div><strong>Als je als bedrijf ook een dergelijke Open Source omgeving wilt laat het ons dan weten, voor een fee regelen we het voor je.</strong></div>								</div>
				</div>
				<div class="elementor-element elementor-element-0773697 elementor-widget elementor-widget-spacer" data-id="0773697" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-75cb7cd elementor-widget elementor-widget-heading" data-id="75cb7cd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Waar halen we de data?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4fc95da elementor-widget elementor-widget-spacer" data-id="4fc95da" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0063df elementor-widget elementor-widget-text-editor" data-id="a0063df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dit is een belangrijke vraag en ik promoot zeker niet het onbeperkt scrapen van data. In dit geval haal ik de data bij <a href="https://jeroen.nl/dynamische-energie/prijzen#:~:text=Actuele%20dynamische%20energieprijzen%20voor%20vandaag,00%20en%2020%3A00)." target="_blank" rel="noopener"><strong>Jeroen.nl</strong></a>. Dat is een leuke site en heel toevallig komt hij ook nog eens uit Groningen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2a363a2 elementor-widget elementor-widget-spacer" data-id="2a363a2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7047868 elementor-widget elementor-widget-heading" data-id="7047868" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De data</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b55a1a7 elementor-widget elementor-widget-spacer" data-id="b55a1a7" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-91d8df9 elementor-widget elementor-widget-text-editor" data-id="91d8df9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Op de site van Jeroen.nl staat de volgende data.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-3d48c81 elementor-widget elementor-widget-spacer" data-id="3d48c81" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-88499a3 elementor-widget elementor-widget-image" data-id="88499a3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="906" height="444" src="https://things.io/wp-content/uploads/2024/09/image-4.png" class="attachment-large size-large wp-image-11472" alt="" srcset="https://things.io/wp-content/uploads/2024/09/image-4.png 906w, https://things.io/wp-content/uploads/2024/09/image-4-300x147.png 300w, https://things.io/wp-content/uploads/2024/09/image-4-768x376.png 768w" sizes="(max-width: 906px) 100vw, 906px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ac682f2 elementor-widget elementor-widget-spacer" data-id="ac682f2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fcda3d2 elementor-widget elementor-widget-text-editor" data-id="fcda3d2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dat is interessante data om iets mee te doen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-9500973 elementor-widget elementor-widget-heading" data-id="9500973" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De tools aan elkaar knopen</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-20c22b9 elementor-widget elementor-widget-spacer" data-id="20c22b9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7f7299c elementor-widget elementor-widget-text-editor" data-id="7f7299c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dit is het belangrijkste onderdeel. Zorg in ieder geval dat je de volgende tools hebt draaien onder Easypanel:</p><ol><li><a style="background-color: #ffffff; text-align: var(--bs-body-text-align);" href="https://gotenberg.dev/" target="_blank" rel="noopener">Gotenberg</a><span style="text-align: var(--bs-body-text-align);"> (screenshots);</span></li><li>n8n (workflow).</li></ol><p>Vervolgens bouwen we in n8n de flow hieronder. Deze moet ervoor zorgen dat we een actuele prijs uitlezen uit een screenshot.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0d601bb elementor-widget elementor-widget-spacer" data-id="0d601bb" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-880d707 elementor-widget elementor-widget-image" data-id="880d707" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="934" height="403" src="https://things.io/wp-content/uploads/2024/09/n8n_energy_1.png" class="attachment-large size-large wp-image-11473" alt="" srcset="https://things.io/wp-content/uploads/2024/09/n8n_energy_1.png 934w, https://things.io/wp-content/uploads/2024/09/n8n_energy_1-300x129.png 300w, https://things.io/wp-content/uploads/2024/09/n8n_energy_1-768x331.png 768w" sizes="(max-width: 934px) 100vw, 934px" />															</div>
				</div>
				<div class="elementor-element elementor-element-8db33f1 elementor-widget elementor-widget-spacer" data-id="8db33f1" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fb54362 elementor-widget elementor-widget-text-editor" data-id="fb54362" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>We zullen de stappen in de <b>n8n</b> flow uitleggen. In deze post leggen we niet uit hoe je Gotenberg moet installeren. Dit kun je eenvoudig doen als je Easypanel hebt draaien.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b387be elementor-widget elementor-widget-heading" data-id="2b387be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Screenshot maken</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-fcdb958 elementor-widget elementor-widget-spacer" data-id="fcdb958" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5d53d9d elementor-widget elementor-widget-text-editor" data-id="5d53d9d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Hoewel het misschien wat omslachtig klinkt maken we als eerste een screenshot van de URL bij jeroen.nl. Dit doen we met een <strong>HTTP request</strong>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6b686b6 elementor-widget elementor-widget-image" data-id="6b686b6" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="356" height="325" src="https://things.io/wp-content/uploads/2024/09/n8n_energy_2.png" class="attachment-large size-large wp-image-11480" alt="" srcset="https://things.io/wp-content/uploads/2024/09/n8n_energy_2.png 356w, https://things.io/wp-content/uploads/2024/09/n8n_energy_2-300x274.png 300w" sizes="(max-width: 356px) 100vw, 356px" />															</div>
				</div>
				<div class="elementor-element elementor-element-205a197 elementor-widget elementor-widget-spacer" data-id="205a197" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6010573 elementor-widget elementor-widget-text-editor" data-id="6010573" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Om het screenshot via Gotenberg te laten werken moet je de volgende parameters vullen:</p><ul><li>URL Gotenberg applicatie;</li><li>Body parameter <strong>url;</strong></li><li>Body parameter <strong>o</strong>;</li><li>Body parameter <strong>clip</strong>;</li><li>Body parameter <strong>width</strong>;</li><li>Body parameter <strong>height</strong>;</li></ul><p><strong>URL</strong><br />Dit is de URL van Gotenberg. Dit kun je in Easypanel vinden onder domain. Uiteraard alleen als je easypanel gebruikt.</p><p>url<br />Dit is de URL van de website waar je de data wilt ophalen, in dit geval <a href="https://jeroen.nl/dynamische-energie/prijzen#:~:text=Actuele%20dynamische%20energieprijzen%20voor%20vandaag,00%20en%2020%3A00)." target="_blank" rel="noopener">https://jeroen.nl/dynamische-energie/prijzen#:~:text=Actuele%20dynamische%20energieprijzen%20voor%20vandaag,00%20en%2020%3A00).</a></p><p><strong>o<br /></strong>Dit is de naam van het bestand om het screenshot in te bewaren, bijvoorbeeld screenshot.png</p><p><strong>clip</strong><br />Deze zet je op <strong>true</strong>.</p><p><strong>width</strong><br />Dit is de breedte van het screenshot.</p><p><strong>height</strong><br />Dit is de hoogte van het screenshot.</p><p>Als je nu de workflow zou draaien dan maakt hij het screenshot.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ccd7f8c elementor-widget elementor-widget-heading" data-id="ccd7f8c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Bestand wegschrijven</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ca6fcd6 elementor-widget elementor-widget-spacer" data-id="ca6fcd6" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-b68a868 elementor-widget elementor-widget-text-editor" data-id="b68a868" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>We gebruiken hiervoor de N8N module <strong>Read/Write Files from Disk</strong>. Dit hebben we nodig om het bestand tijdelijke te bewaren en te kunnen gebruiken voor ChatGPT.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-547f656 elementor-widget elementor-widget-image" data-id="547f656" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="358" height="430" src="https://things.io/wp-content/uploads/2024/09/n8n_energy_3.png" class="attachment-large size-large wp-image-11481" alt="" srcset="https://things.io/wp-content/uploads/2024/09/n8n_energy_3.png 358w, https://things.io/wp-content/uploads/2024/09/n8n_energy_3-250x300.png 250w" sizes="(max-width: 358px) 100vw, 358px" />															</div>
				</div>
				<div class="elementor-element elementor-element-0763b15 elementor-widget elementor-widget-spacer" data-id="0763b15" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ab6ced5 elementor-widget elementor-widget-spacer" data-id="ab6ced5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0d55a25 elementor-widget elementor-widget-text-editor" data-id="0d55a25" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Je ziet hierboven welke waarden je moet vullen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ab0c5ae elementor-widget elementor-widget-heading" data-id="ab0c5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Teksten uit het screenshot halen via ChatGPT</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-c8782df elementor-widget elementor-widget-spacer" data-id="c8782df" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2f83ecb elementor-widget elementor-widget-text-editor" data-id="2f83ecb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Wat we nu willen doen is bepaalde informatie uit het screenshot halen, dit doen we via de <a href="https://platform.openai.com/docs/overview" target="_blank" rel="noopener">ChatGPT API</a>.</p><p>Binnen <b>n8n</b> gebruik je de OpenAI module, hieronder zie je de instellingen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b0b2a46 elementor-widget elementor-widget-image" data-id="b0b2a46" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="353" height="666" src="https://things.io/wp-content/uploads/2024/09/n8n_energy_4.png" class="attachment-large size-large wp-image-11485" alt="" srcset="https://things.io/wp-content/uploads/2024/09/n8n_energy_4.png 353w, https://things.io/wp-content/uploads/2024/09/n8n_energy_4-159x300.png 159w" sizes="(max-width: 353px) 100vw, 353px" />															</div>
				</div>
				<div class="elementor-element elementor-element-d8c338a elementor-widget elementor-widget-spacer" data-id="d8c338a" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5d04b2f elementor-widget elementor-widget-text-editor" data-id="5d04b2f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>We gebruiken in dit geval de ChatGPT mini uitvoering, die is wat goedkoper. Let erop dat je de module moet configureren met je API key.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7d70940 elementor-widget elementor-widget-heading" data-id="7d70940" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Het resultaat</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-e6b90c5 elementor-widget elementor-widget-spacer" data-id="e6b90c5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-19abd79 elementor-widget elementor-widget-text-editor" data-id="19abd79" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Als je de workflow draait dan zal hij het screenshot analyseren en je de juiste prijs geven.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-67c1dd3 elementor-widget elementor-widget-image" data-id="67c1dd3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="753" height="190" src="https://things.io/wp-content/uploads/2024/09/n8n_energy_5.png" class="attachment-large size-large wp-image-11486" alt="" srcset="https://things.io/wp-content/uploads/2024/09/n8n_energy_5.png 753w, https://things.io/wp-content/uploads/2024/09/n8n_energy_5-300x76.png 300w" sizes="(max-width: 753px) 100vw, 753px" />															</div>
				</div>
				<div class="elementor-element elementor-element-63f5d34 elementor-widget elementor-widget-spacer" data-id="63f5d34" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4a24871 elementor-widget elementor-widget-text-editor" data-id="4a24871" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Via <b>n8n </b>kun je natuurlijk weer een hele hoop doen met de verkregen data, bijvoorbeeld opslaan in een database.</p>
<p>Uiteraard hangt er een prijskaartje aan. ChatGPT mini is een stuk goedkoper dan de volledige versie. Een dergelijke dagelijkse check voor iets op een website kost ongeveer 1 cent.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-9c870db elementor-widget elementor-widget-spacer" data-id="9c870db" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1877395 elementor-widget elementor-widget-rt-cta" data-id="1877395" data-element_type="widget" data-e-type="widget" data-widget_type="rt-cta.default">
				<div class="elementor-widget-container">
					<div class="rt-el-cta cta-style1">
	<div class="container">
		<div class="align-items row">
			<div class="cta-content col-lg-7">
				<h2 class="rtin-title">Interesse in hoe je dit zelf eenvoudig doet?</h2>
				<p></p>
			</div>
							<div class="rtin-button col-lg-5"><a class="button-gradient-1" href="/lowcode-server/" target="_blank">Lowcode server</a></div>		
					</div>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-c6ca885 elementor-widget elementor-widget-spacer" data-id="c6ca885" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/eenvoudig-wat-data-scrapen-met-chatgpt-en-n8n/">Eenvoudig data scrapen met ChatGPT en n8n</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>De Klippa promptbuilder nader bekeken met een autohuur contract</title>
		<link>https://things.io/de-klippa-promptbuilder-nader-bekeken-met-een-autohuur-contract/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Mon, 10 Jun 2024 10:03:53 +0000</pubDate>
				<category><![CDATA[Automate]]></category>
		<category><![CDATA[Klippa]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[dochorizon]]></category>
		<category><![CDATA[klippa]]></category>
		<category><![CDATA[n8n]]></category>
		<category><![CDATA[OCR]]></category>
		<category><![CDATA[workflow]]></category>
		<guid isPermaLink="false">https://things.io/?p=11324</guid>

					<description><![CDATA[<p>Je hebt van die situaties waarbij je documenten wilt verwerken en automatisch meta data eruit wilt halen. Denk aan zaken zoals: contracten, abonnementen enz. In dit geval kun je met Klippa via de promptbuilder zelf je document extractor bouwen en bijvoorbeeld aanroepen via N8N (of de eigen Klippa flowbuilder).</p>
<p>The post <a href="https://things.io/de-klippa-promptbuilder-nader-bekeken-met-een-autohuur-contract/">De Klippa promptbuilder nader bekeken met een autohuur contract</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11324" class="elementor elementor-11324">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5d5317c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d5317c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d7e9cc" data-id="9d7e9cc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d779c4b elementor-alert-info elementor-widget elementor-widget-alert" data-id="d779c4b" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Introductie</span>
			
						<span class="elementor-alert-description">Je hebt van die situaties waarbij je documenten wilt verwerken en automatisch meta data eruit wilt halen. Denk aan zaken zoals: contracten, abonnementen enz. In dit geval kun je met Klippa via de promptbuilder zelf je document extractor bouwen en bijvoorbeeld aanroepen via N8N (of de eigen Klippa flowbuilder).</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d683c7c elementor-widget elementor-widget-spacer" data-id="d683c7c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9f8f6b8 elementor-widget elementor-widget-heading" data-id="9f8f6b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wat is de uitdaging?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-0f9215c elementor-widget elementor-widget-spacer" data-id="0f9215c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6bb1164 elementor-widget elementor-widget-text-editor" data-id="6bb1164" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>De uitdaging is om bepaalde informatie uit documenten te halen en deze op te slaan in een database voor andere toepassingen. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-6faef8b elementor-widget elementor-widget-spacer" data-id="6faef8b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-254cb8e elementor-widget elementor-widget-heading" data-id="254cb8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Wat heb je nodig?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-18d401b elementor-widget elementor-widget-spacer" data-id="18d401b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-95414ff elementor-widget elementor-widget-text-editor" data-id="95414ff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>We hebben een aantal zaken nodig:</p><ul><li>Een voorbeeld document;</li><li><a href="https://www.klippa.com/en/partners/things-io/" target="_blank" rel="noopener">Klippa DocHorizon</a>;</li><li>Promptbuilder;</li><li>Lowcode server.</li></ul><p>Met deze oplossing kun je zonder problemen in batch documenten herkennen en via JSON opslaan in bijvoorbeeld MYSQL.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0773697 elementor-widget elementor-widget-spacer" data-id="0773697" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-75cb7cd elementor-widget elementor-widget-heading" data-id="75cb7cd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Een voorbeelddocument</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4fc95da elementor-widget elementor-widget-spacer" data-id="4fc95da" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0063df elementor-widget elementor-widget-text-editor" data-id="a0063df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Ik ben net terug van vakantie en was nog in het bezit van een slechte kopie van het autohuur contract. Ik dacht, mooie uitdaging voor Klippa.</p><p> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-e7d9cc3 elementor-widget elementor-widget-image" data-id="e7d9cc3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="401" height="563" src="https://things.io/wp-content/uploads/2024/06/prompt_4.png" class="attachment-large size-large wp-image-11346" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_4.png 401w, https://things.io/wp-content/uploads/2024/06/prompt_4-214x300.png 214w" sizes="(max-width: 401px) 100vw, 401px" />															</div>
				</div>
				<div class="elementor-element elementor-element-2a363a2 elementor-widget elementor-widget-spacer" data-id="2a363a2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d4d3e7c elementor-widget elementor-widget-text-editor" data-id="d4d3e7c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Zoals je kunt zien is dit document behoorlijk onleesbaar voor een mens, althans, voor mij <img src="https://s.w.org/images/core/emoji/16.0.1/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>								</div>
				</div>
				<div class="elementor-element elementor-element-129ab81 elementor-widget elementor-widget-spacer" data-id="129ab81" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7047868 elementor-widget elementor-widget-heading" data-id="7047868" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">De promptbuilder</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b55a1a7 elementor-widget elementor-widget-spacer" data-id="b55a1a7" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-91d8df9 elementor-widget elementor-widget-text-editor" data-id="91d8df9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Via de promptbuilder van DocHorizon kun je via een normale vraagstelling informatie uit het document halen. Bijvoorbeeld: <strong>Wat is de kleur van de auto?</strong></p><p>Hieronder zie je een aantal vragen die ik gesteld heb.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-3d48c81 elementor-widget elementor-widget-spacer" data-id="3d48c81" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-88499a3 elementor-widget elementor-widget-image" data-id="88499a3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="748" height="506" src="https://things.io/wp-content/uploads/2024/06/prompt_5.png" class="attachment-large size-large wp-image-11350" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_5.png 748w, https://things.io/wp-content/uploads/2024/06/prompt_5-300x203.png 300w" sizes="(max-width: 748px) 100vw, 748px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ac682f2 elementor-widget elementor-widget-spacer" data-id="ac682f2" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fcda3d2 elementor-widget elementor-widget-text-editor" data-id="fcda3d2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Het is echt verbluffend om te zien hoe dit werkt. Dit is voor een mens een slecht leesbaar contract maar de AI van DocHorizon heeft er weinig moeite mee.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-9500973 elementor-widget elementor-widget-heading" data-id="9500973" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Het bouwen van het datamodel</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-20c22b9 elementor-widget elementor-widget-spacer" data-id="20c22b9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7f7299c elementor-widget elementor-widget-text-editor" data-id="7f7299c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Wat we feitelijk aan het doen zijn is een datamodel bouwen van het document. Alle informatie die we nodig hebben ik straks beschikbaar in JSON formaat via een API. Hieronder zie je een voorbeeld van het veld wat we hebben aangemaakt.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0d601bb elementor-widget elementor-widget-spacer" data-id="0d601bb" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-880d707 elementor-widget elementor-widget-image" data-id="880d707" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="748" height="507" src="https://things.io/wp-content/uploads/2024/06/prompt_6.png" class="attachment-large size-large wp-image-11351" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_6.png 748w, https://things.io/wp-content/uploads/2024/06/prompt_6-300x203.png 300w" sizes="(max-width: 748px) 100vw, 748px" />															</div>
				</div>
				<div class="elementor-element elementor-element-8db33f1 elementor-widget elementor-widget-spacer" data-id="8db33f1" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fb54362 elementor-widget elementor-widget-text-editor" data-id="fb54362" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Als je alle velden hebt aangemaakt dan kun je met de Preview optie kijken welke informatie er uit het document gehaald kan worden.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-84b442c elementor-widget elementor-widget-spacer" data-id="84b442c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9267bec elementor-widget elementor-widget-image" data-id="9267bec" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="423" height="286" src="https://things.io/wp-content/uploads/2024/06/prompt_7.png" class="attachment-large size-large wp-image-11352" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_7.png 423w, https://things.io/wp-content/uploads/2024/06/prompt_7-300x203.png 300w" sizes="(max-width: 423px) 100vw, 423px" />															</div>
				</div>
				<div class="elementor-element elementor-element-2ae2878 elementor-widget elementor-widget-text-editor" data-id="2ae2878" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Omdat het een Spaans document is krijgen we kleur in het Spaan, <strong>negro</strong>. Wat ik nog mis in DocHorizon is een optie om dit <strong>automatisch te laten vertalen</strong>.</p><p>We zijn nu klaar met de promptbuilder. Nu is het zaak om documenten via de <b>DocHorizon API</b> te laden en te laten verwerken. Daarvoor gebruiken we <b>N8N</b>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b387be elementor-widget elementor-widget-heading" data-id="2b387be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">N8N workflow en DocHorizon</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-065b3af elementor-widget elementor-widget-spacer" data-id="065b3af" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5d53d9d elementor-widget elementor-widget-text-editor" data-id="5d53d9d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Het is mooi om een API te hebben voor het inlezen van je document maar je wil dit natuurlijk kunnen zonder code te hoeven schrijven. Er zijn meerdere wegen die naar Rome leiden en N8N is er een van. Een andere optie is de flowbuilder van DocHorizon zelf. Daar doen we later een post over.</p><p>Hieronder zie je de flow voor het uitlezen van het contract dat we naar S3 hebben geupload. In dit geval is dat een S3 faciliteit van <strong>Digital Ocean</strong> maar het kan ook naar andere providers zoals <strong><a href="https://whitesky.cloud" target="_blank" rel="noopener">whitesky.cloud</a> (EU)</strong>, Hetzner enz.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6b686b6 elementor-widget elementor-widget-image" data-id="6b686b6" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="881" height="330" src="https://things.io/wp-content/uploads/2024/06/prompt_8.png" class="attachment-large size-large wp-image-11353" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_8.png 881w, https://things.io/wp-content/uploads/2024/06/prompt_8-300x112.png 300w, https://things.io/wp-content/uploads/2024/06/prompt_8-768x288.png 768w" sizes="(max-width: 881px) 100vw, 881px" />															</div>
				</div>
				<div class="elementor-element elementor-element-205a197 elementor-widget elementor-widget-spacer" data-id="205a197" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6010573 elementor-widget elementor-widget-text-editor" data-id="6010573" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>De stappen die we doorlopen zijn:</p><ul><li>ophalen document (en);</li><li>omzetten naar Base64;</li><li>data tijdelijk bewaren</li><li>data POSTen naar DocHorizon URL.</li></ul><p>De laatste stap leggen we nog iets meer in detail uit. Zie hieronder wat screenshots.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-547f656 elementor-widget elementor-widget-image" data-id="547f656" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="357" height="731" src="https://things.io/wp-content/uploads/2024/06/prompt_9_new.png" class="attachment-large size-large wp-image-11358" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_9_new.png 357w, https://things.io/wp-content/uploads/2024/06/prompt_9_new-147x300.png 147w" sizes="(max-width: 357px) 100vw, 357px" />															</div>
				</div>
				<div class="elementor-element elementor-element-0763b15 elementor-widget elementor-widget-spacer" data-id="0763b15" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-b68a868 elementor-widget elementor-widget-text-editor" data-id="b68a868" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Het belangrijkste wat je moet doen is het configureren van de URL en de API key. De API key kun je zien in DocHorizon. Daarnaast kun je de URL ook in DocHorizon vinden.</p><p>Het tweede deel waar je voor moet zorgen is dat het POST formaat correct gestructureerde JSON is. Dat zie je in het volgende screenshot.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-219975e elementor-widget elementor-widget-image" data-id="219975e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="342" height="629" src="https://things.io/wp-content/uploads/2024/06/prompt_10.png" class="attachment-large size-large wp-image-11359" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_10.png 342w, https://things.io/wp-content/uploads/2024/06/prompt_10-163x300.png 163w" sizes="(max-width: 342px) 100vw, 342px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ab6ced5 elementor-widget elementor-widget-spacer" data-id="ab6ced5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0d55a25 elementor-widget elementor-widget-text-editor" data-id="0d55a25" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Als we nu de N8N workflow draaien dan krijgen we het volgende resultaat.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b0b2a46 elementor-widget elementor-widget-image" data-id="b0b2a46" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="741" height="293" src="https://things.io/wp-content/uploads/2024/06/prompt_12.png" class="attachment-large size-large wp-image-11361" alt="" srcset="https://things.io/wp-content/uploads/2024/06/prompt_12.png 741w, https://things.io/wp-content/uploads/2024/06/prompt_12-300x119.png 300w" sizes="(max-width: 741px) 100vw, 741px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c8782df elementor-widget elementor-widget-spacer" data-id="c8782df" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2f83ecb elementor-widget elementor-widget-text-editor" data-id="2f83ecb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Moet je ook veel documenten verwerken en zit je te denken aan een maatwerk oplossing? Kijk eerst eens naar lowcode workflows voordat je dure maatwerk oplossingen gaat bouwen. Vaak kunnen we in een paar dagen al een mooi resultaat behalen.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-714f6b0 elementor-widget elementor-widget-spacer" data-id="714f6b0" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1b88a2a elementor-widget elementor-widget-video" data-id="1b88a2a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/youtu.be\/Gs99Y4mMtLo&quot;,&quot;yt_privacy&quot;:&quot;yes&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a007deb elementor-widget elementor-widget-spacer" data-id="a007deb" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1877395 elementor-widget elementor-widget-rt-cta" data-id="1877395" data-element_type="widget" data-e-type="widget" data-widget_type="rt-cta.default">
				<div class="elementor-widget-container">
					<div class="rt-el-cta cta-style1">
	<div class="container">
		<div class="align-items row">
			<div class="cta-content col-lg-7">
				<h2 class="rtin-title">Interesse in lowcode oplossingen?</h2>
				<p></p>
			</div>
							<div class="rtin-button col-lg-5"><a class="button-gradient-1" href="/lowcode-server/" target="_blank">Lowcode server</a></div>		
					</div>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-c6ca885 elementor-widget elementor-widget-spacer" data-id="c6ca885" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-29b09a8 elementor-widget elementor-widget-rt-cta" data-id="29b09a8" data-element_type="widget" data-e-type="widget" data-widget_type="rt-cta.default">
				<div class="elementor-widget-container">
					<div class="rt-el-cta cta-style1">
	<div class="container">
		<div class="align-items row">
			<div class="cta-content col-lg-7">
				<h2 class="rtin-title">Meer weten over Klippa?</h2>
				<p></p>
			</div>
							<div class="rtin-button col-lg-5"><a class="button-gradient-1" href="https://www.klippa.com/en/partners/things-io/" target="_blank">Klippa</a></div>		
					</div>		
	</div>
</div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/de-klippa-promptbuilder-nader-bekeken-met-een-autohuur-contract/">De Klippa promptbuilder nader bekeken met een autohuur contract</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Using ChatGPT to create WordPress automation plugin for make.com</title>
		<link>https://things.io/using-chatgpt-to-create-wordpress-automation-plugin-for-make-com/</link>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Mon, 03 Jul 2023 19:08:57 +0000</pubDate>
				<category><![CDATA[Automate]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[chatgpt]]></category>
		<category><![CDATA[make.com]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://www.things.io/?p=10358</guid>

					<description><![CDATA[<p>We never bothered to write any Wordpress plugin but with the help of ChatGTP we finished a nice demo in 30 minutes.</p>
<p>Will we all be jobless? No, not at all but it's clear less skilled people will be able to create interesting enough stuff. I think we call this something becoming commodity.</p>
<p>The post <a href="https://things.io/using-chatgpt-to-create-wordpress-automation-plugin-for-make-com/">Using ChatGPT to create WordPress automation plugin for make.com</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="10358" class="elementor elementor-10358">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-3f78ee2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3f78ee2" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-263e650" data-id="263e650" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-960dc45 elementor-widget elementor-widget-heading" data-id="960dc45" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">How easy was it to create a plugin to post order details to a make.com webhook?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ed762b3 elementor-widget elementor-widget-spacer" data-id="ed762b3" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4c25094 elementor-widget elementor-widget-text-editor" data-id="4c25094" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Well, very very easy. I have been doing some PHP stuff in my life and other programming languages but I never bothered to get into WordPress plugin development. Too lazy and simple not interesting enough. Below is an extract of what ChatGPT offered me.</p><p><img loading="lazy" decoding="async" class="alignnone wp-image-10368 size-full" src="https://websites-thingsio.yyilry.easypanel.host/wp-content/uploads/2023/07/chatgpt_result.png" alt="" width="832" height="732" srcset="https://things.io/wp-content/uploads/2023/07/chatgpt_result.png 832w, https://things.io/wp-content/uploads/2023/07/chatgpt_result-300x264.png 300w, https://things.io/wp-content/uploads/2023/07/chatgpt_result-768x676.png 768w, https://things.io/wp-content/uploads/2023/07/chatgpt_result-600x528.png 600w" sizes="(max-width: 832px) 100vw, 832px" /></p>								</div>
				</div>
				<div class="elementor-element elementor-element-3637735 elementor-widget elementor-widget-spacer" data-id="3637735" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9348af9 elementor-widget elementor-widget-heading" data-id="9348af9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">First of all, do I see any danger in this?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ed58465 elementor-widget elementor-widget-spacer" data-id="ed58465" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-945a71b elementor-widget elementor-widget-spacer" data-id="945a71b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0d4a985 elementor-widget elementor-widget-text-editor" data-id="0d4a985" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>I&#8217;m not scared of new technology, I always feel we need to try before we judge. I think AI is challenging when it comes to original content and the truth, but as a copilot to help us it is great.</p><p>Will people lose their job? Sure they will but jobs will change like always. When I got my first computer in the 80&#8217;s my life changed and the way I approached work changed. Yes this is more radical because AI can do more on itself but still.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-50106f5 elementor-widget elementor-widget-spacer" data-id="50106f5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc0691c elementor-widget elementor-widget-heading" data-id="cc0691c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Back to the WordPress plugin.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-58584c5 elementor-widget elementor-widget-spacer" data-id="58584c5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-42ef5c0 elementor-widget elementor-widget-text-editor" data-id="42ef5c0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Because of the automation work I do when it comes to WooCommerce ordering etc. I challenged ChatGPT to create a plugin that would connect to make.com and send data after an order is created. This can all be done with current tools but I wanted to see how fast and accurate ChatGPT could write this. Spoiler alert, pretty fast and good!</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7f75f50 elementor-widget elementor-widget-spacer" data-id="7f75f50" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d0f4beb elementor-alert-info elementor-widget elementor-widget-alert" data-id="d0f4beb" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">My original prompt</span>
			
						<span class="elementor-alert-description">Create a wordpress plugin that connects to a make.com webhook after a woocommerce order is received.</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a8a395d elementor-widget elementor-widget-spacer" data-id="a8a395d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d172cf6 elementor-widget elementor-widget-heading" data-id="d172cf6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">The first result</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-b41027b elementor-widget elementor-widget-spacer" data-id="b41027b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bdca124 elementor-widget elementor-widget-text-editor" data-id="bdca124" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>The first result was simple and short and did not include a settings page. I did not expect ChatGTP to know the http:// webhook format of Make.com and that was indeed the case.</p><p>What surprised me was the fact it knows the event you can use in WordPress to do this. And it also knows what the order format of WordPress is, very good indeed.</p><p><img loading="lazy" decoding="async" class="alignnone wp-image-10375 size-full" src="https://websites-thingsio.yyilry.easypanel.host/wp-content/uploads/2023/07/firstresult.png" alt="" width="827" height="760" srcset="https://things.io/wp-content/uploads/2023/07/firstresult.png 827w, https://things.io/wp-content/uploads/2023/07/firstresult-300x276.png 300w, https://things.io/wp-content/uploads/2023/07/firstresult-768x706.png 768w, https://things.io/wp-content/uploads/2023/07/firstresult-600x551.png 600w" sizes="(max-width: 827px) 100vw, 827px" /></p><p>I took the result and changed the Make.com webhook URL by handed and zipped all up. I uploaded it in my WordPress site and yes it worked. Overall 10-15 minutes work, wow.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-acd8507 elementor-widget elementor-widget-heading" data-id="acd8507" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Ok, I wanted more</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ce56001 elementor-widget elementor-widget-spacer" data-id="ce56001" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4eea8e6 elementor-widget elementor-widget-text-editor" data-id="4eea8e6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>I thought cool but let&#8217;s regenerate the response.</p><p><img loading="lazy" decoding="async" class="alignnone wp-image-10376 size-full" src="https://websites-thingsio.yyilry.easypanel.host/wp-content/uploads/2023/07/secondresult.png" alt="" width="827" height="680" srcset="https://things.io/wp-content/uploads/2023/07/secondresult.png 827w, https://things.io/wp-content/uploads/2023/07/secondresult-300x247.png 300w, https://things.io/wp-content/uploads/2023/07/secondresult-768x631.png 768w, https://things.io/wp-content/uploads/2023/07/secondresult-600x493.png 600w" sizes="(max-width: 827px) 100vw, 827px" /></p><p>Different and actually better. I now used my second prompt.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-3e53223 elementor-alert-info elementor-widget elementor-widget-alert" data-id="3e53223" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">My second prompt</span>
			
						<span class="elementor-alert-description">Add a settings page for the make url</span>
			
						<button type="button" class="elementor-alert-dismiss" aria-label="Deze waarschuwing negeren.">
									<span aria-hidden="true">&times;</span>
							</button>
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-52b7cb6 elementor-widget elementor-widget-spacer" data-id="52b7cb6" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-b8f11fa elementor-widget elementor-widget-heading" data-id="b8f11fa" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Now including settings page</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-83ac2d8 elementor-widget elementor-widget-spacer" data-id="83ac2d8" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5ba86fc elementor-widget elementor-widget-text-editor" data-id="5ba86fc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Based on my second prompt ChatGPT started working on a settings page and it worked perfectly.&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://websites-thingsio.yyilry.easypanel.host/wp-content/uploads/2023/07/thirdresult.png" alt="" width="826" height="761"></p>
<p>I just needed to add two lines to the original function to make the settings page work and use the settings URL.</p>
<p>$<b>options = get_option(&#8216;make_com_webhook_integration_settings&#8217;);</b></p>
<p><span style="text-align: var(--bs-body-text-align);"><b>$webhook_url = isset($options[&#8216;make_com_webhook_integration_url&#8217;]) ? $options[&#8216;make_com_webhook_integration_url&#8217;] : &#8221;;</b></span></p>
<p></p>								</div>
				</div>
				<div class="elementor-element elementor-element-d20bf27 elementor-widget elementor-widget-heading" data-id="d20bf27" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">The end result</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-5d36fd5 elementor-widget elementor-widget-spacer" data-id="5d36fd5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-04e260c elementor-widget elementor-widget-text-editor" data-id="04e260c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>I like the end result and it works perfectly in WordPress. For sure there will be challenges but ChatGPT was a great help in creating a useful and simple plugin.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1db5baf elementor-widget elementor-widget-spacer" data-id="1db5baf" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0676060 elementor-widget elementor-widget-heading" data-id="0676060" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">ChatGPT and WordPress in the future</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-69c36ca elementor-widget elementor-widget-spacer" data-id="69c36ca" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-8e6a555 elementor-widget elementor-widget-text-editor" data-id="8e6a555" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>This whole idea of WordPress and plugins is great but I foresee a change in the near future. Instead of configuring lots of setting of all kinds of plugin WordPress will probably move to a model where you can create custom plugins through ChatGPT in their own interface. Anyone can do it and it&#8217;s not hard to use.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7aeb467 elementor-widget elementor-widget-spacer" data-id="7aeb467" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-aa99ec0 elementor-widget elementor-widget-rt-cta" data-id="aa99ec0" data-element_type="widget" data-e-type="widget" data-widget_type="rt-cta.default">
				<div class="elementor-widget-container">
					<div class="rt-el-cta cta-style1">
	<div class="container">
		<div class="align-items row">
			<div class="cta-content col-lg-7">
				<h2 class="rtin-title">ChatGPT</h2>
				<p></p>
			</div>
							<div class="rtin-button col-lg-5"><a class="button-gradient-1" href="https://chat.openai.com/" target="_blank">Visit site</a></div>		
					</div>		
	</div>
</div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/using-chatgpt-to-create-wordpress-automation-plugin-for-make-com/">Using ChatGPT to create WordPress automation plugin for make.com</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to automate product descriptions with AI?</title>
		<link>https://things.io/how-to-automate-product-descriptions-with-ai/</link>
					<comments>https://things.io/how-to-automate-product-descriptions-with-ai/#respond</comments>
		
		<dc:creator><![CDATA[Hans Blaauw]]></dc:creator>
		<pubDate>Mon, 19 Jun 2023 08:55:17 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Automate]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[astica]]></category>
		<category><![CDATA[automation]]></category>
		<category><![CDATA[jina]]></category>
		<guid isPermaLink="false">https://www.things.io/?p=10189</guid>

					<description><![CDATA[<p>Generative AI is hot but we think recognizing what is in a picture is also pretty handy for automation purposes. We have checked a few tools to do that.</p>
<p>The post <a href="https://things.io/how-to-automate-product-descriptions-with-ai/">How to automate product descriptions with AI?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="10189" class="elementor elementor-10189">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-3f78ee2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3f78ee2" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-263e650" data-id="263e650" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-960dc45 elementor-widget elementor-widget-heading" data-id="960dc45" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">A picture is worth a thousands words</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ed762b3 elementor-widget elementor-widget-spacer" data-id="ed762b3" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4c25094 elementor-widget elementor-widget-text-editor" data-id="4c25094" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Well, when it comes to new AI models to recognize what is in a photo it is definitely true.</p><p>Although a lot is about generative AI, we have also seen use cases where we use AI to recognize what is in a picture. You can imagine this can be useful in the following scenario&#8217;s:</p><ul><li>blind people that have a device with them to look around and experience the view in front of them but cannot see it;</li><li> e-commerce art shops that generate automatic descriptions for the art they sell;</li><li>a smart pet door that recognizes if a cat brings in little birds (we just had that again);</li><li>a museum that has an app. to automatically describe art after taking a picture.</li></ul><div>Lots of possibilities.</div><p> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-c016c92 elementor-alert-warning elementor-widget elementor-widget-alert" data-id="c016c92" data-element_type="widget" data-e-type="widget" data-widget_type="alert.default">
				<div class="elementor-widget-container">
							<div class="elementor-alert" role="alert">

						<span class="elementor-alert-title">Disclaimer</span>
			
						<span class="elementor-alert-description">For referring to we sometimes earn a small commission. In almost all cases, we write about tools/plugins because we have successfully deployed or used them ourselves. You will never find wonderful stories here from, for example, dropshipping experts with implausible stories about earning millions. You get the "real deal" here. THINGS IO is an expert by experience and tries to help you as much as possible.</span>
			
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-3637735 elementor-widget elementor-widget-spacer" data-id="3637735" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9348af9 elementor-widget elementor-widget-heading" data-id="9348af9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Some AI tools we discovered to generate descriptions of pictures</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ed58465 elementor-widget elementor-widget-spacer" data-id="ed58465" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-21a1eea elementor-widget elementor-widget-image" data-id="21a1eea" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="504" src="https://things.io/wp-content/uploads/2023/06/screen1-3-1024x504.png" class="attachment-large size-large wp-image-10194" alt="" srcset="https://things.io/wp-content/uploads/2023/06/screen1-3-1024x504.png 1024w, https://things.io/wp-content/uploads/2023/06/screen1-3-300x148.png 300w, https://things.io/wp-content/uploads/2023/06/screen1-3-768x378.png 768w, https://things.io/wp-content/uploads/2023/06/screen1-3-1536x756.png 1536w, https://things.io/wp-content/uploads/2023/06/screen1-3-600x295.png 600w, https://things.io/wp-content/uploads/2023/06/screen1-3.png 1903w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-945a71b elementor-widget elementor-widget-spacer" data-id="945a71b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0d4a985 elementor-widget elementor-widget-text-editor" data-id="0d4a985" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>When I started my search for a tool I came across <a href="https://www.astica.org/" target="_blank" rel="noopener">astica</a>.</p><p>This company offers a few interesting demos and use cases. What I like is that you can combine a few API&#8217;s to recognize the picture and then create speech too. But this can also be done with other tools.</p><p>They have different solutions for generating descriptions and it seems their GPT-S model is the one that generates longer versions of descriptions. However, is has one drawback. It is slow!</p><p>Another one I cam across is Jina.ai&#8217;s <a href="https://scenex.jina.ai/#how-does-it-work" target="_blank" rel="noopener">SceneXplain</a>. This is a visual storytelling api and tool.</p><p>It works in a similar way to astica. You can feed it a picture and it starts describing what&#8217;s in there.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-50106f5 elementor-widget elementor-widget-spacer" data-id="50106f5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bc5920b elementor-widget elementor-widget-image" data-id="bc5920b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="500" src="https://things.io/wp-content/uploads/2023/06/screen2-3-1024x500.png" class="attachment-large size-large wp-image-10195" alt="" srcset="https://things.io/wp-content/uploads/2023/06/screen2-3-1024x500.png 1024w, https://things.io/wp-content/uploads/2023/06/screen2-3-300x146.png 300w, https://things.io/wp-content/uploads/2023/06/screen2-3-768x375.png 768w, https://things.io/wp-content/uploads/2023/06/screen2-3-1536x750.png 1536w, https://things.io/wp-content/uploads/2023/06/screen2-3-600x293.png 600w, https://things.io/wp-content/uploads/2023/06/screen2-3.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-58584c5 elementor-widget elementor-widget-spacer" data-id="58584c5" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-42ef5c0 elementor-widget elementor-widget-text-editor" data-id="42ef5c0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>As with all the tools there are two important things:</p><ul><li>the application is key, how can people use all this great technology</li><li>pricing.</li></ul><p>The second point is important, AI is pretty pricy in the end when do a lof of interactions. There are some samples that for example Auto-GPT tasks go haywire and get stuck into loops consuming AI credits. Not something you want.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7f75f50 elementor-widget elementor-widget-spacer" data-id="7f75f50" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cbb7736 elementor-widget elementor-widget-rt-cta" data-id="cbb7736" data-element_type="widget" data-e-type="widget" data-widget_type="rt-cta.default">
				<div class="elementor-widget-container">
					<div class="rt-el-cta cta-style1">
	<div class="container">
		<div class="align-items row">
			<div class="cta-content col-lg-7">
				<h2 class="rtin-title">You want to see astica in action?</h2>
				<p></p>
			</div>
							<div class="rtin-button col-lg-5"><a class="button-gradient-1" href="https://www.astica.org" target="_blank">Bezoek de site</a></div>		
					</div>		
	</div>
</div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://things.io/how-to-automate-product-descriptions-with-ai/">How to automate product descriptions with AI?</a> first appeared on <a href="https://things.io">THINGS IO | Low-code data koppelen vanuit Groningen</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://things.io/how-to-automate-product-descriptions-with-ai/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
