AppyBuilder - Τι είναι και πως το χρησιμοποιούμε - Part 2

-
Οπως είδαμε στο προηγούμενο άρθρο, το μόνο που χρειαζόμαστε για να αρχίσουμε να ξεκινήσουμε να φτιάχνουμε android εφαρμογές με το AppyBuilder είναι ένας φυλλομετρητής, ένας Google λογαριασμός και φυσικά μια internet σύνδεση.

Όμως πρέπει να δοκιμάζουμε τις εφαρμογές μας καθώς τις φτάχνουμε στο κινητό μας και να εντοπίζουμε τα τυχόν λάθη μας. Για να συνδέσουμε λοιπόν το κινητό μας με το AppyBuilder υπάρχουν δύο τρόποι :


  •  Σύνδεση μέσω WiFi 
Πρέπει πρώτα να κατεβάσετε στο κινητό σας την εφαρμογή AppyBuilder Companion Gold από το Google Play Store


Μετά ανοίξτε μια σελίδα στο browser σας, πάτε στο http://Gold.AppyBuilder.com και πηγαίνετε σε ένα υπάρχον project σας ή ξεκινήστε ένα νέο. Από το Menu, επιλέξτε Test και μετά Live Testing





To AppyBuilder θα σας δώσει έναν QR κωδικό τον οποίο μπορείται να σκανάρεται με την εφαρμογή σας ή να τον πληκτρολογήσεται στην εφαρμογή AppyBuilder Companion Gold 



Σε μερικά δευτερόλεπτα θα μπορείται να δοκιμάσετε την εφαρμογή σας στο κινητό σας όμως ....

ΠΡΟΣΟΧΗ !!!  Το κομπιούτερ και το κινητό σας πρέπει να είναι συνδεδεμένα στο ΙΔΙΟ WIFI ΔΙΚΤΥΟ για να μπορέσει να γίνει σωστά η σύνδεση αλλιώς δεν θα λειτουργήσει.

  • Σύνδεση με USB (Μόνο για Windows)
Κατεβάστε το αρχείο AppyBuilderStarterSetup.zip  , αποσυμπιέστε και τρέξτε την εφαρμογή - setup. Η εγκατάσταση όλων των αρχείων που χρειάζονται για να συνδεθεί το AppyBuilder με το κινητό σας μέσω usb, θα γίνει στο φάκελλο C:\Program Files (x86)\AppyBuilder Starter .
Παράλληλα θα δημιουργηθεί και ένα εικονίδιο στην επιφάνεια εργασίας σας - desktop






Συνδέστε το τηλέφωνο σας με τον υπολογιστή μέσω USB και από τις ρυθμίσεις του κινητού σας
ενεργοποιήστε την επιλογή USB debugging ή Εντοπισμός σφαλμάτων USB.  
Αν τυχόν δεν βρίσκετε πως να το ενεργοποιήσετε μπορείτε να διαβάσετε εδώ.

Τρέξτε το AppyBuilder-Starter και παράλληλα από το Menu του AppyBuilder, επιλέξτε Test και μετά USB.  Είστε έτοιμοι ....






Στο επόμενο άρθρο θα σας δείξω τα βασικά για να ξεκινήσετε την πρώτη σας εφαρμογή .....




Comments

Post a Comment

Popular posts from this blog

MIT App Inventor - How to render larger data sets efficiently using RecyclerList Extension - Advanced Guide

-
Image
In this guide I will show you how to render larger data sets using RecyclerList extension and how to create a custom search bar to filter data. In the specific example as database I used a Google Spreadsheet with 5 columns and 1.200 rows but I have tested it with even bigger databases and worked with no problem.  For those we are not familiar with dynamic components please read first the  RecyclerList - Basic guide The result is ... Extensions used in this project  Recycler List  by  Zain Ul Hassan  ListUtils   by  Zain Ul Hassan  to filter data  Enhance extesnion   by Kevinkun  to create stylish cardviews  TextBox extension  by Pura Vida Apps in order to use on textbox change event ClickZ extension  by Aquib Khan to add click event to cardviews and Image Loader   by  Ayoub Mounchid to load images asynchronous  Lets start. Go to  http://ai2.appinventor.mit.edu/ and create a new project  Designer part As you see I added a hidden ListView component - you must do it otherwise RecyclerLi
Read more

MIT App Inventor - How to use RecyclerList extension - Basic guide

-
Image
RecyclerList extension makes it easy to efficiently display large sets of data. You supply the data and define how each item looks, and then the RecyclerView library dynamically creates the elements when they're needed. As the name implies, RecyclerView  recycles  those individual elements. When an item scrolls off the screen, RecyclerView doesn't destroy its view. Instead, RecyclerView reuses the view for new items that have scrolled onscreen. This reuse improves app’s performance and responsiveness. In this guide I will show you how to use RecyclerList extension   created by Zain UI Hassan   with MIT App Inventor Lets's start, go to http://ai2.appinventor.mit.edu/ and create a new project and  In Designer View 1) Import the extension to your project 2) Add a ListView component and hide it - This requirement is needed only when using AI2 otherwise the app will crash  3) Create your layout, for example I will use a list that will contain clients names and I want to have a
Read more

AppyBuilder OFFLINE - Εγκατάσταση στον υπολογιστή μας

-
Image
 Για να χρησιμοποιήσουμε το AppyBuilder offline θα πρέπει να έχουμε στον υπολογιστή μας το AppyBuilder Personal version και την Java 8 JDK έκδοση εγκατεστημένη στον υπολογιστή μας. 1) Την offline έκδοση του AppyBuilder μπορούμε να την κατεβάσουμε από εδώ  . Πατώντας το link θα βρεθείται στο GitHub όπου θα έχετε την επιλογή να κατεβάσετε - download το πρόγραμμα Πατήστε download και μετά download zip  . Το αρχείο θα κατέβει σε λίγα λεπτά στον υπολογιστή σας με το όνομα AppyBuilderPersonal-master.zip Αφού κατέβει στο υπολογιστή σας, βρίσκουμε το zip αρχείο και το κάνουμε αποσυμπίεση - extract σε έναν νέο φάκελλο - folder  2) Το επόμενο βήμα είναι να δούμε αν έχουμε εγκατεστημένη την σωστή έκδοση Java . Όπως είπα πιο πάνω χρειάζεται να είναι εγκατεστημένη η έκδοση Java 8 JDK  (Αν δεν την έχετε εγκατεστημένη στον υπολογιστή σας, μπορείτε να την κατεβάσετε από την Oracle   ή αλλιώς κατεβάστε την έκδοση jdk-8u181-windows-x64 από εδώ  ) Εφόσον πλέον
Read more