과제

과제 제출 시 유의 사항

  • 메일의 제목은  반드시 01반은  [XML01], 02반은 [XML02]로 시작할 것  !! 
  • zip 파일로 묶을 때, 불필요한 파일은 포함하지 말것 !!
  • zip파일의 이름은 김성신_20171234_HW1.zip 의 형태로 할 것!!
  • 과제를 보낸 e-Mail은 최종 성적 확인 시  삭제하지 말것!!
  • 과제 제출은 due date의 00시를 넘기지 않아야 함. (만일 3월 30일 까지면, 3월 29일 24시 까지제출)

HW#1  (due 3/20)  채점결과

이력서 HTML 작성  (E-Mail 제출)

  • 기본 인적사항 (이름, 성별, 주민번호, 나이, 현 주소 등), 학력 (고등학교 이후), 경력 사항, 자격증 취득 상황, 외국어 능력, 가족 관계 등과 자기 소개서 포함
  • 강의 일정의 이력서 양식(엑셀파일)에 존재하는 모든 이력서 데이터를 포함하여야 함. 이력서 양식에 있는 모든 데이터는 가상으로라도 채울 것.  외부 페이지 참조를 포함할 것.
  • 다수의 HTML 페이지로 구성 (모든 페이지에서 1024x768에서 스크롤 없이 모든 정보를 볼 수 있어야 함.)하고 필요에 따라 링크를 달 것.
  • HTML 파일은 최소 5개 이상 되어야 함.
  • frameset은 사용하지 말 것, 자성된 모든 html 문서가 HTML5 에 맞게 (valid) 작성되도록 수정할 것
  • 이럭서를 구성하는  웹페이지가 최소한 header, menu (links), content의 3가지 부분으로 모두 구성될 수 있도록 수정
  • HTML의 문서 구조에 해당하는 h1-h6, p, table, list 반드시 포함하고, multi-page로 작성하여 본인의 이력 home page가 될 수 있도록 문서들을 link할 것.
  •  나모 웹 에디터, 드림 위버 등 HTML  전문 편집기 사용하지 말것. 오직 Notepad또는 Eclipse와 같은 단순 편집기 사용.
  • 사진은 포함하되, 소리나 동영상 파일은 배제할 것.
  • 하나의 zip으로 묶어서 제출할 것. (html file들과 external CSS 파일, 기타 멀티미디어 파일 모두)
채점기준
  •     HTML5 준수
  •    외부 링크 포함
  •    데이터 량 (강의일정의 이력서 양식의 모든 데이터 항목이 포함되어야 함.)
  •    다중 파일 : 5개 이상의 HTML 파일
  •    화면 구성 :  table로만 구성하면 안됨. header, menu, content 3 부분으로구성되고, 가독성이 좋아야 함.
  •    대용량 파일 포함 여부 : 음악, 동영상 등 대용량 파일이 없어야 함.

HW#2  (due 4/3)  채점결과

이력서 HTML 작성에 이어서 부족한 것 채우고 CSS 로 styling  (E-Mail 제출)

  • 모든 HTML 파일에서는  internal 및 inline  Style은 삭제하고, 공통으로 적용할 수 있는 external CSS파일을 작성할  것.  도 없어야 함.
  • CSS 파일내에는 학습하였던 가능한 모든 selector가 포함되도록 할 것.
  • 자신만의 스타일을 완성할 수 있도록하고, 단순히 모두를   table로하지 말것. HTML5의 semantic elements 또는 <div> 사용
  • 또한 size와 관련한 properties는 모두 상대적인 단위를 사용하여 접근성에 문제가 없어야 함. (브라우저의 확대, 축소, 보기 옵션의 크기 변경에 유연한 대처가 가능한 style이 되어야 함.)
  • 하나의 CSS 파일로 HTML styling  (E-Mail 제출), responsive design이 되어야 함.

채점기준
  •     HTML5 준수
  •    외부 링크 포함
  •    데이터 량 (강의일정의 이력서 양식의 모든 데이터 항목이 포함되어야 함.)
  •    다중 파일 : 5개 이상의 HTML 파일
  •    화면 구성 :  table로만 구성하면 안됨. header, menu, content 3 부분으로구성되고, 가독성이 좋아야 함.
  •    대용량 파일 포함 여부 : 음악, 동영상 등 대용량 파일이 없어야 함.
  •    CSS 파일 1개만 사용
  •   selector 가능한 많이 포함 (5개 이상의 서로 다른 유형의 selector 사용)
  •    inline/internal style 없어야 함.
  •   절대크기 없어야 함.
  •   반응형 (responsive) style이 잘 적용 되었는가?


HW#3 ( due 4/17) 채점결과


HW#2에서 작성한 HTML file들에서 데이터를 추출하고 추출한 데이터를 잘 구조화하여 XML 문서로 작성할 것.
  • 다수의 HTML 파일에서 데이터를 모두 추출하여 하나의 XML 문서로 만들것.
  • XML element  이름은 수업시간에 배운대로 데이터의 의미를 잘 표현할 수 있는 단순하고 간결한 이름으로 하고, 영문으로 할 것.
  • 연관된 데이터는 구조화하여 계층적으로 표현할 것.
  • DTD를 작성하고, XML 문서의 validation을 검사할 것.
  • Atomic value까지 데이터를 나누어 element로 설계 할 것.

채점 기준
  • Well-formed?
  • DTD Error?
  • Valid?
  • Element-Data(value) : Data value와 Data의 의미 (semantic, or role)를 잘 구분하였는 가?
  • 의미 반영 element naming
  • atomic value
  • Element contents model이 잘 구성되었는가?
  • Element 의 구조화
  • 기타  (데이터 량 등)

HW#4 (Due  5/8) 채점 결과

  • HW3의 결과인 xml 문서가 validation되는 xml schema를 작성하라.
  • HW1 의 채점에서 지적된 데이터 관련 사항을 필히 반영하여  HW3 를 수정할 것.
  • 각 element나 attribute의 형식(type)은 restriction등을 사용하여 가능한 꼭 맞는 값의 범위가 정의 될 수 있도록 할 것.
  • 재사용할 수 있는 type은 재사용하고 읽기 쉽고 유지 관리가 쉽도록 작성.

체점기준
  • xsd 파일: valid
  • xml: validation
  • data type의 사용:  res/ext 사용
  • contents 모델링
  • xml naming : self descriptive
  • divide schema: resue

HW#5 (Due 6/12)  채점결과

(자신의 학번을 3으로 나눈 나머지에 따라 내용이 다름)
자신의 이력서에서 추출한  xml  파일에서 기본정보 (나머지가 0), 학력정보( 나머지가 1), 경력 정보 (나머지가 2)를 찾아 표시하는 html 파일을 작성하라.
제출물: 자신의 xml 파일, dtd파일, loadXML.js, 작성한  html 파일(with  JavaScripts)
Eclipse 의 프로젝트 폴더를 zip하여 제출
주의사항:  프로젝트 폴더에서   loadXML.js는 loadXMLjs.txt로  reman한 다음  zip할 것!!


HW#6 (Due 6/19) 채점결과

HW#5과 같이 자신의 학번을 3으로 나눈 나머지에 따라 
기본정보 (나머지가 0), 학력정보( 나머지가 1), 경력 정보 (나머지가 2)를 찾아
HW3또는 4의 결과물(xml, dtd)을 이용하여 XSLT를 사용하여 HW1과 같은 형태로 변환
제출물: 자신의 xml, dtd file(or schema), loadXML.js,  xslt 파일, HTML 파일( XSLT processor를 적용하는)



Ċ
교수홍기형,
2018. 5. 7. 오후 9:15
Ċ
교수홍기형,
2018. 5. 7. 오후 9:15
Ċ
교수홍기형,
2018. 5. 7. 오후 9:15
Ċ
교수홍기형,
2018. 6. 4. 오후 8:45
Ċ
교수홍기형,
2018. 6. 24. 오후 6:29
Comments