라벨이 Web인 게시물 표시

아르바이트 - 장비제어용 페이지 모바일용 반응형웹

이미지
모바일 페이지 페이지 스크린샷 2017년 8월에서 약 두 달간 아르바이트 형식으로 작업한 결과물입니다. 회사 다니면서 틈틈이 작업해서 만들었으며 총 11p 정도 되네요.  우선 디자인, 기획 작업된 PDF를 받아서 파일에 디자인된 기준으로 작업을 시작하였으며 요즘에는 따로 프로그램을 배포하지 않고 웹페이지에 접속하여 환경설정을 변경하기 때문에 웹(HTML5)으로 작업을 하였습니다. 최근에 안드로이드용 반응형 웹(Responsive Web)을 작성해 본 경험으로 쉽게 만들 수 있었습니다. BR11 WI FI, BLE 소형 장비 설정용 프로그램입니다. 장비에 웹서버가 올라가고 모바일용 웹페이지에서 장비 설정을 하고 설정된 값을 CGI에 넘기면 장비 설정이 변경됩니다. 아무나 접속해서 설정하면 안 되니 로그인도 하고 기본적인 쿠키를 체크해서 로그인 여부도 확인하고 CGI에서 값을 전달받아 Select 박스에 표시도 하고 값을 설정하면 리프레시 하여 변경해 값을 다시 받아오고 라이브러리는 bootstrap, Jquery만 사용하였으며 장비에 올라가기에 이미지 사용을 최소화하고 다른 라이브러리를 사용하지 않았습니다.  주로 핸드폰에서 작업하는 게 편할 거 같아서 스마트폰 사이즈에 맞춰 작업을 진행하였습니다. 물론 PC에서도 가능하도록 반응형 웹으로 구성되었지요 사용 기술 : HTML5, bootstrap, Jquery, CGI

[Delphi] 웹프로그래밍 #3 - 코딩 심화

이미지
  웹프로그래밍 03 지난번 강좌는 실행까지 부분이고 실제 코딩을 해보겠습니다. ​ Projects 창에서 WebModuleUnit1.pas 를 더블클릭하면 아래창이 나오고 마우스 오른쪽 버튼을 클릭하면 아래 팝업이 나옵니다. Action Editor 창이 열리면 여기에서 Path를 추가할수 있습니다. Path 란​ http://localhost/TEST/test.dll/list?page=1 list 같이 Path 를 추가하여 여러개의 하위서비스를 추가할수 있습니다. 기본은 "/" 라서 아무것도 없으면 기본이 처리됩니다. Object Inspector 창에서 Events 탭에서 OnAction 이벤트를 추가하여 아래처러 코딩하면 procedure TWebModule1.WebModule1WebActionItem1Action(Sender: TObject;   Request: TWebRequest; Response: TWebResponse; var Handled: Boolean); begin     Response.Content :=         '<html>' +         '<head><title>Web Server Application</title></head>' +         '<body>List Page</body>' +         '</html>  end; http://localhost/TEST/test.dll/list 로 접속하면 다음과 같은 결과를 얻을수 있습니다. OnAction 에는 Request, Response 라는 객체가 선언되어 있는데요. Request 값을 받아올때 Response 는 HTML 을 html을 출력할때 사용합니다. GET 방식으로 page 값 받...