Design Computing

07. Web Development & Databases

10/16/2014Special Studies in Architectural IT | Fall 2014 | Every Thursday 6:30 pm – 9:20 pm

Jin Kook Lee, PhD. 02-2220-2645 | designit@hanyang.ac.krAssistant Professor, Space & Design IT Lab.Department of Interior Architecture Design, Hanyang University

+

Reminder: What to do in this semester? [workload %]

High level: theories and background [30%]

Lecture in Design Computing / Architectural IT

Literature review & paper reading/writing

Object-orientation, analytic approach, computer-readable approaches

Low level: implementation approaches and review cases [50%]

Java + Eclipse: Stand-alone demo applications, SMC development

Web dev + DB: Website development

C# + Visual Studio: Stand-alone demo applications, Revit plugin development

Final project: individual / team development of an application [20%]

Progress report in each class, until the end of the class

Final project outcomes should be applicable to the actual project, research etc.

1st Project: Java Implementation

경희대: 2 프로젝트

E.g. 장재문 – BIM과제관련 자바앱

E.g. 동선시각화, v월드관련, 녹색건축인증관련 등

한양대: 1 프로젝트

E.g. 이현수 – 건축법규 관련 자바앱 인터페이스

What to do today?

Implementation & Demonstration using Java Dev (Eclipse & Open sources)

- Quick Demo & Presentation of Three Java-based Projects

Lecture: Web Development & Databases

Demo: BIM Project Website, developed by HYU

Discussion & Seminar

- Progress report on your project

Schedule

Web Dev.

+ Databases

Demo:

Developing a Hotel Reservation Site for Students

Overview

Goal: Developing a Hotel Reservation Website: e.g. www.hotels.com

Users: Guest mode / Login User mode / Admin mode

Dev Environment: Web Server + Web Design + Database + Programming

Information Flow Diagram

Database

Update/Delete

Existing Hotel

Add new Hotel

Add New

Attractions

Monthly

Performance

Log-In

Search For Hotel Make Reservation

Create New Profile

Travel Agent

Student

Hotel Information

Search HotelDisplay

Searched Hotel List

Delete HotelNew

Attractions

Report

Reservation

HostoryReceiptReservationSearch Hotel Search Result

Hotel Information

Search Statistics Report

Update Hotel

Document Name

Task

Name

Information Flow

System Boundary

Task Decomposition DiagramT1

User Log-in

T1.3Agent Main Menu

T1.1.1.1.2Reserve Hotel

T1.1.1.1.2.1Available room

check

T1.1.1.1.2.2Cancel

T1.1.1.1.2.1.1Make Reservation and

Confirmation

T1.3.1Add New Hotel

T1.3.2 Update/Delete Hotel

T1.3.3Add New Attraction

T1.3.4Search Statistics

Report

T1.3.5Monthly Performance

Report

T1.1.1.2Cancel

T1.1.1.1Search Results

T1.1.1Search for Hotel

T1.1Student Main Menu

T1.2Create Profile

T1.1.2View Reservation History

T1.1.1.1.1Get

Information

T1.1.1.1.2.1.1.1Receipt

T1.1.1.1.1.1.2.1.2Alert an Error

T1.3.1.1Make New Hotel

T1.3.1.2Cancel

T1.3.2.2Make Update

Hotel

T1.3.2.4Cancel

T1.3.3.1Make New Attraction

T1.3.3.2Cancel

T1.3.2.1Search for

Hotel

T1.3.2.3Delete Hotel

System Navigation Flow Diagram

Login_Main_Page Login_check

Student_main

Agent_main

View_reservation

Search_hotel Search_list Reserve_hotel

Get_info

Room_availablity_check Confirmation Print_receitInsert_reserve

Add_new_hotel

Update_delete_hotel

Add_new_attraction

Search_statistics_Report

Monthly_performance_Report

Insert_hotel

Search_hotel Update_hotel Modify_hotel_info

Insert_attraction

Delete_hotel

Student User

Agent User

User Interface & Task

Running on System only

Navigation Flow

Create_New_Login

Match_Hotel & Attractions

Student Main Function

Agent Main Function

Just user Interface

Main intro page & Login Main page

Login Page

Create profile page redirection and new profile creation

ID/pwd save function

Login check and redirection to student main, agent main,

create profile or password error alert page

Student Login main page screen

Hotel Search Page

Search for Hotel general requirements

Generate search mode as 8 steps

If select country US or Canada, then could select State,

else couldn’t select State

Search by state/country, city, attraction, popular hotel only

Save each search string for search statistics

Search Result screen

If user mode=student then reservation button was

shown, else shown the hotel information update and

delete button

Hotel Information Page

All of the hotel information required:

hotel ID, name, address, city/state, rating star, discounted

room price oer night, nearby attractions, verbal descriptions

of hotel and amenti

Reserve Room screen

Input the start date, end date, credit card number,

expiration date and special room request

Room Reservation availability check screen

Allow to make reservation when the rooms are available in

the hotel

If there were no available room for reservation, then return

to the input reservation information screen

Confirm Reserve Room screen

Confirm screen: start date, end date, card number,

expiration date, special room request

If click the cancel button, then return to input

reservation information screen

Print Receipt screen

Student name, other information, hotel information and

billing information

Insert to reservation db

View reservation history screen

Student’s reservation history screen

Link to each reservation’s Print receipt page

Agent Login main page Add a new Hotel

Input the hotel information

If select country US or Canada, then could select State,

else couldn’t select State

Rating was selected by select form, as

1,1.5,2,2.5,3,3.5,4,4.5,5

Ratings were represented by star graphic images to

student

Update/Delete Hotel

If input the specific hotel ID and click update or delete

button, then check validation of ID and move to the result

screen.

If hotel ID was incorrect, error alert screen pop-upped

Search for hotel button: use hotel search module like

student mode, but there are some customized function of

agent

Update hotel information and set nearby attractions

Input the modified hotel information

If click the set nearby attractions button, pop-up the set

nearby attractions window

Set nearby Attractions

Match the hotel and attractions by just selecting attractions

IF click the insert button, then attractions info was added to

the hotel information and window was refreshed

Add a new Attraction

Input country, state, attraction name

If select country US or Canada, then could select State,

else couldn’t select State

Search Statistics Report

List up the search strings by state, city and attractions

within 3 months

Show search strings and total count of search

Monthly Performance Report

Show the agent name, his region and calculated total

commission

Project Development: Progress Report

박인우: 시공 시 작업자 위치정보기반 위험정보 알림 서비스

BIM 모델 사용

위치추적기능 활용한 작업자에게 실시간 알람기능

건설안전

IPS: Indoor Positioning System: 실내측위기술이 중요

이민재

BIM 객체를 만들때 건축관련 새로운 법규를 푸시 알람으로 알려주는 기능

Java환경으로 구축

프로젝트 업데이트

이지용

Revit Plugin

공간별 마감재 재료 라이브러리를 이용해서 벽체 등 객체 자동생성 XX

Processing을 이용한 프랙탈 이미지 디자인 구현

김지수

작업자별 업무 관리

E.g. Centralized Revit model 에서 설계자별 공정별 작업객체, 영역 할당 등 관리 프로그램

스케줄 일람표를 기반으로

주제변경: 동선그래프 추출 – gbxml 기반으로 그래프로 관계도 그림 – 동선화

이현수

BIM과제 관련

건축객체 체계와 IFC 객체 매핑

건축법규 문장을 ALU 또는 BERA, Pseudo Code 등의 실행가능한 형태로 변환해주는Translator

조의진

Revit Plugin

공간객체 DB 이용해서 공간객체 선택시 해당 공간의 requirement를 보여줌

다른객체에도 적용하여 해당 객체 선택시 관련 정보 등을 보여줌

해당 객체 선택시 관련된 법규를 보여줌

정영택

Revit Plugin

조명 자동 설치 등

진주완

싱가폴 예시

피난동선 관련, 시각화

Processing의 2D 라이브러리 이용, 두점 클릭시 피난동선 최단거리 시각화 등

미셸

Rhino plugin

Time lapse program for creating something

Scheduling system

장재문

BIM과제 관련

Revit plugin

인허가관련 법규 등에서 필요 – 개요 입력시 관련법규 출력

E.g. 레빗에서 주소 입력시 해당 지역 관련 조례 등 출력 (v월드 등 이용, 용도 지역지구 등) X

V월드 오픈api 3d 데이터를 이용하여 지적도를 가져오는 등.

허용무

1. 레빗 플러그인 – 저널파일의 정보 활용. 로그파일 활용

2. 소프트웨어 개발 – 협업 관련 게시판 등 정보교류 의사소통 등 관련 – 보류

김민찬

Revit plugin

녹색건축인증 평가항목 관련 – 필요항목 입력창 등

모델링 가이드 – 녹색건축 인증관련 가이드를 보여줌.

여타 가이드라인을 찾아서

신지혜

Revit plugin

패시브하우스 인증 PHPP (엑셀) 위한 레빗에서 필요한 정보를 추출

스케치업관련 이미 개발.

설계단계에서의 PMV분석을 위한 레빗 플러그인개발

Next Class

Project Design and Implementation

Demo: Web Development cases

- Web environment

- Web server and programming

- DB

Implementation & Final Project Development