Utvidga din 4D-app till webben med den inbyggda 4D Qodly Pro

4D Qodly Pro: Ta din 4D-app till webben på ett enkelt sätt

Ge användarna smidig webbläsarbaserad åtkomst till din 4D-app med 4D Qodly Pro.

Med 4D Qodly Pro, som är helt integrerad i 4D, kan du utvidga och flytta befintliga appar till webben eller skapa nya webbaserade lösningar, samtidigt som den befintliga miljön förblir oförändrad

Affärslogiken blir kvar i 4D, ORDA-datamodellen hålls oförändrad och projektstrukturen ser ut som den brukar. Webbgränssnitten kan byggas i 4D-projektet och köras på en befintlig 4D Server.

Inga nya webbramverk. Inga migreringar. Ingen extra licensiering.

qodly pro
how it works

Varför ska jag använda 4D Qodly Pro?

Utvidga eller flytta din 4D-app till webben – ge användarna åtkomst via alla moderna webbläsare från både datorer och mobiler.

Dra nytta av din 4D-expertis - bygg webbgränssnitt med hjälp av välbekanta 4D-koncept och -verktyg, med fokus på applogik och data. Du behöver inte lära dig HTML, JavaScript eller webbramverk.

Ingen fullständig omskrivning krävs - återanvänd befintlig affärslogik, ORDA-modell och databasstruktur direkt i olika webbgränssnitt.

Använd befintliga 4D-licenser - om du är Silver 4D-partner eller högre kan du börja utveckla direkt. Dina nuvarande 4D Client-licenser omfattar webbdistribution.

Minska utvecklingstiden - skapa webbgränssnitt snabbare med hjälp av ett visuellt redigeringsverktyg och färdiga komponenter som är utformade för affärsprogram.

Så här fungerar det

4D Qodly Pro is är inbyggt i 4D, och ger en smidig och enhetlig utvecklingsupplevelse:

  • Qodly Studio - ett visuellt redigeringsverktyg som används för att designa webbgränssnitt med enkla dra-och-släpp-rörelser, ungefär som i 4D-formulär.
  • Qodly Pages - strukturerade webbskärmar som definierar layout, data och interaktioner utan att man behöver skriva HTML eller JavaScript, och som är värdbaserade på och exekveras av 4D Server.
  • Qodly-anpassade komponenter - Utöka funktionaliteten med återanvändbara gränssnittselement som är särskilt anpassade efter dina behov.

Med hjälp av dessa verktyg kan du designa och distribuera webbsidor direkt i 4D, samtidigt som applogiken och databasen inte förändras.

why use qody
cta background

Upptäck kraften hos 4D Qodly Pro

Lär dig att enkelt bygga webbgränssnitt med 4D Qodly Pro, steg för steg.

Ta en rundtur
Maximize Your Code Investments

Maximera kodinvesteringarna

Bygg enkelt Qodly-sidor genom att utgå från den befintliga 4D-kodbasen. Webbgränssnitten anropar samma datamodellsfunktioner som du redan använder, vilket gör att affärslogiken förblir centraliserad samtidigt som utvecklingstiden minskar dramatiskt. Det 4D-arbete som du har lagt flera år på kan återanvändas fullt ut.

Leverage Existing Licenses

Använd befintliga licenser

Utveckla webbappar utan extra kostnad om det ingår i ditt 4D Partner Silver-avtal eller ett avtal på en högre nivå. Distribuera och kör dina appar med befintliga 4D Client-licenser utan extra kostnad.

Harness the Power of ORDA Technology

Dra nytta av kraften hos ORDA-tekniken

4D Qodly Pro använder ORDA (Object Relational Data Access) som abstraktionslager för verksamheten. Arbeta med data som objekt i stället för att hantera komplexa databasfrågor. ORDA:s abstraktionslager förenklar datahanteringen, vilket gör implementeringen av affärslogik mer intuitiv och minskar underhållsarbetet.

Design without Effort

Designa utan ansträngning

Skapa funktionella webbformulär med hjälp av dra-och-släpp-verktyg som är utformade för affärsappar. Layout, stil och beteende konfigureras visuellt, vilket gör skapandet av webbgränssnitt tillgängligt även för mindre erfarna webbutvecklare.

Integrate Web Pages into 4D Forms

Integrera webbsidor i 4D-formulär

Förbättra skrivbordsgränssnitten med innehållsrika webbwidgetar genom att bädda in Qodly-sidor i ett 4D-formulär. Dela sessioner, data och åtgärder mellan 4D-formulär och Qodly-sidor så att alla val, uppdateringar och interaktioner synkroniseras i realtid utan att man behöver lämna 4D-miljön.

Deliver a Personalized User Experience

Leverera en personlig användarupplevelse

Förbättra användarengagemanget genom att anpassa gränssnittet dynamiskt utifrån data, behörigheter och appkontext. Med funktioner som sidtillstånd kan layout, synlighet och stil för appen förändras automatiskt som svar på olika användarinteraktioner, vilket ger en mer intuitiv upplevelse.

Extend Application Capabilities

Utöka appens funktionalitet

Utöka funktionaliteten i din app med specialkomponenter som kan anpassas utifrån de aktuella behoven. Oavsett om det handlar om diagram för analyser, datumväljare för schemaläggning eller interaktiva formulär kan du bygga kraftfulla, affärsdrivna lösningar som är anpassade helt utifrån dina behov.

Boost Productivity

Öka produktiviteten

Jobba smartare, inte hårdare. Minska antalet repetitiva uppgifter och påskynda utvecklingen med färdigbyggda mallar, duplicering av formulär och återanvändbara inbyggda komponenter. Lägg mindre tid på repetitiva uppgifter och mer tid på att leverera innovation och värde.

Improve Development Efficiency

Förbättra effektiviteten i utvecklingen

Gör justeringar i realtid utan att arbetsflödet störs. Med Qodlys funktion för sidförhandsgranskning kan du omedelbart se hur din design och beteendet fungerar utan att ständigt behöva uppdatera sidan, vilket hjälper dig att snabbare förfina användarinteraktionerna och förbättra din app.

Keep Your Application Secure

Håll din app säker

Hantera enkelt roller och behörigheter med den inbyggda säkerhetsredigeraren. Behåll full kontroll över åtkomsträttigheterna och skydda dina appar från grunden.

“Vi har använt vår 4D-programvara i tio år, och vi behövde satsa på mobilitet för att kunna utveckla vår verksamhet. 4D Qodly Pro gjorde det möjligt att utvidga vårt befintliga system till våra tekniker ute på fältet. Nu kan de få tillgång till och uppdatera kunddata på distans och i realtid, direkt från den plats där de jobbar. Denna framgång har uppmuntrat oss att utöka vår webbkapacitet ytterligare.”

Mike Williams, CEO
UMPQUA Sheet Metal INC, USA
cta background

Dokumentation

Allt du behöver veta om 4D Qodly Pro

qodly Studio Qodly Studio

Designa webbsidor visuellt i ditt 4D-projekt genom att sammanföra layout, komponenter, databindningar, interaktioner, behörigheter och förhandsgranskning av webbläsaren i realtid på en enda fokuserad arbetsyta.

drag and drop Dra och släpp

Bygg webbformulär visuellt på en dra-och-släpp-arbetsyta som uppfattas som ett 4D-formulär, så att du kan fokusera på layout och beteende i stället för på frontend-koden.

Pre-built Components Färdigbyggda komponenter

Skapa verksamhetsfärdiga webbgränssnitt snabbare med hjälp av inbyggda komponenter som tabeller, kryssrutor och matriser, så att vanliga skärmar kan sättas ihop utan anpassat gränssnittsarbete.

Templates Mallar

Utgå från färdiga sidstrukturer som gör att du slipper gissa dig till layouten, kan skapa sidor snabbare, hålla gränssnitten konsekventa och enkelt anpassa dem när kraven förändras

Custom ComponentsAnpassade komponenter

Utöka gränssnitten med återanvändbara anpassade komponenter som delas av 4D Qodly Pro-communityn när standardkomponenterna inte räcker till.

CSS EditorCSS-redigerare

Anpassa appens utseende och känsla för att passa ditt varumärke genom att hantera stilar, färger och layouter med CSS-klasser direkt från de kontextuella panelerna och egenskapspanelerna.

Crafted ComponentsTillverkade komponenter

Omvandla befintliga komponenter till återanvändbara byggstenar som bevarar layout, stilar, händelser och databindningar på olika sidor i samma projekt.

Data Mapping Datamappning

Koppla gränssnittskomponenterna visuellt till ORDA-data med hjälp av Qodly-källor från katalogen, så att ändringar görs automatiskt och gränssnitten förblir synkroniserade.

Page States Sidtillstånd

Anpassa layout och beteende visuellt utifrån data, behörigheter och sammanhang, så att innehållet visas rätt på varje sida direkt utan bearbetning på serversidan.

DialogsDialoger

Skapa modala dialogrutor visuellt för att hantera bekräftelser, datainmatning och guidade åtgärder, så att användarna hålls kvar i sitt sammanhang och kan slutföra åtgärder utan att lämna sidan.

Event Configuration Konfigurering av händelser

Koppla användarinteraktionerna till befintlig 4D-logik genom att utlösa klassfunktioner, standardbeteende, navigering, tillstånd och dialogåtgärder direkt från gränssnittet utan frontend-skript.

Events Report  Händelserapport 

Visualisera alla interaktioner och exekveringsflöden i en tydlig vy, så att sidbeteendet kan justeras snabbt, förutsägbart och med full kontroll.

Navigation Navigering

Definiera navigeringen visuellt mellan Qodly-sidor och externa länkar så att användarna rör sig naturligt genom arbetsflödena utan att det uppstår förvirring.

Read-Only Mode for Components Skrivskyddat läge för komponenter

Vägled användarna genom att styra när data är redigerbara respektive skrivskyddade baserat på roll eller status, vilket minskar antalet fel och håller arbetsflödena smidiga.

Qodly Page Preview Sidförhandsgranskning i Qodly

Förhandsgranska sidorna i realtid i webbläsaren medan du bygger, utan att stanna, starta om eller tappa fokus.

Roles and Privileges Roller och behörigheter

Skydda din app med en visuell roll- och behörighetsredigerare som kontrollerar åtkomsten till data och åtgärder från en och samma plats.

Localization Lokalisering

Hantera översättningar direkt på skärmen, förhandsgranska flera språk och anpassa layouterna efter lokala förhållanden utan extra kod.

Desktop Integration Skrivbordsintegrering

Bädda in Qodly-sidor i 4D-skrivbordsformulär och synkronisera data åt båda hållen för ett enhetligt gränssnitt.

Session Control Sessionskontroll

Låt användarna stänga webbsessionerna när de inte längre behövs, vilket frigör licenser och gör att miljöer med flera användare hålls prydliga och effektiva.

Rich Content Delivery Använd berikat innehåll

Använd filer och dynamiskt innehåll med full HTTP-kontroll, inklusive rubriker, brödtext och statuskoder.

HTTP Handlers HTTP-hanterare

Exponera logiken på serversidan genom visuellt konfigurerade HTTP-slutpunkter som ansluter URL:er och begärandemetoder till befintliga 4D-klasser för extern åtkomst/flerklientsåtkomst.

Visual Editing with JSON Access Visuell redigering med JSON-åtkomst

Bygg visuellt som standard och växla till en synkroniserad JSON-vy när det behövs, så att sidor, tillstånd och behörigheter alltid överensstämmer mellan den visuella vyn och textvyn.

Debugger Felsökare

Inspektera, spåra och felsök din app i realtid med ett särskilt felsökningsgränssnitt för analys av variabler, brytpunkter och exekveringsflöde.

Auto Cleanup Automatisk rensning

Rensa automatiskt bort oanvända tillgångar så att projektet förblir överskådligt och optimerat.