(삼육대)FlutterFlow Basic[2024.10.28.,2024.11.04.]

강의 일정 @ 줌회의실
1st Basic Course 2024.10.28.17:00-19:00(2h)
1차 기본 과정 2024.10.28. 17:00-19:00(2시간)
2nd Hands-on Course 2024.11.04.17:00-20:00(3h)
2차 실습 과정 2024.11.04. 17:00-20:00(3시간)
출석부
삼육대 공지사항
강의교안

강사소개(개발자&AI 커뮤니케이터)

플러터플로우 개발자 모임

1차 기본 과정(2024.10.28.월 17:00-19:00@줌회의실)

2차 실습 과정(2024.11.04.월 17:00-20:00@줌회의실)

실습 강의 준비 중

차시(Design from Scratch)

프로필 링크

프로필 링크
프로필 링크는 개인이나 기업의 온라인 프로필이나 소셜 미디어 계정으로 연결되는 웹 주소 사용자의 디지털 정체성 을 공유하고 온라인 존재감 을 확립하는 데 사용

프로필 링크(리틀리)

프로필 링크(플러터플로우)

차시(Visual Development)

블록 = 프로그래밍 코드들의 집합 = 위젯

코딩은 결국 그룹화의 문제

노션의 블록 = 플러터플로우의 위젯

공간(Column, Container, Row) 블록(CircleImage, Image, Text, Icon, Button) 액션(LaunchURL)

공간 개념

블록 개념

액션 개념

 밋업 액션
 Open Kakao Action
 Email Action
 이메일 보내기 코드
mailto:kimjunoh@gmail.com?subject=Help%20me!&body=Question
Plain Text
복사
 휴대폰 Action
 휴대폰 보내기 코드
tel:+821087547474
Plain Text
복사
 메시지 보내기 코드
sms://+821087547474
Plain Text
복사

차시(Final Touch)

 My FlutterFlow Profile Link Showcase

FlutterFlow를 사용하여 만든 개인 프로필 링크들을 전시하거나 보여주는 것을 의미합니다. FlutterFlow는 모바일 애플리케이션을 만들기 위한 시각적 개발 플랫폼입니다. 이 전시회는 삼육대학교에서 진행된 FlutterFlow 워크숍 참가자들이 개발한 프로필 링크들을 선보이는 것입니다.
Tip: 컨테이너에 이미지 쉽게 넣는 방법

마무리

복습

플러터플로우의 모든 요소는 위젯(Widget)이다.
위젯(Widget)은 코드들(Codes)의 집합이다.
코드는 프로그램을 실행하기 위한 명령어의 집합이다.
결국 작은 단위가 모여 큰 단위로 그룹화가 되고,
그룹화된 위젯의 배치의 문제가 프로그래밍인 것이다.
플러터플로우와 같은 비주얼 개발 프레임워크는 1. 공간에 블럭(위젯)을 잘 배치하고 2. 어떤 액션을 실행할 것인가의 고민

생산적인 강의 후기

함께 나눈 소중한 추억의 시간

실습용 프로젝트 파일(강사용)

클릭한 후에 클론해서 보세요.
단, 클릭하기 전에는 플러터플로우 로그인을 먼저 하기
피드백 내용을 다음과 같이 카테고리별로 정리해보았습니다:
1.
긍정적인 수업 피드백
차근차근 친절하고 세세한 설명으로 따라가기 쉬웠음
질문에 대한 꼼꼼한 답변과 직접 시연이 이해에 도움됨
비전공자도 따라올 수 있는 적절한 진도
코딩 없이도 웹 제작이 가능하다는 점이 흥미로웠음
컴퓨터 활용에 대한 두려움 감소
직접 프로필 사이트를 만들어본 경험이 신기하고 재미있었음
2.
수업 방식 관련 제안
2회차보다 더 긴 커리큘럼으로 확대
실습 위주의 교육 지속
3.
향후 희망하는 교육 내용
앱/어플리케이션 제작
미니게임 개발
인공지능 활용 웹사이트 제작
플러터 플로우를 이용한 게임 제작
학습용 어플리케이션 (영단어 맞추기, 공부시간 체크 등)
노코딩 툴을 활용한 심화 과정
이 피드백들을 종합해보면, 학습자들은 기초적인 코딩 교육에 만족하면서도 더 실용적이고 심화된 내용의 교육을 희망하는 것으로 보입니다. 특히 게임이나 학습용 앱 개발에 대한 관심이 높은 것으로 나타났습니다.