Cards you may also be interested in
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 29
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 최근 은행이나 대기업의 서비스 분야에서 인공지능 챗봇 도입이 많아지고 있습니다. 인공지능 챗봇은 해당 서비스 이용자들의 질문이나 원하는 서비스를 미리 등록해놓고 원하는 서비스를 챗 봇 서비스에 입력하면 해당 서비스를 자세히 설명해주는 형태의 서비스입니다. 챗봇 서비스는 대 부분 인공지능 서비스 중 1단계로 기계학습(Machine Learning)을 이용합니다. 현재 많이 사용 하는 인공지능 기술로 사람의 음성을 인식하고, 사용자가 제공하는 데이터 학습을 통해 서비스 및 지능을 높여가는 인공지능 방식입니다. 이번 시간 목표 : 인공지능을 이해할 수 있는 챗봇 앱 만들기 - 1 인공지능 기술을 이해하고 체험해 볼 수 있는 챗봇을 구현해 보겠습니다. 챗봇을 구현하기 위 해서는 질문의 키워드와 답변 내용을 저장할 데이터베이스가 필요합니다. 앱 인벤터에서는 앱을 설치하고 사용하는 스마트폰에 데이터를 저장하는 타이니DB가 있고, MIT 클라우드 데이터베이 스나 또는 직접 구축한 서버의 데이터베이스에 저장할 수 있는 클라우드DB가 있습니다. 이번 프로젝트인 챗봇 서비스는 클라우드DB를 이용해 여러 스마트폰에서 해당 서비스를 이 용할 수 있도록 구성해 보겠습니다. 먼저 앱인벤터 사이트(https://appinventor.mit.edu/)에 접속하고 로그인하세요. 새로운 앱 제작을 위해 상단 [프로젝트] - [새 프로젝트 시작하기]를 클릭합니다. 프로젝트 이름은 [Ai_ChatBot]으로 입력하고 [확인]을 눌러 진행하겠습니다. 팔레트 창 사용자 인터페이스 그룹의 [레이블]을 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다. [레이아웃] 그룹을 클릭 후 [수평배치]를 뷰어 창의 스마트폰 화면 레이블 아래에 드래그&드롭합니다. 속성 창의 너비를 [부모 요소에 맞추기]로 설정합니다. [표형식배치] 컴포넌트를 '수평배치' 안으로 드래그&드롭합니다. 속성 창에서 너비 [부모 요소에 맞추기...], 행 [4]로 설정합니다. 팔레트 창에서 [사용자 인터페이스] 그룹을 클릭 후 [레이블]을 표형식 배치의 1~3 줄 첫 번째 칸에 각각 배치합니다. [텍스트박스] 컴포넌트를 표 형식 배치의 2~3번줄 두 번째 칸에 드래그&드롭합니다. [버튼] 컴포넌트를 표 형식 배치의 네 번째 줄 두 번째 칸에 드래그&드롭합니다. 팔레트 창 사용자 인터페이스 그룹의 [레이블]을 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다. [레이아웃] 그룹을 클릭 후 [수평배치]를 뷰어 창의 스마트폰 화면 레이블 아래에 드래그&드롭합니다. 속성 창의 너비를 [부모 요소에 맞추기]로 설정합니다. [표형식배치] 컴포넌트를 '수평배치' 안으로 드래그&드롭합니다. 속성 창에서 너비 [부모 요소에 맞추기...], 행 [4]로 설정합니다. 팔레트 창에서 [사용자 인터페이스] 그룹을 클릭 후 [레이블]을 표형식 배치의 1~3 줄 첫 번째 칸에 각각 배치합니다. [텍스트박스] 컴포넌트를 표 형식 배치의 두 번째 줄 두 번째 칸에 드래그&드롭합니다. [레이블] 컴포넌트를 표 형식 배치의 세 번째 줄 두 번째 칸에 드래그&드롭합니다. [버튼] 컴포넌트를 표 형식 배치의 네 번째 줄 두 번째 칸에 드래그&드롭합니다. [알림] 컴포넌트를 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다. 알림 컴포넌트는 스마트폰 화면 하단 '보이지 않는 컴포넌트'에 표시됩니다. [저장소] 그룹을 클릭 후 [클라우드 DB] 컴포넌트를 뷰어 창의 스마트폰 화면 안으로 드래그&드롭합니다. 클라우드 DB 컴포넌트는 스마트폰 화면 하단 '보이지 않는 컴포넌트'에 표시됩니다. 컴포넌트 배치가 완료되었습니다. 이제 컴포넌트 속성을 이용해 아래와 같이 설정합니다. 설정이 완료되면 아래 그림처럼 배경 및 화면 디자인 설정이 완료됩니다. 표를 참고해 컴포넌트 이름도 일부 수정합니다. 이번 시간은 여기까지입니다. 다음 시간에는 코딩을 해 앱을 완성하도록 하겠습니다. 감사합니다^^ 다음시간에 또 뵈요~^^* 앱인벤터를 활용한 코딩에 대해 더 알고싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 Software 비전공 입문 독자 - 소프트웨어 교육 의무화로 소프트웨어 코딩을 배우고 싶은 학생 - 초등학교, 중학교, 고등학교에서 방과후 교육을 진행하는 선생님 - 대학 및 학원, 직업전문학교 등의 교육 기관에서 코딩을 가르치는 교수님, 선생님 - 스마트폰 앱을 직접 만들어 사용하고 싶은 독자 - 사물인터넷과 스마트 센서를 활용한 앱을 만들고 싶은 독자 - 인공지능을 이해하고 관련 앱을 만들어보고 싶은 독자 [▶이 책에서 다루는 내용] - 블럭코딩을 이용해 스마트폰에서 사용 가능한 앱 만들기 - 음성인식 기능을 활용한 음성을 텍스트로 받아적기 - 가족/지인 전화걸기 앱 만들기 - 언어 번역 앱 만들기 - 녹음기 앱 만들기 - 두더지 잡기 게임 만들기 - 나만의 인터넷 웹브라우저 만들기 - 여러 사이트 검색을 한방에 검색왕 앱 만들기 - 만보기 센서를 이용한 만보기 앱 만들기 - 방위 센서를 활용한 나침반 앱 만들기 - 가속도 센서를 이용한 응급상황 알리미 앱 만들기 - 근접 센서를 이용한 운동 앱 만들기 - 위치 센서를 이용한 내 위치찾기 앱 만들기 - 앱인벤터 확장기능으로 플래시 SOS 앱 만들기 - 인공지능을 이해할 수 있는 챗봇 앱 만들기 - 인공지능 이미지 분석 앱 만들기 - 인공지능 안면인식 앱 만들기 - Facemesh를 이용한 사진 꾸미기 앱 만들기 ───────────────────────────────────────────────────── [▶도서는 교보문고, 영풍문고, Yes24, 알라딘, 인터파크 사이트나 앱에서 구매할 수 있습니다.] ───────────────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #번역앱만들기 #언어번역앱
기묘하지만 '천재적인 디자인' 모음 Part3
물 위에 편안하게 뜰 수 있는 슈트 창의적인 생각을 할 수 있는 능력은 주변의 많은 것들을 변화시킬 수 있다. 좀 더 쉬운 방법으로 일처리를 가능하게 만들 수 있을 뿐만 아니라, 불가능한 일들도 해결할 수 있게 도와준다. 이전까지는 볼 수 없었던 새로운 물건을 창조할 수도 있으며, 생활의 편리를 가져다주는 편리함도 만들어 낼 수 있다. 작은 생각의 차이가 놀라운 결과를 만들어 내는 것이다. 우리 주변에는 번뜩이는 아이디어로 세상을 바꾸는 사람들이 있다. 누구도 생각지 못한 기발한 발상과 창의력 넘치는 문제 해결 방식으로 놀라운 결과를 만들어 내는 것이다. 새로움으로 가득한 창의적인 디자인은 우리 삶을 좀 더 재미있게 만들어 준다. 빨대와 결합된 칵테일 잔 망치처럼 때려서 깨트리는 저금통 물이 떨어지는 듯한 LED 조명 독특한 디자인의 주전자 자연을 보는 듯한 카펫 돌멩이를 사용하는 휴대용 체스 1인분씩 나오는 파스타 미끄럼틀로 내리는 버스 다리미가 내장된 거울 이색적인 거리의 조각상 흘러내리는 난 시계 먹을 수 있는 컵 독특한 디자인의 수저 포크 나이프 물 위를 걷는 듯한 다리 낚시를 하는 티백 거치대 쇠구슬이 굴러오는 것 같은 길 비닐봉지 같은 유리 가방 책이 딱 들어맞는다 늘어진 듯한 미러볼 충전 상태가 표시되는 케이블 손가락을 안고 있는 반지 캔 모양의 도자기 출처ㅣ아이디어래빗
세상을 떠난 뒤 빛을 본 천재 여성 사진작가 ‘비비안 마이어(Vivian Maier)’의 사진들
비비안 마이어 Vivian Maier (1926~2009) 2007년, 존 말루프라는 사람이 우연히 동네 경매장에서 엄청난 양의 네거티브필름이 담긴 박스를 구입한다 시카고에 대한 자료를 수집하려던 그는 원하는 사진은 찾을 수 없었지만, 그 필름 속 사진들이 범상치 않음을 발견하고 SNS에 올리자, 폭발적 반응을 얻는다 박스에는 엄청난 양의 사진을 비롯한 옷, 악세서리, 모자, 신발, 편지, 티켓, 메모 영수증 등의 물품들이 담겨 있었는데, 그 주인이 대단한 수집광이었다는 점을 나타낸다 아주 사소한 종이 쪼가리까지 종류별로 모아져 있었고, 존 말루프는 종이들에 적힌 주소를 통해 물건들의 주인 ‘비비안 마이어’ 에 대해 추적해나가기 시작한다 놀랍도록 감각적인 그의 사진들은 1950년대 이후 길거리의 모습을 날것 그대로 비추고 있었다 연출되지 않은 있는 그대로의 장면이면서도 예술 작품처럼 절묘한 구도의 사진들에서 세상을 바라보는 시선이 녹아 있었고 생생한 사람들의 표정과 감정이 가감없이 담겨 있다 존 말루프가 구매한 박스에 든 사진은 자그마치 <15만 장>. (주로 유리창이나 거울에 비친 자신의 모습을 찍은 비비안 마이어) 부유한 가정들에서 보모로 일했던 비비안 마이어 이런 어마어마한 작품들을 찍고서 전혀 세상에 드러내지 않았던 이유는 무엇일까? 인터넷 어디에도 검색되지 않는 ‘비비안 마이어’는 어떤 사람이었을까? 많은 궁금증이 생긴 존 말루프는 비비안의 고향을 찾고 그를 아는 사람들을 만나 생전의 이야기를 들으며 베일에 싸였던 그를 들여다보기 시작한다 존 말루프가 직접 감독한 다큐멘터리 영화 <비비안 마이어를 찾아서> (2015) 에 그 과정이 담겨 있음 출처
아이비리그 대학들이 '상징색'을 써먹는 방법.jpg
* 존 에멧 세리단뿐만 아니라 레이엔데커(J.C. Leyendecker)를 비롯한 다른 일러스트레이터의 그림도 있음 (일러스트는 대부분 20세기 초의 모습들) 아이비리그 8 대학은 모두 각자의 상징색을 가지고 있음. 하버드 존 에멧 쉐리단과 레이엔데커의 일러스트에서는 하버드의 상징색인 크림슨 레드가 인상적으로 묘사되었음. 다만, 레이엔데커가 그린 하버드생이 조정 노를 들고 있는 모습으로 그려지는데, 이건 하버드가 전통적으로 조정으로 유명했기 때문임. 그래서 조정 경기를 다룬 이런 일러스트가 그려지기도 했음 하버드의 상징색은 일러스트에서도 보다시피 빨간색인 크림슨 레드와 실버, 검은색임. 우리나라에서는 '고려대학교'의 상징색이 크림슨 레드이기도 함. 정말 예쁜 빨간색이라고 생각.. 학교 상징색이 너무 이쁜 빨간색이기 때문에  학교 굿즈도 이렇게 크림슨 레드와 실버를 강조해서 뽑는 경우가 많은듯. 브라운 대학교 브라운 대학교는 일러스트레이터들이 그린 20세기 초 일러스트를 찾을 수가 없어서 사진으로 대체하겠음 (하야시다 데루요시가 쓴 Take Ivy라는 책에서 발췌) 갈색의 글씨 또는 갈색 바탕의 스웻셔츠를 입은 1960년대 브라운 대학교 학생들의 모습. 상의가 어두운 색깔이 들어갔지만 하의는 청바지와 산뜻한 색깔로 매치해서 답답해보이지 않음. 브라운 대학교의 상징색은 윗 사진에서 보다시피 브라운. 브라운 계열의 두 색상과 빨간색, 검은색이 상징색임. 졸업할 때 착용하는 학교 상징 띠도 갈색임 브라운대학교를 졸업한 엠마 왓슨이 졸업할 때에도 갈색의 띠를 착용했음. 코넬 레이엔데커가 그린 1913년 코넬대학교의 미식축구선수 일러스트인데 (유펜하고 경기했는데, 코넬이 21점 유펜이 0점 먹었나봄..) 빨간색과 연한 갈색의 조화가 인상적임. 일러스트에서도 볼 수 있듯 코넬 대학교의 상징색은 빨간색과 갈색계열의 두 색, 그리고 검은색. 빨간색 너무 하버드랑 비슷해서 구분하기 어렵지 않을까?라고 생각했지만 옷 입은 거 보니까 색깔이 확연히 달랐음 이게 코넬레드 CMYK: (0, 100, 79, 20) 이게 하버드 레드.. CMYK: (08,100,65,24) 하늘 아래.. 같은 색조는 없다는 것을.. 알려주는.. 아무튼 구분은 할 수 있을거임.. 프린스턴 어쩐지 모두 강인함을 강조하는 이미지로 묘사되는 프린스턴. 프린스턴은 상징색이 두 가지임. 주황색과 검은색. 심플&강렬. 다른 아이비리그 대학이랑 색 안 겹쳐서 그냥 주황색만 입어도 '아 프린스턴'이라고 알아차릴 수 있음. '프린스턴' 글자 없어도 누가봐도 프린스턴 학생.. 누가봐도 프린스턴 대학교 감독님.. 1921년도에 있었던 예일 대학교와의 풋볼 경기 포스터인데 예일대학교 상징색이 뭔지 몰라도 강렬한 주황색이 프린스턴인걸 알기 때문에, 누가 어느 학교인지 구분 할 수 있음ㅋㅋ 콜롬비아 존 에멧 쉐리단이 1900년대 초에 그린 콜롬비아 학생의 모습. 위에서 봤던 일러스트에서 프린스턴이 야성적(?) 쾌남 느낌이라면 콜롬비아는 좀 더 댄디한 느낌. 일러스트의 댄디한 느낌을 닮은듯한 영화 '킬유어달링' 속 등장인물들 (두 사람 모두 콜롬비아 대학교 다니는 설정) 일러스트에서 볼 수 있듯 콜롬비아의 상징색은 남색, 하늘색, 흰색인데,  남색은 유펜이랑 예일이랑 겹쳐서 그런지 학교 상징색으로는 하늘색을 더 많이 사용하는듯. 바로 이렇게.. 다트머스 레이엔데커의 일러스트를 활용한 1982년의 풋폴 포스터. 콜롬비아와 다트머스의 경기이기 때문에 배경은 하늘색이고, 다트머스 학생은 학교 상징색인 진초록 운동복을 입었음. 프린스턴이랑 마찬가지로 아이비리그 대학 중 상징색 정체성 뚜렷하다고 생각하는 다트머스. 아이비리그 대학 중 유일무이하게 초록색을 상징색으로 가지고 있는 대학임. 1960년대에도 확실한 진초록색 정체성.. 흑백이지만 분명 진초록색일 것만 같은 다트머스 야구잠바.. 운동복 당연히 진초록색.. 다트머스 대학교 개교 250주년 기념해서 쏜 불빛도 당연히 초록색.. 펜실베니아 대학 (유펜) 개인적으로 딱 미국이 생각나는 상징색을 가지고 있는 유펜. 상징색은 빨간색과 파란색인데, 흰색 바탕과 어우러지면서 성조기를 연상케 함.. 개인적으로 빨강과 파랑의 색조합은 참 조화로운듯. 온-냉의 조화.. 색조합 때문인지 학교 기념품샵에 있는 옷들도 학교 굿즈라기 보다는 그냥 브랜드 옷 같은 세련된 느낌.. 예일 유펜의 상징색이 빨강과 파랑의 조화였다면 예일의 상징색은 네이비 외길을 걷고 있음. 예일의 상징색은 남색과 흰색임. (일러스트에서는 하늘색처럼 묘사되었지만 상징색은 남색임..) 하버드가 레드+H라면 예일은 네이비+Y 하버드와 예일은 예전부터 조정 라이벌로 유명했다는데, 레이엔데커가 그린 하버드와 예일의 조정 경기 포스터에서 예일대학교 학생들은 이렇게 상의 탈의한 모습으로 묘사되었음. 상의탈의는 했지만, 바지의 남색 줄무늬로 저 학생들이 예일 대학교 학생들임을 짐작할 수 있음.. 앞에 있는 남색 옷 입은 학생 예일.. 뒤에서 달려오는 빨간색 옷 입은 학생 하버드.. 흑백이지만 옷색깔 네이비일거라고 예상되는 사진.. (1960년대) 학교 고깔(?)도 네이비... 모자도.. 붉은 색도 많지만 아이비리그 대학 상징색은 파란색 계열이 조금 더 많았는데, 우리나라 대학 상징색들에도 파란색이 많은걸보면.. 출처