1. 야후에서 제공하는 주식 정보를 보여주는 앱

• 화면 디자인
  • User Interface > Label
    • 이름 : Label1 -> StockInfoLabel
    • 속성
      • Text : Text for Label1 -> looking up Google stock price...
      • FontSize : 20
  • User Interface > Button
    • 이름 : Button1 -> UpdateButton
    • 속성
      • Text : Text for Button1 -> Update
  • Connectivity > Web
  • 코드 작성
    • 앱이 실행되면, 야후에서 제공하는 api url ( http://download.finance.yahoo.com/d/quotes.csv?f=l1c1&e=.csv&s=IBM ) 의 정보를 가져와서 화면에 보여준다.
    • 업데이트 버튼을 누르면 다시 api url 의 정보를 가져와서 화면에 보여준다.
  • Designer > UI 구성

• Blocks > 코드 작성

• 앱인벤터 파일(.aia) 다운로드

2. 주식 가격만 보여주는 앱

• 코드
  • 야후에서 제공하는 정보들(csv) 중에서 가격만 화면에 표시하기
  • 리스트에 csv 값을 모두 저장한 뒤 가격을 나타내는 첫 번째 값(index 가 1) 을 출력한다.
  • Blocks > 코드 작성

• 앱인벤터 파일(.aia) 다운로드

3. 특정 기업의 주식 가격 확인하기

• 화면 디자인
  • Layout > HorizontalArrangement
  • HorizontalArrangement1 안에
    • User Interface > TextBox
      • 이름 : TextBox1 -> SymbolTextBox
    • UpdateButton 추가
  • 코드
    • 웹에 보낼 url 주소에서 업체명을 SymbolTextBox 에 입력한 텍스트로 작성해서 정보를 요청한다.
  • Designer > UI 구성

• Blocks > 코드 작성

• 본 콘텐츠는 appinventor.org 에서 공개한 Build Web-Enabled Apps 콘텐츠를 번역 및 재정리 한 자료 입니다.
• appinventor.org 는 Attribution-NonCommercial-ShareAlike 3.0 Unported License 정책에 따르며, 본 콘텐츠도 동일한 라이센스를 따릅니다.