Difference between revisions of "Android-app-using-Kotlin/C2/Overview-of-Kotlin/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| style="border-spacing:0;" | style="background-color:#c0c0c0;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| '''Vi...")
 
 
Line 7: Line 7:
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Slide 1:
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Slide 1:
  
−
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Welcome to the''' Spoken Tutorial''' on''' Overview of Android App using Kotlin.'''
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Welcome to the spoken tutorial on''' Overview of Android App using Kotlin.'''
  
 
|-
 
|-
Line 29: Line 29:
  
 
'''Pre-requisites'''
 
'''Pre-requisites'''
−
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| * To follow this series, you should have working knowledge of '''Java''' programming language.
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"|  
 +
* To follow this series, you should have working knowledge of '''Java''' programming language.
 
* If not, then go through the relevant '''Java''' tutorials on this website.
 
* If not, then go through the relevant '''Java''' tutorials on this website.
−
 
  
 
|-
 
|-
Line 47: Line 47:
 
We have covered how to use the basic tools such as:
 
We have covered how to use the basic tools such as:
  
−
* Text View
+
* '''Text View'''
−
* Radio group
+
* '''Radio group'''
−
* Radio button
+
* '''Radio button'''
−
* Spinner
+
* '''Spinner'''
−
* Image view
+
* '''Image view'''
−
* Buttons
+
* '''Buttons'''
  
 
|-
 
|-
Line 62: Line 62:
 
|-
 
|-
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Show the final image of search App output
 
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Show the final image of search App output
−
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Let me show the demo of '''ST Search App.'''
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Let me show the demo of '''ST Search app.'''
  
 
|-
 
|-
Line 80: Line 80:
  
 
Android Studio
 
Android Studio
−
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| * '''Android Studio''' is an '''IDE''' designed specifically for '''Android''' development.
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"|  
 +
* '''Android Studio''' is an '''IDE''' designed specifically for '''Android''' development.
  
 
* It is the official '''IDE''' for '''Google's Android operating system'''.
 
* It is the official '''IDE''' for '''Google's Android operating system'''.
Line 92: Line 93:
  
 
'''Kotlin'''
 
'''Kotlin'''
−
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| * '''Kotlin''' is an open source programming language that runs on '''JVM (Java Virtual Machine).'''
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"|  
 +
* '''Kotlin''' is an open source programming language that runs on '''JVM (Java Virtual Machine).'''
 
* '''Google''' announced '''Kotlin''' as an official programming language for '''Android OS'''.
 
* '''Google''' announced '''Kotlin''' as an official programming language for '''Android OS'''.
  
Line 99: Line 101:
  
 
'''Features of Kotlin'''
 
'''Features of Kotlin'''
−
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| * It is easy to learn and the syntax is very similar to '''Java'''.
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"|  
 +
* It is easy to learn and the syntax is very similar to '''Java'''.
 
* '''Kotlin''' is more expressive, which makes the code more readable and understandable.
 
* '''Kotlin''' is more expressive, which makes the code more readable and understandable.
 
* It has better performance and small '''runtime'''
 
* It has better performance and small '''runtime'''
Line 193: Line 196:
 
At the end of this tutorial, we will know about
 
At the end of this tutorial, we will know about
  
−
* The donereplace on the slidedesign of the '''app''' with '''Text views, Spinner''' and '''Search''' button
+
* The design of the '''app''' with '''Text views, Spinner''' and '''Search''' button
 
* '''Data''' identification in '''Spoken Tutorial server'''
 
* '''Data''' identification in '''Spoken Tutorial server'''
 
* '''Source code''' for selecting an item from the '''spinner'''
 
* '''Source code''' for selecting an item from the '''spinner'''
Line 291: Line 294:
  
 
Forum for specific questions
 
Forum for specific questions
−
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0.097cm;padding-bottom:0.097cm;padding-left:0.171cm;padding-right:0.097cm;"| * Do you have questions in THIS Spoken Tutorial?
+
| style="background-color:#ffffff;border:1pt solid #000001;padding-top:0.097cm;padding-bottom:0.097cm;padding-left:0.171cm;padding-right:0.097cm;"|  
 +
* Do you have questions in THIS Spoken Tutorial?
 
* Please visit this site  
 
* Please visit this site  
 
* Choose the minute and second where you have the question
 
* Choose the minute and second where you have the question
Line 302: Line 306:
 
Forum for specific questions:
 
Forum for specific questions:
  
−
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0.106cm;padding-bottom:0.106cm;padding-left:0.049cm;padding-right:0.106cm;"| * The Spoken Tutorial forum is for specific questions on this tutorial
+
| style="background-color:#ffffff;border:0.75pt solid #000001;padding-top:0.106cm;padding-bottom:0.106cm;padding-left:0.049cm;padding-right:0.106cm;"|  
 +
* The Spoken Tutorial forum is for specific questions on this tutorial
 
* Please do not post unrelated and general questions on them
 
* Please do not post unrelated and general questions on them
 
* This will help reduce the clutter
 
* This will help reduce the clutter

Latest revision as of 11:22, 27 August 2019

Visual Cue Narration
Slide 1: Welcome to the spoken tutorial on Overview of Android App using Kotlin.
Slide 2:

Learning objectives

In this tutorial, we will learn about the
  • software required to create an app and its features and the
  • content available in various tutorials under this series
Slide 3:

System Requirements

To record this tutorial, I am using Ubuntu Linux 16.04 operating system.
Slide 4:

Pre-requisites

  • To follow this series, you should have working knowledge of Java programming language.
  • If not, then go through the relevant Java tutorials on this website.
We have Basic and Intermediate level tutorials in this series.
Slide 5:

Spoken Tutorial series -Basic level

Show the final image of App output

In the Basic level, we have created a Registration form app.

We have covered how to use the basic tools such as:

  • Text View
  • Radio group
  • Radio button
  • Spinner
  • Image view
  • Buttons
Slide 6:

Spoken Tutorial series -Intermediate level

In the Intermediate level, we have created a Search app for Spoken Tutorial project.
Show the final image of search App output Let me show the demo of ST Search app.
Narration to the demo Select a Foss and Language and click on the Search button.

It will load the thumbnails of the selected series and language in the next window.

If you click on any thumbnail, the respective video will play.

Let us see the software required to create this app.
Slide 7:

Android Studio

  • Android Studio is an IDE designed specifically for Android development.
  • It is the official IDE for Google's Android operating system.
  • It is built on JetBrains' IntelliJ IDEA software.
  • In this series, an Android app is created using Kotlin programming language.
Slide 8:

Kotlin

  • Kotlin is an open source programming language that runs on JVM (Java Virtual Machine).
  • Google announced Kotlin as an official programming language for Android OS.
Slide 9:

Features of Kotlin

  • It is easy to learn and the syntax is very similar to Java.
  • Kotlin is more expressive, which makes the code more readable and understandable.
  • It has better performance and small runtime
Now, we will briefly go through the individual tutorials in this series.
Slide 10:

Installation of Android Studio

The first tutorial in this series explains about
  • Installation of Android Studio in Ubuntu Linux operating system.
  • For Windows installation, please refer to the Installation sheet of this series.
Show “Installation of Android Studio ” tutorial. Here is a glimpse of the tutorial.
Slide 11:

Getting started with Hello world App

The next tutorial in this series explains
  • The Android Studio interface
  • How to create a HelloWorld app
  • How to run the Kotlin app and
  • See the output in an Android phone
Show “Getting started with Hello world App” tutorial. Here is a glimpse of the tutorial.
Slide 12:

Creating a Registration form

The next tutorial is Creating a Registration form.

In this tutorial we will learn to

  • Add TextView, Plain Text and Buttons
  • Set the constraints and attributes
  • Create a simple form
  • Write Kotlin code for button click event.
Show Creating a Registration form tutorial Let us have a look at this tutorial.
Slide 13:

Adding Radio Buttons

The next tutorial is Adding Radio Buttons.

Here we will

  • Add a Radio Group to group the radio buttons.
  • See the demonstration of adding Gender radio buttons.
  • Write the source code to decide which radio button is selected.
Show Adding Radio Buttons tutorial Here is a glimpse of the tutorial.
Slide 14:

Adding spinner and Image

The next tutorial is Adding Spinner and Image.

In this tutorial, we will learn to

  • Add a drop-down menu using the Spinner to select a department
  • Add an image using ImageView to upload a picture
Show Adding Spinner and Image tutorial Let me play this tutorial.
Slide 15:

Creating a Search App

The next tutorial is Creating a Search App.

At the end of this tutorial, we will know about

  • The design of the app with Text views, Spinner and Search button
  • Data identification in Spoken Tutorial server
  • Source code for selecting an item from the spinner
  • Running the app to see the selected FOSS ID and Language ID as output in the Android phone
Show Creating a search App tutorial Let me play this tutorial.
Slide 16: URL Request The next tutorial is URL Request.

Here we will learn to

  • Pass the Foss and Language IDs to the URL of Spoken Tutorial website
  • Parse the response JSON data
Show URL Request tutorial Let's have a look at this tutorial.
Slide 17:

Display Search Result

The next tutorial is Display Search Result.

It explains how to

  • Use RecyclerView to display the thumbnail of videos
  • Get the thumbnail from a specific Spoken Tutorial YouTube URL
  • Pass the video ID of the selected Spoken Tutorial
Show “Display Search Result” tutorial Here is a glimpse of the tutorial.
Slide 18:

Playing video using YouTube API

The next tutorial is Playing video using YouTube API.

It explains how to

  • Create a project in Google cloud
  • Enable the YouTube API
  • Initialise the YouTubePlayerView in Android studio
  • Run the Kotlin app and
  • Play the selected video

It also shows the required links to publish or upload the Android app on Google Play Store.

Show “Playing video using YouTube API” tutorial Here is a glimpse of the tutorial.
This brings us to the end of this tutorial. Let us summarise.
Slide 19:

Summary

In this tutorial, we went through the
  • Software required to create an app and its features
  • Content available in various tutorials under this series
Slide 20:

About Spoken Tutorial project

The video at the following link summarises the Spoken Tutorial project.

Please download and watch it.

Slide 21:

Spoken Tutorial workshops

The Spoken Tutorial Project Team:
  • conducts workshops and
  • gives certificates

For more details, please write to us.

Slide 22:

Forum for specific questions

  • Do you have questions in THIS Spoken Tutorial?
  • Please visit this site
  • Choose the minute and second where you have the question
  • Explain your question briefly
  • Someone from our team will answer them
Slide 23:

Forum for specific questions:

  • The Spoken Tutorial forum is for specific questions on this tutorial
  • Please do not post unrelated and general questions on them
  • This will help reduce the clutter
  • With less clutter, we can use these discussion as instructional material
Slide 24:

Acknowledgement

Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.

More information on this mission is available at this link.

Slide 25:

Thank you

The Android app was contributed by Abhishek Shah.

And this is Nirmala Venkat along with the Spoken Tutorial team from IIT Bombay, signing off.

Thanks for watching.


Contributors and Content Editors

Nancyvarkey, Nirmala Venkat

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Android-app-using-Kotlin/C2/Overview-of-Kotlin/English&oldid=48900"