martedì 30 settembre 2014
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...
sabato 27 settembre 2014
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?
martedì 23 settembre 2014
Tuto 9 - Cash Pirate guadagna Online
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:
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"
Delete any code that you wrote there and paste this:
////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
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.
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.
Tuto 7 - Inserire banner pubblicitari con App Inventor - Mobfox Parte 1
Come inserire i banner pubblicitari con app inventor...
Prima di iniziare ringraziamo Seblogapps per avercelo insegnato!
Ok prima di tutto delle informazioni su mobfox...
Mobfox é un sito che permette di monetizzare le proprie app e il proprio sito web in versione mobile.
Minimo payout: 5$ tramite paypal
Il payout viene accreditato in automatico, all'iscrizione nelle impostazioni di pagamento dovrete inserire l'e-mail del vostro account paypal e una volta raggiunti i 5$ all'inizio del mese tipo il 1 di gennaio avete minimo 5$ vi arriverá un email sull'account di iscrizione a mobfox con scritto che in 60 giorni vi verrá accreditato il saldo.
Se non li avete raggiunti in un mese non fa niente verranno addizionati i saldi dei mesi passati ai nuovi fin quando non avete un minimo di 5$.
Occorrente:
- Account Mobfox potete averlo da questo LINK (é un link referral)
- Account su un hosting tipo altervista va benissimo quindi createvi un sito su altervista
- Pazienze
Iniziamo:
Registriamoci su altervista
Una volta registrati su altervista confermate la vostra e-mail, accedete alla vostra email e confermate la registrazione andando nel pannello di controllo.
Ora Cliccate dal menu del pannello di controllo "Applicazioni" e "Attiva Wordpress".
Accedete al pannello di controllo di wordpress cliccando su "Accedi" dalla bacheca di altervista
Scrivete i dati wordpress (sono stati mandati in un altra email), e scrivete qualche post a caso sul blog giusto per far capire che siete attivi (ne bastano 2-3)...ora lasciamo come icona la pagina altervista e andiamo a questo link per registrarvi su mobfox LINK.
Una volta esservi registrati su Mobfox cliccate su "Publisher" e poi "Add Site/App"
Ora compilate in questo modo
Ok compilato questo modulo cliccate in "Integration" dal menu di sinistra nella voce "Publisher" e poi "Integration"
E copite il codice tutto!
Fatto questo riapriamo la pagina di altervista e andiamo nel pannello di altervista (no wordpress), Andiamo in "Gestione File"
Scriviamo a nome file "ad" e cliccate "Crea File"
Cancellate tutto quel codice che c'é scritto e incollate questo:
<html>
<body>
<div align="center">
CANCELLATE QUESTA SCRITTA E INCOLLATE IL CODICE MOBFOX CHE AVETE COPIATO IN PRECEDENZA
</div>
</body>
</html>
Cancellate anche la scritta tra i div e incollateci a suo posto il codice copiato su mobfox, fatto questo cliccate "Salva"
Ora andate alla Parte 2 della guida
Iscriviti a:
Post (Atom)