My Code Blog

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  ...

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 ...

Χτές, ανακοινώθηκε στους χρήστες του AppyBuilder ότι μέσα στους επόμενους μήνες θα συγχωνευτεί με το Kodular , μια επίσης διανομή του MIT App Inventor. Η απόφαση αυτή πιστεύουν ότι θα φέρνει στους χρήστες, πιο γρήγορα από ποτέ, νέες δυνατότητες και μέσα στους επόμενους μήνες που θα πραγματοποιηθεί η συγχώνευση τους ελπίζουν ότι θα φέρει καινοτόμες αλλαγές που θα κάνουν ακόμα πιο εύκολη , την ανάπτυξη android εφαρμογών. Διαβάζοντας στο blog του Kodular την αντίστοιχη ανακοίνωση , βλέπουμε ότι μέσα στους επόμενους μήνες το AppyBuilder θα μεταφέρει την πλατφόρμα του στο Kodular. Για την ακριβή πορεία της συγχώνευσης θα υπάρξουν περισσότερες λεπτομέρειες μέχρι 15 Σεπτεβρίου γιατί υπάρχουν αρκετές τεχνικές λεπτομέρειες. Επίσης θα ανακοινώσουν τι θα γίνει με τον ανοικτό πηγαίο κώδικα του AppyBuilder (Public Source Code) και με ton Code Editor. Στους χρήστες του AppyBuilder υπόσχονται ότι τα αρχεία τους - projects - θα είναι ασφαλή και απόλυτα συμβατά με την πλατφόρμα τ...

Στο προηγούμενο post είδατε πως μπορείτε να δημιουργήσετε την δικιά σας android εφαρμογή και να κινείτε το EV3 ρομπότ σας. Εδώ θα σας παρουσιάσω την δικιά μου εφαρμογή που δημιούργησα με το AppyBuilder. Η διαφορά με την προηγούμενη είναι ότι αντί να χρησιμοποιώ κουμπιά , μπρός, πίσω, δεξιά, αριστερά και stop , χρησιμοποιώ μόνο μια μπάλλα - ένα σημείο, το οποίο σέρνω στην επιφάνεια του κινητού μου προς την κατέυθυνση που θέλω να κινηθεί το ρομπότ. Όταν αφήνω το χέρι μου, το ρομπότ σταματά. Η ταχύτητα ρυθμίζεται ανάλογα με το πόσο γρήγορα μετακινώ την μπάλλα. Για να την χρησιμοποιήσεται θα πρέπει πρώτα να έχετε πραγματοποιήσει bluetooth σύνδεση - pairing ανάμεσα στο EV3 και στο κινητό σας όπως έχουμε δεί εδώ .  Ανοίγουμε την εφαρμογή μας , πατάμε Connect - Σύνδεση και στην λίστα που ανοίγει , βρίσκουμε το EV3 μας. Μετά πρέπει να επιλέξουμε σε ποιές θύρες είναι συνδεδεμένοι οι κινητήρες μας A, B, C ή D. Για να λειτουργήσει η εφαρμογή πρέπει να επιλεγούν δύ...

Σε αυτό το post θα σας δείξω πως μπορείτε να δημιουργήσετε την δικιά σας android εφαρμογή για να ελέγχετε την κίνηση του EV3 ρομπότ μας μέσω Bluetooth. Καταρχήν επειδή,  όπως γνωρίζουμε,  από 31 Αυγούστου οι online servers του AppyBuilder δεν θα λειτουργούν προσωρινά θα δουλέψουμε με την offline έκδοση στον υπολογιστή μας . Αν δεν θυμάστε πως ξεκινάμε την offline version μπορείτε να το δείτε εδώ  . Έχουμε λοιπόν  φορτώσει τους servers της offline version, έχουμε ανοίξει σε ένα παράθυρο του φυλλομετρητή μας, browser, το AppyBuilder δίνοντας της διεύθυνση  http://localhost:8888  και είμαστε έτοιμοι να ξεκινήσουμε. Από τα Projects επιλέγουμε Start New Project και δίνουμε ένα όνομα για το project που θα δουλέψουμε. Βρισκόμαστε λοιπόν στο γραφικό περιβάλλον του AppyBuilder ,σε designer mode, στο οποίο έχουμε δεξιά την Palette με τις διάφορες κατηγορίες αντικειμένων που μπορούμε να προσθέσουμε στην εφαρμογή μας, στο κέντρο το Viewer (το υποθετι...

 Για να χρησιμοποιήσουμε το 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-w...