Tuto 26 - Inserire Admob in App Inventor!

Ciao a tutti ragazzi!
Oggi vi spiegheró in un breve tutorial, come inserire banner admob in app inventor!
RICORDATE: Thunkable si tiene il 5% del vostro 100% dei guadagni totali!

Tuto 25 - Inserire video in App Inventor

Ciao a tutti seguaci di stepTuto!
É da tanto che non scrivevo o pubblicavo video, ma purtroppo ho avuto problemi personali e non trovavo tempo per scrivere nel blog :l (infatti nei prossimi giorni non saró sempre per lo stesso motivo molto attivo)...
Comunque lasciamo i problemi alle spalle e parliamo di questo nuovo tutorial che in molto lo hanno richiesto tramite e-mail o su facebook... come inserire video in app inventor!

Tuto 24 - Cambiare nome app con Mit App Inventor 2 (Metodo 2, semplice)!

E rieccoci ancora oggi qui dopo con un altro tutorial, dopo quello di ieri che spiegava come esportare il keystore personale da app inventor!
Oggi parleremo ancora una volta del nome della nostra app... su come cambiarlo di preciso!

Avevamo giá affrontato tempo fa quest'argomento,

Come esportare il keystore da Mit App Inventor 2

In questo semplice e piccolo tutorial andremo ad imparare come é possibile esportare il keystore personale da App Inventor!
ATTENZIONE: i dati del keystore app inventor sono disponibili a questo link!
http://devicetuto.blogspot.de/2014/09/info-dati-key-store-app-inventor.html

Tuto 23 - Come cambiare le info della nostra app

Ciao a tutti amici di stepTuto!
In questo semplice video tutorial, vi mostreró come cambiare il nome del pulsante "About this App" ed il suo contenuto, presente in tutte le app create con l'aiuto di app inventor

Tuto 19 - Come inserire spazi e caratteri speciali nel titolo di appcreate in app inventor!

ATTENZIONE É DISPONIBILE UN NUOVO TUTORIAL PIÚ SEMPLICE, CLICCA QUI!Ciao a tutti, nel tutorial di oggi vi spiegheró come modificare il titolo e il nome di app fatte in App Inventor.
Quindi da oggi si potranno inserire spazi e caratteri speciali nel nome dell'applicazione!

Come creare un'app "professionale" e degna di concorrenza tramite AppInventor!

Prima d'iniziare un po di storia...
App Inventor, pubblicata il 10 agosto 2011 dai laboratori di Google Labs, é un semplice ambiente di sviluppo android per sviluppatori alle prime armi senza conoscenza di linguaggio Java.
Purtoppo le cose non andarono per il verso giusto e, fu costretta al fallimento annunciato il 31 dicembre 2011... ma prima di fallire il gruppo Mit (Massachusetts Institute of Technology), si prese il grande incarico di mandarla avanti.
Il team Mit quando si é preso l'incarico rinominó App Inventor in Mit App Inventor rendendo questo grande progetto Open Source e cosí divenne famosa!

Tuto 18 - Inserire la Action Bar Holo in App Inventor e personalizzarla!

Ciao a tutti, oggi come dal titolo andremo a vedere come inserire un tema diverso da quello messo a disposizione da app inventor e useremo come
esempio il tema Holo.

Tuto 17 - Come far arrestare l'applicazione alla pressione del tasto indietro del cellulare App inventor

Ciao a tutti, in questo tutorial vi spiego come far terminare le applicazioni create in App Inventor 2 alla pressione del tasto indietro del cellulare in un solo minuto!

Tutto quello che bisogna fare é, andare in app inventor e allo screen del progetto che volete far arrestare l'applicazione alla pressione del tasto indietro.

Tuto 16 - Come creare uno Splash Screen con Mit App Inventor 2 #2° metodo (piú semplice)

Buon giorno a tutti, ieri ho pubblicato un metodo per creare uno Splash Screen tramite App Inventor 2 ma era un pó complicato, allora oggi ho pensato di condividere un altro metodo che é semplicissimo e che dura soltanto pochi minuti, come al solito il video é in fondo all'articolo.Attenzione!
Una volta seguito il tutorial, vi consiglio pinamente di seguire quest'altro tutorial (fattibile in soli 2 minuti) che spiega come risolvere un piccolo problema alla schermata di Splash! LINK

Tuto 15 - Come creare uno Splash Screen con Mit App Inventor 2 #Metodo 1° (Vecchio metodo)

Buona sera a tutti, oggi apprenderemo a creare un semplice Splash Screen per la nostra app android creata con Mit App Inventor 2!
Non ci occorre nulla oltre alla nostra immagine per lo Splash Screen e il Mit Ai2!
Il video lo trovate in fondo all'articolo
Allora, per prima cosa inserite nello screen base un 'Vertical Arrangement' dalla sezione 'Layout', un 'Canvas' dalla sezione 'Drawing and Animation' inserendolo nel vertical arrangement, e un 'Clock' (elemento non visibile) dalla sezione 'Sensors'.
Leggere il nuovo metodo piú semplice e corto cliccando QUI

Tuto 14 - Come firmare, signare la vostra App Android

Ciao ragazzi, con questo tutorial impareremo a signare (firmare) la nostra app con un nostro keystore giá creato, utile dopo aver ambiato il package name della nostra app create tramite App Inventor.

Tuto 13 - Creare app che ripete cosa scrivete

Ciao a tutti ragazzi in questo brevissimo tutorial vi mostreró come creare un'app che ripete cosa scrivete.Il funzionamento é semplice basta che si scrive una parola nella Textbox e tramite il click su un pulsante si fa ripetere.

Tuto 12 - Cambiare, rinominare il package name di App create con AppInventor!

Ciao a tutti in questo video tutorial vi verrá mostrato come cambiare il package name di app fatte con App Inventor seguendo una certa logica che é la seguente:

News - Beta App Inventor

Convertitore progetti da App inventor Classic (http://beta.appinventor.mit.edu/) al nuovo App Inventor 2 (http://ai2.appinventor.mit.edu/).

Tuto 10 - Come Esportare/Importare un progetto su App Inventor

Ciao a tutti in questo breve tutorial device tuto vi insegnerá ad esportare ed importare progetti tramite app inventor in modo da farvi backup dei vostri progetti, condividerli ecc...

Info - Dati Key Store App Inventor!

Quante volte avete iniziato a programmare usando app inventor ma ora avete deciso di passare ad eclipse ma non potete pubblicare l'aggiornamento dell'app senza i dati del vecchio key store?

Tuto 8 - Creare app Streaming Radio con App Inventor - Open Source

Creare app Streaming Radio con App Inventor
In due minuti!
Sources:
Download

Occorrente:
- 2 Bottoni
- 1 Slider 

Video:

Tuto 7 - How to insert ads in App with App Inventor! Part 1

How to insert banner ads with app inventor!
Part 1
How to insert banner ads with app inventor:
Before you begin Thank you for Seblogapps have taught us!
Ok first of all of the information on mobfox ...
Mobfox is a site that allows you to monetize your app and its website in mobile version.
Minimum payout: $ 5 via paypal
The payout is credited in automatic enrollment in the payment settings you need to enter the e-mail address of your paypal account and once it reaches $ 5 at the beginning of the month type 1 January you will arrive there a minimum $ 5 email account registration to mobfox written with that in 60 days you will also receive the balance credited.
If you do not have achieved in a month doing nothing will be added to the balances of the past few months new until you have a minimum of $ 5.
Needed:
- Account Mobfox you can get it from this LINK (it's a referral link)
- Account of a kind altervista hosting is fine then create a soft site on altervista
- Patience
Start:
Register on altervista 

Once registered on altervista confirm your e-mail, go to your email and confirm your registration by going to the control panel.
Now click on the menu on the control panel "Applications" and "Enable Wordpress."
Go to the control panel of wordpress by clicking on "Login" from the board of altervista

Write data wordpress (have been sent in another email), and write a few posts on the blog just in case to make it clear that you are active (it only takes 2-3) ... now we leave as the icon and go to this page altervista link to register on mobfox LINK.

Once you have registered on Mobfox click on "Publisher" and then "Add Site / App"

Now fill in this way

Ok completed the form, click on "Integration" from the left menu under "Publisher" and then "Integration"

And copite code everything!

Without this re-open the page and go altervista panel altervista (no wordpress), Come on in "Control Panel"

 

We write to the file name "ad" and click "Create File"

Delete any code that you wrote there and paste this:

<html>
<body>
<div align="center">

////HIER///

</div>
</body>
</html>

Also deleted the word /// hier /// and paste this code to place the copied mobfox, this is done click "Save"
GO TO PART 2

Tuto 7 - How to insert ads in App with App Inventor! Part 2

How to insert banner ads with app inventor!
Part 2
READ NOW THE PART 1!
Thank Seblogapps for images and this part of the guide!
Start:
- Go to App Inventor
We open our project and insert the following components in the Design Editor.
1) a Button
2) a WebViewer
3) a Clock
In this example I will show you the contents dell'Horizontal Arrangement (Ha_app) would in practice the content of your application

This is the overview of the project, it is important to emphasize that Screen1 (and possibly all other existing screen) should have the flag "scrollable" enabled, once the user clicks the banner will have a web page definitely the highest of 'height of our screen, so it is important to give the user the ability to scroll the page.

Let's see now the property of the WebViewer component:

It 'important to include in HomeUrl the exact address and full of our page containing the only banner advertising (as set out in Part 1 of the tutorial "http://yoursite.altervista.org/ad.html"), let flagged followLinks (if we do not will not be accepted any click on the sponsor)
Width must be put in "fill parent" and above Height in "automatic" so that the WebView can resize to show all content of advertising when it is needed.

The clock component is very simple, there must only generate an event every second:

Why do we need this element we see it right away,
Now we analyze the code to insert into the Blocks Editor, you look the part relating to Clock1_Ads.Timer for now:

Explanation of the code (this is perhaps the most important part of the whole tutorial) ...

Just part of the app, we'll see the banner (because it is loaded from the WebView at HomeUrl)
the button to return to the app (this can always be visible as in my example, or you can make it visible only when the ad is displayed)
And of courseyou will seethe main contentof the appitself.

So basically this is the "normal" state of our application when the user will use:

In this state you look at the still image of the Blocks editor with the windows open to watch (debug) active
we notice these things:

1) ownership WebViewer_Ads.CurrentUrl (which gives us the address of the current page) is the same as our "base" address (HomeUrl) where we loaded our banner
in the example in question is equal to http: //venicetideads.altervista.org...xxxxx.html
2) the propertyis equal toWebViewer_Ads.Height64pixel(the height of the banneronlyinpractice)

Now we have to figure out how we can, through App Inventor, capture the event click on our banner, as with all software problems there are various ways to go, I set before you what I have found it easier, if you find something better let me know: ).

If the userclicks on the ad, theCurrentUrlwill no longer beequal to theinitialHomeUrlbut it will bethe web addresswiththe contents of theadvertisements themselves, thisisthe key toeverything!

Well, using this factwe can understandso if it isinthatmoment, the userhas clicked on thebanner.

Given that unfortunately there is an event that is generated at the click of advertising, we have to check every second (for this we need the component clock) if CurrentUrl = HomeUrl;
When there is the same we have to show the advertisement in full screen and hide our application.
Simulating what actually happens with the Eclipse app scheduled to click on the banner.

Look what we have in fact put in the block Clock1_Ads.Timer; If a condition
ie; if CurrentUrl is different from HomeUrl, hide the app (ie make "false" the visible property dell'Horizontal arrangment that contains our app)
This isall thatis needed toproperly displayouradvertising...

Let us now always with the watch window of what happened after the user has clicked on the banner:

As you can see the CurrentUrl is now different from HomeUrl and then after about a second hide our app and we display in its place advertising.
The advertising will automatically adapt to the necessary height because we defined the Height of WebView in automatic :)

This is for example the result in our tests, before and after the click:

Now we have to do is program the key which brings us back to our app,
Unfortunately it is not possible to program the AI back button (pressing it come out the application).
We must then place in a clearly visible position a button that we can call "back to the app" or "main menu" or Cmq something that is clearly and immediately understandable by the user of the app.

Whenthis button is pressedwe have tobring everything backto the initial conditions(such as whenwe launchedtheapp)

Then reload the WebView with the address stored in HomeUrl (will be then closed the previous advertising and showed a new banner)
For safety, we set the height of the webview at a fixed value of 64pixel (this is the value of banner ads), if we do not we run the risk that the banner will continue to deal with too large a portion of the screen hiding the fact of our app.
Finally we make it visible again our main part of the app by setting to "true" the visible property dell'Horizontal Arrangement.