MIT App Inventor – First steps with MIT App Inventor – part 001. – free-tutorials.org news free tutorials source code development scripts

MIT App Inventor is an intuitive, visual programming environment that allows everyone – even children – to build fully functional apps for Android phones, iPhones, and Android/iOS tablets. Those new to MIT App Inventor can have a simple first app up and running in less than 30 minutes. And what’s more, our blocks-based tool facilitates the creation of complex, high-impact apps in significantly less time than traditional programming environments. The MIT App Inventor project seeks to democratize software development by empowering all people, especially young people, to move from technology consumption to technology creation.
A small team of MIT CSAIL staff and students, led by Professor Hal Abelson, forms the nucleus of an international movement of inventors. In addition to leading educational outreach around MIT App Inventor and conducting research on its impacts, this core team maintains the free online app development environment that serves more than 6 million registered users.
Read more about this on the official webpage.
This tutorial will be a little more complex to show that things that seem simple and well done can be quick and have reasonable solutions.
To test the source code, you must have this application installed on your phone.
Open an account and create a new project to use the online tool.
The official youtube channel will help you make up your mind about how this tool works.
This tool contains two large parts, one in which you arrange the interface and one in which you use code blocks to write the program.
Here are two screenshots of the application created to display and send S.M.S. messages, using an external source.

Regarding the external source, I created a spreadsheet called SMS_app_001 in my Google Drive account, and added a script.

//https://script.google.com/macros/s/AKfycbyQXYMdTBfxRMIE-CiaQxBpLHYWYCoGAG72LzmTRnLcb-iR696azBfb_eTWTL0b6bzM1g/exec

const SHEET_ID = "1RUXyZaWgrg1xSauNS49Cd4R07NuD7sMxDDkguIkXtLw";
const doGet = () => {
  SpreadsheetApp.openById(SHEET_ID);
  const spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  const [header, ...data] = spreadsheet.getDataRange().getDisplayValues();

  const PHONE = header.indexOf('Phone');
  const TEXT = header.indexOf('Text');
  const STATUS = header.indexOf('Status');

  const output = [];

  data.forEach((row, index) => {
    if (row[STATUS] === '') {
      output.push([index + 1, row[PHONE], row[TEXT]]);
    }
  });

  const json = JSON.stringify(output);
  console.log(json)
  return ContentService.createTextOutput(json).setMimeType(ContentService.MimeType.TEXT);

};

const doPost = (e) => {
  SpreadsheetApp.openById(SHEET_ID);
  const spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  const [header] = spreadsheet.getRange('A1:1').getValues();
  const STATUS = header.indexOf('Status');
  var rowId = Number(e.parameter.row);
  sheet.getRange(rowId + 1, STATUS + 1).setValue('SMS Sent');
  return ContentService.createTextOutput('').setMimeType(ContentService.MimeType.TEXT);
};

//https://script.google.com/macros/s/AKfycbyQXYMdTBfxRMIE-CiaQxBpLHYWYCoGAG72LzmTRnLcb-iR696azBfb_eTWTL0b6bzM1g/exec

const SHEET_ID = "1RUXyZaWgrg1xSauNS49Cd4R07NuD7sMxDDkguIkXtLw";

const doGet = () => {

SpreadsheetApp.openById(SHEET_ID);

const spreadsheet = SpreadsheetApp.getActiveSpreadsheet();

const [header, ...data] = spreadsheet.getDataRange().getDisplayValues();

const PHONE = header.indexOf('Phone');

const TEXT = header.indexOf('Text');

const STATUS = header.indexOf('Status');

const output = [];

data.forEach((row, index) => {

if (row[STATUS] === '') {

output.push([index + 1, row[PHONE], row[TEXT]]);

}

});

const json = JSON.stringify(output);

console.log(json)

return ContentService.createTextOutput(json).setMimeType(ContentService.MimeType.TEXT);

};

const doPost = (e) => {

SpreadsheetApp.openById(SHEET_ID);

const spreadsheet = SpreadsheetApp.getActiveSpreadsheet();

const [header] = spreadsheet.getRange('A1:1').getValues();

const STATUS = header.indexOf('Status');

var rowId = Number(e.parameter.row);

sheet.getRange(rowId + 1, STATUS + 1).setValue('SMS Sent');

return ContentService.createTextOutput('').setMimeType(ContentService.MimeType.TEXT);

};

Finally, this script is deployed as a web application.

The result of the deployed script is an URL and this can be used with the GET and POST to interact with the block’s source code shown in the screenshot.
The result was a functional android application that is data with GET and at POST opens the S.M.S. sending application, and enters the message to be sent manually.

Leave a Reply Cancel reply