AppyBuilder
  • AppyBuilder Introduction
  • Release Notes
  • Terms of Service
  • AppyBuilder Editors
    • Design Editor
    • Blocks Editor
    • Components
  • Live Testing
  • Components
    • Reference
      • User Interface
        • Button
        • Checkbox
        • Chronometer
        • DatePicker
        • FloatingButton
        • GalleryViewer
        • GridView
        • Image
        • Label
        • ListPicker
        • ListPickerCustom
        • ListView
        • ListViewCustom
        • Notifier
        • PasswordTextBox
        • ProgressBar
        • RatingBar
        • Slider
        • Spinner
        • Switch
        • TextBox
        • Toggler
        • WebViewer
        • TimePicker
        • LinedTextBox
      • Effects
        • Decoration
        • Sidebar
        • Snackbar
      • Layout
        • Horizontal Arrangement
        • Horizontal Scroll Arrangement
        • Table Arrangement
        • Vertical Arrangement
        • Vertical Scroll Arrangement
      • Drawing and Animation
        • Ball
        • Canvas
        • Image Sprite
      • Maps
        • Circle
        • FeatureCollection
        • LineString
        • Map
        • Marker
        • Polygon
        • Rectangle
      • Media
        • Camcorder
        • Camera
        • ImagePicker
        • Player
        • Sound
        • SoundRecorder
        • SpeechRecognizer
        • TextToSpeech
        • VideoPlayer
        • YandexTranslate
      • Connectivity
        • ActivityStarter
        • BluetoothClient
        • NetworkManager
        • Web
        • WiFiManager
      • LegoMindStorms
        • Ev3ColorSensor
        • Ev3Commands
        • Ev3GyroSensor
        • Ev3Motors
        • Ev3Sound
        • Ev3TouchSensor
        • Ev3UI
        • Ev3UltraSonicSensor
        • NxtDirectCommands
        • NxtDrive
        • NxtLightSensor
        • NxtTouchSensor
        • Ev3ColorSensor
      • Storage
        • Airtable
        • File
        • FirebaseDB
        • FTPManager
        • FusionTableControl
        • TinyDB
        • TinyWebDB
      • Sensors
        • Accelerometersensor
        • BarcodeScanner
        • BatteryManager
        • Clock
        • Gyroscopesensor
        • LightSensor
        • LocationSensor
        • MagneticFieldSensor
        • MemoryInfo
        • NearField
        • OrientationSensor
        • Pedometer
        • ProximitySensor
        • PressureSensor
        • SoundSensor
        • TemperatureSensor
        • ProximitySensor
      • Social
        • ContactPicker
        • EmailPicker
        • PhoneCall
        • PhoneNumberPicker
        • Sharing
        • Texting
        • Twitter
      • Experimental
        • CloudDB
      • Visualization
        • GoogleMap
        • XYChart
      • Advanced
        • KitchenSink
        • OneSignalPush
        • PushNotification
        • SQLite
      • Monetize
        • AdAmazon
        • AdAmazonInterstitial
        • AdMob
        • AdMobInterstitial
        • AdMobRewardedVideo
        • InAppBilling
        • MMediaInterstitial
  • Tutorials
    • Openstreet Map
    • OneSignalPush
    • Creating E-book
    • Basic
      • Simulating Progress Bar
      • Creating Splash Screen
      • Adding Privacy Policy
      • Package Name
      • Beginner - Talk to Me app
      • Beginner Tutorial
    • Animation
      • Animation & Collision Part I
      • Animation & Collision Part II
    • Monetization
      • AdMob Banner
      • AdMob Interstitial
      • AdMob Rewarded Video
      • Increasing Monetization Revenue
    • Using RadioButtons
    • keystore
    • Firebase - Advanced
  • Extensions
  • Concept Cards
    • Bouncing Sprites
    • Sprite Timed Movement
    • Sprite Movement on Timer
    • Adding Sound
    • Speech Recognition
    • Random Numbers
    • Fling Movement
    • Movement with Sensors
    • Drawing on Canvas
    • Multiple Screens
    • Creating Custom Colors
    • Movement with Buttons
    • Shaking Phone
    • Collision Detection
    • Dragging A Sprite
  • Advanced
    • Source File Structure
  • Code Editor
Powered by GitBook
On this page
  • Getting Started
  • Creating Projects (extensions)
  • Public Gallery

Code Editor

PreviousSource File Structure

Last updated 6 years ago

If you are extension developer, AppyBuilder Code-Editor (Beta version) allows you to create / build extensions (plugins) with ease of use. It is a fully fledged cloud-based platform that includes all the necessary tools to allow you to build your extension. This means that you don't need to download any special tools (e.g. Java, AI, Ant, Python, etc.) to your computer and all you need to do is just to point your browser to . Special thanks to and for their awesome teamwork to make this happen.

NOTE: This is only Beta version. We have attempted very hard to create you this service. However, by using this service, you accept that you don't hold us responsible for possible loss of projects.

Getting Started

Start your browser and goto https://Editor.AppyBuilder.com. If you have already registered, you can just login using your email and password, otherwise just click REGISTER and provide a valid email. NOTE: IF your email is INVALID and you loose your password, you won't be able to recover your projects. You'll need to provide a valid email address.

Creating Projects (extensions)

After successful login, you will be presented with the dashboard (below). The Dashboard will show you all projects that you have already created.

To create New Project, click on "New Project" and you'll be presented with pop-up shown below. At this time, you'll be presented with 5 choices. Currently, only Aix and Java are activated for BUILD. We are planning to release Php and Html in future releases.

Click on "aix" to create a new extensions. You will be asked to enter a name. You don't need to enter .java for your project, it will be assigned automatically:

Give your project a unique name (e.g. MyExtension) and click Continue button. You will then be presented with a base template in AppyBuilder CodeEditor:

You are now ready to create your awesome extension. Using this CodeEditor, you'll be able to change options such as Theme and Font-Size. Change it to your preference. You'll also notice icons for allowing such options as Save, Undo, Redo, Find, Replace, Line-Wrapping and Full-Screen (great for mobile-use). Once you are ready to create .aix, just click on BUILD button. You will be then presented with a dialog button like below:

Building of .aix time will be variable depending on volume and number of jobs in the queue. The system will automatically pop-up buttons when the build is ready (below). If there is build-error, you'll notice only 1 button for viewing the LOG (Last Build Log), otherwise, you'll also notice another button for downloading your .aix ("Download Aix). NOTE: Your LOG and Aix will be available for 12 hours. After that, the buttons for "Download Aix" and "Download Log" will disappear

To view the Log, or download Aix, just click on the related button. Clicking on "Download AIX" will download the .aix to your device, allowing you to import into AI platform. For example, the general template for .aix, will create 2 blocks for you as shown below:

Public Gallery

AppyBuilder encourages sharing of information. It includes feature that allows projects to be marked as Private or Public (default Private). Once a project is marked as Public, it will be visible to everyone and can be used as a starting point for customizing and creating new extensions. To select and work with a public project, Click on "New Project", then select "Public Gallery":

Once "Public Gallery" is selected, all public projects will be displayed like below:

On selection of a public project, a copy of the project will be added to your projects. The project WILL NOT be saved until you click on the Save icon. After that, this project will be added as PRIVATE to list of your own projects:

https://editor.AppyBuilder.com
ConDigital
Ken