Update app.py

app.py

@@ -2,7 +2,9 @@ import os
 import time
 
 import google.generativeai as genai
-import gradio as gr
+import streamlit as st
+from streamlit_extras.colored_header import colored_header
+from streamlit_extras.add_vertical_space import add_vertical_space
 
 # Google Gemini API 키 설정
 genai.configure(api_key=os.environ["GEMINI_API_KEY"])
@@ -21,104 +23,118 @@ model = genai.GenerativeModel(
     generation_config=generation_config,
 )
 
-# 프롬프트 설정
+# 프롬프트 설정 (학년, 성취기준 기반)
 SYSTEM_PROMPT = """
-주제: [여기에 학습 내용이나 주제를 입력하세요. 예: 광합성, 중력, 르네상스, 민주주의 등]
-대상 학년: [학년을 명시하세요. 예: 초등 3학년, 중등 2학년, 고등 1학년]
-성취기준: [해당 주제와 관련된 성취기준을 입력하세요. 예: 빛과 그림자의 관계를 설명하고, 그림자의 크기와 모양 변화를 예측할 수 있다.]
+대상 학년: [학년을 명시하세요. 예: 초등 3학년]
+성취기준 및 주요 내용: [해당 학년과 관련된 성취기준 및 주요 내용을 입력하세요.]
 
-위 정보를 바탕으로 **핵심 아이디어 이해를 목표로 하는** 초등학교 수준에 적합한 개념 기반 탐구 학습 과정을 설계해 주세요. 다음 구성 요소에 따라 상세하고 체계적으로 설명해야 합니다. 각 구성 요소는 서로 연결되고 유기적으로 구성되어야 하며, 학생들의 흥미와 참여를 유도할 수 있는 창의적이고 혁신적인 활동들을 제시해야 합니다. 특히, 모든 탐구 활동은 학생들이 스스로 핵심 아이디어를 발견하고 깊이 있게 이해할 수 있도록 설계되어야 합니다. 스트랜드(Strand)는 단원의 소주제와 같으며, 각 스트랜드는 여러 차시의 수업으로 구성됩니다. 차시별 활동 내용까지 상세히 기술해 주세요. 전체적인 흐름은 "관계맺기 - 집중하기 - 조사하기 - 조직 및 정리하기 - 일반화 - 전이 - 성찰하기"의 순서를 따라야 합니다.  모든 탐구 활동과 평가는 1번 항목에서 제시되는 핵심 아이디어의 이해를 촉진하는 방향으로 설계되어야 합니다.
+위 정보를 바탕으로 핵심 아이디어 이해를 목표로 하는 초등학교 수준에 적합한 개념 기반 교육과정을 설계해 주세요. 다음 구성 요소에 따라 상세하고 체계적으로 설명해야 합니다. 각 구성 요소는 서로 연결되고 유기적으로 구성되어야 하며, 학생들의 흥미와 참여를 유도할 수 있는 창의적이고 혁신적인 활동들을 제시해야 합니다. 특히, 모든 활동은 학생들이 스스로 핵심 아이디어를 발견하고 깊이 있게 이해할 수 있도록 설계되어야 합니다. 스트랜드(Strand)는 단원의 소주제와 같으며, 각 스트랜드는 여러 차시의 수업으로 구성됩니다. 차시별 활동 내용까지 상세히 기술해 주세요. 전체적인 흐름은 "관계맺기 - 집중하기 - 조사하기 - 조직 및 정리하기 - 일반화 - 전이 - 성찰하기"의 순서를 따라야 합니다. 모든 활동과 평가는 1번 항목에서 제시되는 핵심 아이디어의 이해를 촉진하는 방향으로 설계되어야 합니다.
 
-**1. 핵심 아이디어 (Key Ideas & Generalizations):**
+1. 핵심 아이디어 (Key Ideas & Generalizations):
 * 이 주제를 관찰하는 가장 중요한 관점(Conceptual Lens)은 무엇인가?
-* 이 주제를 통해 학생들이 이해해야 할 가장 중요한 아이디어(Key Ideas)는 무엇인가? 2-3개의 문장으로 명확하게 기술하세요.  **이 핵심 아이디어는 이후 모든 탐구 활동 및 평가의 중심 목표가 됩니다.**
+* 이 주제를 통해 학생들이 이해해야 할 가장 중요한 아이디어(Key Ideas)는 무엇인가? 2-3개의 문장으로 명확하게 기술하세요. **이 핵심 아이디어는 이후 모든 탐구 활동 및 평가의 중심 목표가 됩니다.**
 * 위 아이디어들을 뒷받침하는 일반화된 지식(Generalizations)을 3-5개의 문장으로 설명하세요.
 * 성취기준에 대한 매크로 개념(개념적 렌즈), 마이크로 개념(교과개념)을 제시하고, 일반화(개념적 이해)와 어떻게 연결되는지 설명하세요.
 
-**2. 지식의 범주 (Knowledge Categories - 린 에릭슨의 분류 기준):**
+2. 지식의 범주 (Knowledge Categories - 린 에릭슨의 분류 기준):
 * **사실 (Facts):** *핵심 아이디어와 관련된* 중요한 사실들을 최소 10개 이상 나열하세요.
 * **개념 (Concepts):** *핵심 아이디어를 이해하는 데 필요한* 핵심 개념들을 정의하고, 각 개념에 대한 예시를 제시하세요. 최소 3개 이상 제시하세요.
 * **일반화 (Generalizations):** *핵심 아이디어를 뒷받침하는* 개념들 사이의 관계를 설명하는 일반화된 진술을 최소 3개 이상 제시하세요.
 * **원리 (Principles):** *핵심 아이디어와 관련된* 일반화를 뒷받침하는 ���학적 원리 또는 이론들을 설명하세요. 최소 2개 이상 제시하세요.
 
-**3. 개념기반 탐구 학습 과정 설계:** *앞서 제시된 핵심 아이디어, 일반화, 지식 범주를 기반으로 다음 단계에 따라 탐구 학습 과정을 설계하세요. 모든 활동은 학생들이 핵심 아이디어를 이해하도록 돕는 데 초점을 맞춰야 합니다.*
+3. 개념기반 탐구 학습 과정 설계: *앞서 제시된 핵심 아이디어, 일반화, 지식 범주를 기반으로 다음 단계에 따라 탐구 학습 과정을 설계하세요. 모든 활동은 학생들이 핵심 아이디어를 이해하도록 돕는 데 초점을 맞춰야 합니다.*
 
-**(1) 관계 맺기 (Engaging):**
+(1) 관계 맺기 (Engaging):
 * *핵심 아이디어에 대한 흥미와 호기심을 유발하고* 학생들의 지적, 정서적 수업 참여를 유도하는 활동을 제시하세요. (예: 흥미로운 이야기, 시각 자료, 게임 등)
 * 학생들의 사전 지식을 활성화하고 *핵심 아이디어와 관련된* 탐구 질문을 유도하는 활동을 제시하세요. (예: 브레인스토밍, 마인드맵, 질의응답 등)
 
-**(2) 집중하기 (Focusing):**
+(2) 집중하기 (Focusing):
 * 교과 개념을 명확하게 제시하고 관련된 사실적 예를 2-3개 소개하는 활동을 제시하세요. (예: 강의, 설명, 시범 실험 등)
 
-**(3) 조사하기 (Investigating):**
+(3) 조사하기 (Investigating):
 * 개념 관련 사례들을 조사하고 탐구하는 활동을 제시하세요. (예: 실험, 관찰, 조사, 토론, 자료 분석 등)
 * 추가적인 사례 제시를 통해 개념 이해를 확장하는 활동을 제시하세요.
 
-**(4) 조직 및 정리하기 (Organizing and Sorting):**
+(4) 조직 및 정리하기 (Organizing and Sorting):
 * 사실적, 개념적 수준에서 생각을 구성하고 정리하는 활동을 제시하세요. (예: 표 만들기, 그래프 그리기, 개념 지도 작성 등)
 * 다양한 자료와 방법, 교과를 활용하여 개념과 생각을 나타내는 활동을 제시하세요. (예: 그림 그리기, 글쓰기, 발표, 모형 만들기 등)
 
-**(5) 일반화하기 (Generalizing):**
+(5) 일반화하기 (Generalizing):
 * 사실적 예시에서 패턴을 발견하고 연결성을 찾아 일반화를 도출하는 활동을 제시하세요. (예: 벤 다이어그램, 귀납적 추론 활동 등)
 * 일반화를 명료화하고 다듬는 활동을 제시하세요.
 
-**(6) 전이하기 (Transferring):**
+(6) 전이하기 (Transferring):
 * 일반화의 유효성을 검증하고 정당화하는 활동을 제시하세요.
 * 새로운 상황에 일반화를 적용하고, 학습에 대해 의미 있는 행동을 취하는 활동을 제시하세요. (예: 문제 해결, 의사 결정, 창의적 산출물 제작 등)
 * 예측 및 가정을 형성하기 위해 경험과 이해를 활용하는 활동을 제시하세요.
 
-**(7) 성찰하기 (Reflecting):**
+(7) 성찰하기 (Reflecting):
 * 학습 주체로서 자신을 인식하고 학습 과정을 계획하고 통제하는 활동을 제시하세요. (예: 학습 계획 세우기, 학습 일지 작성 등)
 * 자신의 학습 과정을 평가하고 개선하는 활동을 제시하세요. (예: 자기 평가, 동료 평가, 피드백 활용 등)
 
 
-**4. 평가 계획 및 수행과제(GRASPS), 평가 루브릭(상, 중, 하 평어):**
+4. 평가 계획 및 수행과제(GRASPS), 평가 루브릭(상, 중, 하 평어):
 * 각 스트랜드 및 핵심 개념에 대한 학생들의 이해도를 평가할 수 있는 평가 방법 및 루브릭을 제시하세요. (관찰, 발표, 포트폴리오, 자기 평가, 동료 평가, 퀴즈, 시험, 수행 과제 등)
 * 루브릭은 상, 중, 하에 대한 구체적인 평가 기준과 각 수준에 해당하는 학생의 작업 또는 수행 예시를 포함해야 합니다.
 * 평가는 단순히 지식 암기 여부를 묻는 것이 아니라, 학생들의 탐구 과정, 사고력, 문제 해결 능력, 협력적 태도, 개념적 이해, 일반화 도출 능력, 전이 능력 등을 종합적으로 평가해야 합니다.
 * GRASPS(Goal, Role, Audience, Situation, Product/Performance, Standards) 요소를 활용하여 수행 과제를 설계하세요.
 
-**5. 학생의 탐구를 위한 팁:**
+5. 학생의 탐구를 위한 팁:
 * 학생들이 핵심 개념을 깊이 있게 이해하고 연결하며, 일반화를 도출하고 적용할 수 있도록 돕는 효과적인 교수 전략은 무엇인가?
 * 오개념을 예방하고 해결하는 방법은 무엇인가?
 * 학생들의 다양한 학습 스타일과 요구를 충족하는 방법은 무엇인가?
 * 핵심 개념과 관련된 실생활 사례를 제시하여 학습의 의미와 관련성을 높이는 방안을 제시하세요. 멀티미디어, 시각 자료, 게임, 협력 학습 등 다양한 교수법을 활용하는 방안을 제시하세요.
 """
 
-def generate_curriculum(topic, grade, achievement_standard): # 인풋 추가
-    """
-    주제, 학년, 성취기준을 입력받아 개념기반 탐구학습을 생성합니다.
-    """
+def generate_curriculum(grade, achievement_standard):
+    """학년과 성취기준을 입력받아 개념기반 교육과정을 생성합니다."""
 
     prompt = [
         SYSTEM_PROMPT,
-        f"**주제:** {topic}", # 주제 추가
-        f"**대상 학년:** {grade}", # 학년 추가
-        f"**성취기준:** {achievement_standard}",
-        "**개념기반 탐구학습:**", 
+        f"**대상 학년:** {grade}",
+        f"**성취기준 및 주요 내용:** {achievement_standard}",
+        "**개념기반 교육과정:**", 
     ]
 
-    response = model.generate_content(prompt, stream=True)
-    collected_text = ""
-    for token in response:
-        chunk = token.text
-        collected_text += chunk
-        yield collected_text
-        time.sleep(0.03)
-
-
-# Gradio 인터페이스 설정 (인풋 추가)
-iface = gr.Interface(
-    fn=generate_curriculum,
-    inputs=[
-        gr.Textbox(lines=1, label="주제 입력"), # 주제 입력 텍스트박스
-        gr.Textbox(lines=1, label="대상 학년 입력 (예: 초등 3학년)"), # 학년 입력 텍스트박스
-        gr.Textbox(lines=3, label="성취기준 입력"),
-    ],
-    outputs=gr.Textbox(lines=10, label="개념기반 탐구학습"),
-    title="개념기반 탐구학습 설계 도우미",
-    description="초등학교 교육과정에 맞는 개념기반 탐구학습을 생성합니다.",
+    full_text = ""
+    output_area = st.empty()
+
+    try:
+        response = model.generate_content(prompt, stream=True)
+        for chunk in response:
+            full_text += chunk.text
+            output_area.text_area("개념기반 교육과정", value=full_text, height=600)
+    except Exception as e:
+        st.error(f"에러 발생: {str(e)}")
+        return ""
+
+    return full_text
+
+
+# Streamlit 인터페이스 (이전 코드와 동일)
+colored_header(
+    label="개념기반 교육과정 설계 도우미",
+    description="초등학교 교육과정에 맞는 개념기반 교육과정을 생성합니다.",
+    color_name="blue-70",
 )
 
-# 인터페이스 실행
-iface.launch()
+add_vertical_space(1)
+
+with st.sidebar.expander("입력 설정", expanded=True):
+    grade_options = [f"초등학교 {i}학년" for i in range(1, 7)]
+    grade_selected = st.selectbox("학년 선택", grade_options, index=0)
+    grade = grade_selected  # 선택된 학년 문자열 그대로 사용
+
+    achievement_standard = st.text_area("성취기준 및 주요 내용 입력", height=200)
+
+generate_button = st.button("교육과정 생성")
+
+if generate_button and achievement_standard:
+    result = generate_curriculum(grade, achievement_standard)
+    st.session_state.generated_curriculum = result
+elif generate_button and not achievement_standard:
+    st.warning("성취기준 및 주요 내용을 입력하세요.")
+
+output_area = st.empty()
+if "generated_curriculum" in st.session_state and st.session_state.generated_curriculum:
+    output_area.text_area("개념기반 교육과정", value=st.session_state.generated_curriculum, height=600)