Installing No-Code Tool - Graphite Studio

Introduction

 
Graphite Studio is one of the best No-Code tools available in the market. No-Code tools are generally used by Citizen Developers, but there are no constraints on the type of users. Small to mid and mid to large scale organizations also use No-Code tools to get benefits like fast development, good quality code, faster testing, etc. In the end, it's a win-win situation for all users.
 
This article looks too lengthy, but the following steps given in this article will be easy and quick. Let's get started with installing Graphite Studio step-by-step.
 
Pre-Requisite
 
Check and match your system requirement from the below table to install Graphite Studio.
 
Component Requirement
Processor 2.2 GHz or faster
x64-bit Processor or faster
Memory (RAM) 8-16 GB or greater
Operating System Windows Server 2012 R2 (64 bit) or
Windows 10 Pro
Windows Pro Enterprise
.NET Framework Version 4.5.1
Database  SQL Server 2012 R2 or
SQL Server 2016 Express and above
Additional Components Visual Studio 2012/13
Web Server - IIS 8.5
IIS Management Service
Web Platform Installer
Web Deploy 3.6
ASP .NET
.NET Extensibility
.NET WCF Services - HTTP Activation
 
Download Graphite Studio from the given below URL:
 
https://graphitegtc.com/download
 
When you open the above URL, you can see 2 different installers to be downloaded:
 
Installing No-Code Tool - Graphite Studio
Figure 1
 
Download both installers:
  • Graphite Studio Setup Version 6.1.1
  • Graphite Studio Core Installer
Now install these installers one after another but the first one to be installed is Graphite Studio Setup Version 6.1.1.
 
Step 1 - Install "Graphite Studio Setup"
 
Locate the folder where your installer is available and start installing as per the given instructions.
 
GraphiteStudio-RunAsAdmin
Figure 2
 
Prefer installing it using the "Run as administrator" option. This will automatically keep all permissions which an administrator should have.
 
GraphiteStudioInstallationWizardStart
Figure 3
 
Click Next.
 
GraphiteStudio-RegistrationDetail 
Figure 4
 
Please ensure that the given details are correct. The email will be used to send all further details like Activation Id etc. Click Next.
 
GraphiteStudio-LicenseAgreement 
Figure 5
 
Accept the agreement and click Next.
 
GraphiteStudio-InstallationPath 
Figure 6
 
Select the location where you want Graphite Studio to be installed. The default location is also good to go. Click Next.
 
GraphiteStudio-StartMenuFolder 
Figure 7
 
By default "Graphite Studio" folder will be created in the start menu. You can change or keep the folder name as it is. Click Next.
 
GraphiteStudio-Shortcut-Desktop-Icon
Figure 8
 
I usually don’t prefer to have shortcut icons on desktop but you may check or un-check it as per your preference. Click Next.
 
GraphiteStudio-InstallationProgress 
Figure 9
 
Installation is in progress…
 
GraphiteStudio-WebDeploymentTool-Error 
Figure 10 - 9-GraphiteStudio-WebDeploymentTool-Error
 
I got this error in the very next step. This error shows either the Web Deployment Tool is not installed or is not running. Let's name this error as "Web Deployment Error" and complete the main installation steps for now. We will rectify this issue in later steps.
 
GraphiteStudio-CompletingSetup-LaunchStudio 
Figure 11
 
Click Finish to launch Graphite Studio.
 
GraphiteStudio-FirstScreen
Figure 12
 
Here is the first screen of Graphite Studio. You would get 2 options to start with – "New" and "Open". Let's try to create a new application. Click New.
 
GraphiteStudio-CreateAppError 
Figure 13
 
When trying to create a new application, Graphite Studio prompts an error shown above. This is because the installation is not completed yet. You are still due with a second downloaded installer – "Graphite Studio Core Installer". Graphite Studio is looking for Graphite's core libraries that are not available in the machine, hence the error.
 
Step 2 - Install "Graphite Core Installer"
 
Close the Graphite Studio and start installing Graphite Core Library.
 
GraphiteCore-Install-RunAsAdmin
Figure 14
 
Use the "Run as Administrator" option similar to the first installer.
 
GraphiteCore-License-Agreement 
Figure 15
 
Accept the agreement and click Next.
 
GraphteCore-InstallationDestinationLocation 
Figure 16
 
Select the same location where "Config" (location from earlier installation) folder resides. In my case, it is located at "~\Documents\Graphite GTC\Config". Click Next.
 
GraphiteCore-FolderExistsPrompt
Figure 17
 
Click Yes
 
GraphiteCore-ReadyToInstall
Figure 18
 
Click Install.
 
GraphiteCore-InstallationProgress
Figure 19
 
Installation is in progress.
 
GraphiteCore-WizardSetupComplete 
Figure 20 
 
Click Finish to complete the Graphite GTC Core Library setup.
 
Now you have completed installing both installers which are Graphite Studio and Graphite Core Library. Ideally, this is the stage where you should be able to create an application using Graphite Studio, but since we got an error in our previous installation steps, let's fix the "Web Deployment Error" before creating an application.
 
Step 3 - Fix "Web Deployment Error"
 
Download "WebDeploy_x64_en-US.msi" from URL –
 
https://graphitegtc.com/download
 
WebDeploymentFix-SupportingTool
Figure 21
 
Now use this MSI file to install Web Deploy service in your machine.
 
WebDeploymentFix-SetupWizardStart
Figure 22
 
Click Next
 
WebDeploymentFix-License-Agreement
Figure 23
 
Accept the agreement. Click Next.
 
WebDeploymentFix-ChooseSetupType-Custom 
Figure 24
 
Choose Custom and make sure "Web Deployment Framework-->Remote Agent Service" should be deployed on the local hard drive.
 
WebDeploymentFix-InstallOnLocalHardDrive
Figure 25
 
Click Next.
WebDeploymentFix-ReadyToInstall 
Figure 26
 
Click Install
 
WebDeploymentFix-InstllationProgress
Figure 27
 
Installation is in progress…
 
WebDeploymentFix-Finish
Figure 28
 
Click Finish.
 
WebDeploymentFix-ServicesStatus-Before 
Figure 29
 
After finishing the installation, open your service manager and choose "Web Deployment Agent Service" and set it to Startup Type to "Automatic" and Status to "Running".
 
WebDeploymentFix-ServicesStatus-After 
Figure 30
 
Once the service status is changed to Running and Startup Type to Automatic, let's re-launch Graphite Studio and see if everything is working fine. Go to your start menu and launch Graphite Studio.
 
GraphiteIDE-SplashScreen
Figure 31
 
Graphite Studio splash screen
 
GraphiteIDE-HomePage
Figure 32
 
This is the Graphite Studio home screen again. Since we do not have any existing project, click on "New".
 
GraphiteIDE-NewWebProject-Step1 
Figure 33
 
This is the new project creation screen. Choose project type to "Web Application". Click Next.
 
GraphiteIDE-NewWebProject-Step2
Figure 34
 
This is the screen from where you can choose sub-components from previously selected library(s). If you see from the previous screen, you have selected "GraphiteGTC.Core" library and these are the available sub-components under the selected library. Keep it as it is. Now it’s time to apply your activation ID, which is received in your email. Click on the docked right panel on this screen.
 
GraphiteIDE-SettingsDockPanel 
 
Figure 35
 
Click Settings-->Registration tab and also open your email and copy the Activation Id.
 
ActivationCodeInEmail 
 
Figure 36
 
GraphiteIDE-RegistrationTab
 
Figure 37
 
Put your activation id in the given box. Click Verify.
 
GraphiteIDE-SuccessfullyActivatedPopup 
 
Figure 38
 
This is the successful activation message of your Activation Id. Click Confirm, then click Ok followed by Ok again.
 
GraphiteIDE-ApplicationHomePage 
 
Figure 39
 
Congratulations!!! You have successfully set up Graphite Studio and ready to explore Graphite Studio features.
 
Note
Activation Id works for 30 days but you can even use it after 30 days. You just have to go back to Settings-->License.
 
GraphiteIDE-ExtendLicenseSetting 
 
Figure 40
 
If it shows "Remaining number of days(s) 0" then clicks on the Extend Trial button.
 
GraphiteIDE-ExtendTrailConfirmationPopup 
 
Figure 41 
 
A popup will show up, so click Yes.
 
GraphiteIDE-LicenseExtendedPopup 
 
Figure 42
 
Another popup will appear saying the trial period has been extended. Click Confirm.
 
GraphiteIDE-LicenseExtendedSettingTab 
 
Figure 43
 
Click Ok.
 
You are allowed to create an application again for the next 30 days. The good thing is that extension is completely FREE OF COST, so enjoy learning and creating an application using NextGen Graphite Studio. Happy Graphiting!!!
 

Summary

 
This article will help you to install the step-by-step No-Code tool "Graphite Studio". Graphite Studio will surely enrich your experience in the No-Code area.
 
Reference URL
  • https://graphitegtc.com/downloads/Graphite_Studio_System_Requirements.pdf
  • https://graphitegtc.com/downloads/Graphite_Studio_Install_Notes.pdf


Similar Articles