Weblockly 결승전 발표자료

22
Weblockly Naver D2 Campus Fest 2016 Final by 계성혁(@lawrence-kaybob), 주현수(@DogFooter), 최홍범(@credtiger96)

Transcript of Weblockly 결승전 발표자료

Page 1: Weblockly 결승전 발표자료

WeblocklyNaver D2 Campus Fest 2016 Finalby 계성혁(@lawrence-kaybob), 주현수(@DogFooter), 최홍범(@credtiger96)

Page 2: Weblockly 결승전 발표자료

Weblockly?

Page 3: Weblockly 결승전 발표자료

Web + Blockly

Page 4: Weblockly 결승전 발표자료

웹페이지를만들수있는 Scratch를만들자

Page 5: Weblockly 결승전 발표자료

“실제Web Page를아이들이구성하고볼수있으면얼마나좋을까?”

Page 6: Weblockly 결승전 발표자료

계획한중심기능

• Block Coding 환경에서 HTML, CSS, Javascript 코드를생성

• 직접돌아가는것을보면서웹페이지를구성할수있음

• 이를파일로 받아서원하는곳에설치할 수 있게제공

• 웹 페이지배포도지원해 브라우저에서자신의웹페이지를볼수 있게제공

Page 7: Weblockly 결승전 발표자료
Page 8: Weblockly 결승전 발표자료

근본적인고찰

Page 9: Weblockly 결승전 발표자료

Layout 구성의시나리오?

Page 10: Weblockly 결승전 발표자료

프로젝트운영의실패

Page 11: Weblockly 결승전 발표자료
Page 12: Weblockly 결승전 발표자료
Page 13: Weblockly 결승전 발표자료
Page 14: Weblockly 결승전 발표자료

MIT App Inventor

Page 15: Weblockly 결승전 발표자료
Page 16: Weblockly 결승전 발표자료
Page 17: Weblockly 결승전 발표자료

Layout 구성의시나리오

Page 18: Weblockly 결승전 발표자료

Component의범위설정의문제

Page 19: Weblockly 결승전 발표자료

Bootstrap 모델링참고

Page 20: Weblockly 결승전 발표자료
Page 21: Weblockly 결승전 발표자료

향후계획

• 2월내 : 앱인벤터를벤치마킹해새로운아키텍처구성

• 3월 ~ 5월 : 개발및디버깅

• 6월 ~ : 교육커뮤니티협력을통해피드백수렴

Page 22: Weblockly 결승전 발표자료

Q & A?