지식샘터

❍ 이 강좌를 수강하시는 모든 분들이 에듀테크를 더하여 알찬 수업을 설계하고 운영하실 수 있기를 진심으로 바랍니다.

❍ 본 강좌는 구글 사이트를 효과적으로 활용하기 위한 강좌입니다.

❍ 구글 사이트 사용 꿀팁 및 수업 사례 나눔과 더불어 직접 실습할 수 있는 강좌입니다.

<연수 목적>

1. 구글 사이트를 활용하여 나만의 학급 홈페이지와 온라인 교무실을 만들 수 있습니다.

2. 구글 사이트 내 콘텐츠 삽입과 설정을 통해 온라인 학급 경영을 실천할 수 있습니다.

<차시별 상세 운영 내용>

1차시

사이트 사례: 학급 홈페이지 만들기

구글 사이트 새 페이지 열기

페이지 추가하기

페이지 콘텐츠 삽입하기

구글 사이트 설정 살펴 보기

2차시

사이트 사례: 온라인 교무실 만들기

Google 사이트 레이아웃

페이지 편집하기(심화)

바닥글 추가하기, 사이트 공개하기

캔바를 활용하여 더 멋진 웹사이트 만들기

○ "Softr노코드로 웹사이트 만들기" 강좌는 교육 현장에서의 커뮤니케이션 및 학습 자료 공유를 위한 웹사이트 구축을 원하시는 초·중·고등학교 교사분들을 위해 마련되었습니다.

Softr (https://www.softr.io) 는 사용자가 개발자 없이 소프트웨어 애플리케이션 및 웹사이트를 빠르게 만들 수 있도록 해주는 플랫폼입니다. 이 플랫폼은 리스트, 차트, 폼 등과 같은 미리 만들어진 블록을 제공하며, 드래그 앤 드롭 인터페이스를 사용하여 조립할 수 있습니다. 

교육자분들의 특별한 코딩 지식이나 웹 개발 경험이 없어도, Softr노코드의 직관적인 인터페이스를 통해 웹사이트를 쉽고 빠르게 제작할 수 있습니다.강좌에서는 웹사이트의 기본 구조 설정부터, 학습 자료 업로드, 학생들과의 소통을 위한 게시판 설정, 공지사항 및 일정 관리 기능 구현까지, 웹사이트 구축에 필요한 모든 과정을 상세하게 안내합니다.

○ 본 강좌를 통해 교사분들은 교육 현장에서 직접 활용 가능한 웹사이트를 손쉽게 만들 수 있게 됩니다.

각 학년, 반별로 커스터마이징된 웹사이트를 제작하여 학생들과의 소통을 강화하고, 학습 자료를 효율적으로 공유할 수 있습니다.웹사이트 제작 후에도 Softr노코드를 통해 웹사이트를 지속적으로 관리하고 업데이트하는 방법도 함께 배울 수 있습니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

○ "Softr노코드로 웹사이트 만들기" 강좌는 교육 현장에서의 커뮤니케이션 및 학습 자료 공유를 위한 웹사이트 구축을 원하시는 초·중·고등학교 교사분들을 위해 마련되었습니다.

Softr (https://www.softr.io) 는 사용자가 개발자 없이 소프트웨어 애플리케이션 및 웹사이트를 빠르게 만들 수 있도록 해주는 플랫폼입니다. 이 플랫폼은 리스트, 차트, 폼 등과 같은 미리 만들어진 블록을 제공하며, 드래그 앤 드롭 인터페이스를 사용하여 조립할 수 있습니다. 

교육자분들의 특별한 코딩 지식이나 웹 개발 경험이 없어도, Softr노코드의 직관적인 인터페이스를 통해 웹사이트를 쉽고 빠르게 제작할 수 있습니다.강좌에서는 웹사이트의 기본 구조 설정부터, 학습 자료 업로드, 학생들과의 소통을 위한 게시판 설정, 공지사항 및 일정 관리 기능 구현까지, 웹사이트 구축에 필요한 모든 과정을 상세하게 안내합니다.

○ 본 강좌를 통해 교사분들은 교육 현장에서 직접 활용 가능한 웹사이트를 손쉽게 만들 수 있게 됩니다.

각 학년, 반별로 커스터마이징된 웹사이트를 제작하여 학생들과의 소통을 강화하고, 학습 자료를 효율적으로 공유할 수 있습니다.웹사이트 제작 후에도 Softr노코드를 통해 웹사이트를 지속적으로 관리하고 업데이트하는 방법도 함께 배울 수 있습니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

구글 사이트 도구를 활용해 우리 학교 또는 우리 반 온라인 수업 사이트를 제작합니다. 2시간의 수업으로 여러분의 학교, 학급에 맞는‘온라인학습’사이트를 제작하여, 사이트 내에서 줌 수업 및 학습 자료 업로드 등이 가능합니다. 온라인 수업에 어려움을 겪고 있거나, 온라인 사이트 제작에 관심이 있는 모든 선생님들 환영합니다. 기초부터 천천히 함께합니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

구글 사이트 도구를 활용해 우리 학교 또는 우리 반 온라인 수업 사이트를 제작합니다. 2시간의 수업으로 여러분의 학교, 학급에 맞는‘온라인학습’사이트를 제작하여, 사이트 내에서 줌 수업 및 학습 자료 업로드 등이 가능합니다. 온라인 수업에 어려움을 겪고 있거나, 온라인 사이트 제작에 관심이 있는 모든 선생님들 환영합니다. 기초부터 천천히 함께합니다.

안녕하십니까

본 강의는 구글 클래스룸과 사이트 도구의 사용 방법을 가르쳐드립니다.

구글 클래스룸를 이용하여 대면 수업과 비대면 수업 모든 상황에서 다양한 과제를 제시하며 학습할 수 있습니다.

구글 사이트 도구를 활용하여 학급 홈페이지를 제작하여 운영할 수 있으며 온라인 교무실 등 다양한 사이트를 제작할 수 있습니다.

1차시: 구글 클래스룸 알아보기

2~3차시: 구글 사이트 도구 알아보고 제작하기

로 나누어 강의를 진행합니다.

기초적인 기능을 실제 사용 예시와 함께 설명드리며 처음 배우시는 선생님들께서도 바로 수업과 업무에 적용하실 수 있습니다.

선생님들께서는

1. 구글 계정

2. 크롬

두 가지만 준비하시면 됩니다.

구글 사이트 도구를 활용해 우리 학교 또는 우리 반 온라인 수업 사이트를 제작합니다. 2시간의 수업으로 여러분의 학교, 학급에 맞는‘온라인학습’사이트를 제작하여, 사이트 내에서 줌 수업 및 학습 자료 업로드 등이 가능합니다. 온라인 수업에 어려움을 겪고 있거나, 온라인 사이트 제작에 관심이 있는 모든 선생님들 환영합니다. 기초부터 천천히 함께합니다.

나만의 교육용 웹 서비스를
개발하고 배포하고 싶다면
이 연수를 수강해 보세요!

안녕하세요.
'오늘의 일기' 개발자 클래스비누입니다.
https://todaysdiary.net


1. 어떤 연수 인가요?
이 연수에서는 크게 두 가지를 학습합니다.

첫째, 클론 코딩으로 교육용 웹 서비스 '내일의 일기'를 개발합니다. 재미있는 글쓰기 주제를 알려주는 '오늘의 일기'의 핵심 기능을 클론하여 수강생 각자가 나만의 교육용 웹 서비스를 개발합니다. 이 과정에서 웹 개발에 사용되는 HTML, CSS, JavaScript 코드를 학습할 수 있습니다.

둘째, 개발한 웹 서비스를 배포합니다. 수강생 각자가 개발한 교육용 웹 서비스를 클라우드 서버에 독자적인 도메인(URL 주소)를 받아 전 세계 누구나 접속할 수 있는 서비스로 배포합니다. 이렇게 개발된 '내일의 일기'는 연수생 각자가 커스텀하여 실제 서비스로 운영할 수 있습니다.
https://diary2.netlify.app/


2. 무엇을 배우나요?
이 연수를 이수하면 다음 내용을 배울 수 있습니다.
IDE개념과 온라인 에디터HTML, CSS, JavaScript 코드 해설웹 서비스 배포(호스팅)

3. 저도 수강할 수 있을까요?
이 연수는 ‘2시간 완성 교육용 웹 서비스 개발 입문’ 연수를 이수하신 선생님을 대상으로 합니다.
입문 연수를 이수하지 않으신 분은 먼저 입문 연수를 신청해 주시기 바랍니다.

단, 웹 개발에서 HTML, CSS, JS의 역할을 알고 계신 분이라면 이 연수를 수강하실 수 있습니다.


4. 왜 이 연수를 들어야 하나요?
단순히 코딩 언어를 배우는 것이 아닌 실제로 운영할 수 있는 교육용 웹 서비스를 개발하고 배포합니다.연수 진도를 쉽게 따라올 수 있도록 수강생용 워크북(e-book)을 제공해 드립니다.연수가 끝나도 '하비스트코딩클럽' 커뮤니티를 통해 지속적으로 취미 개발자들과 교류할 수 있습니다.
https://hoco.oopy.io


5. 누가 가르쳐 주나요?
광주효덕초등학교 교사 민상기(클래스비누)교육용 웹 서비스 '오늘의 일기' 개발 및 운영취미 개발자 커뮤니티 '하비스트코딩클럽' 운영교사 코딩 커뮤니티 '쪼랩' Python-Django, JavaScript-Vue.js 스터디 리더'초등학생이 좋아하는 글쓰기 소재 365' 저자


이 연수로 나만의 교육용 웹 서비스를 개발하고 운영해 보세요!