무—‡‌„ –´ë–»ê²Œ • ê¹Œ ?

  • View
    50

  • Download
    0

Embed Size (px)

DESCRIPTION

무엇을 어떻게 할까 ?. What and How. 발표자 소개. 안병욱 elaborate. 세미나 목적. 여러분께 질문을 던지기 위한 세미나 모르셔도 이제 공부하면 된다. 발표 순서. 우리가 만들 것 우리가 알아야 할 것 우리가 준비 할 것. 우리가 만들 것. 설마 모르지는 않겠죠 ? 모바일 페이지 일반 웹페이지와 다른 점은 ? 만드는 이유는 ? 고려할 점은 ? - PowerPoint PPT Presentation

Text of 무—‡‌„...

?

?What and How elaborate ? ? ? ?http://www.drostdesigns.com/mobile-web-design-principles-to-consider-top-7/http://naradesign.net/wp/2011/05/27/1483/ (HTML, CSS, Javascript) (HTTP)DBVCS (esp. mercurial)TDDOther useful KeywordsWeb Page(HTML)HTMLHTML version (4.0, 5.0)Markup LanguageTags, attributesRight thing to right use (ex. Submit and Link)http://osan.kaist.ac.kr/~elaborate/seminar_ready/form_and_link.phpUse Standard http://www.w3.org/MarkUp/http://validator.w3.org/Web Page(CSS)CSSCSS2, CSS3#id .class (usually)Overriding propertyBrowser dependencyAlso use standardhttp://www.w3.org/Style/CSS/http://jigsaw.w3.org/css-validator/Web Page (Javascript)JavaScriptIt has nothing to JAVA (ex. Car & Carpet)Easy to use, Easy to be wrongPlease do little tutorialhttp://www.w3schools.com/js/default.aspDont make it HEAVYBrowser DependencyDifferent API, Different performanceLots of Library - Jquery, Prototype, mootools Most things happens in Web Browser Please use standardhttp://www.jslint.com/ServerWhat is it?Generates and give page (response)Save your state (session)Data (DB)Python(Django), PHP(PHPCake), other framework can be usedIt has webserver (ex. Apache, LightHttpd)ClientIn your projectYour web browser in MobileA thing that requestsLimited CacheLimited session Slower than other Desktop Web BrowserA variety of Web Browsers EngineIE, FF, Opera, Chrome HTTPIt is a protocolPOST and GETRequest(Client Action What page?)Response (Server Action Webpage)You should understand how it worksOr you will make foolish webpageDBThat saves dataSQLIn Django, it uses ORM (What is it?)ARA Mobile may not use this, but it is better to know thisDBMS - MySQL, SQLite, PostgreSQL Server gets Data from DB and use it for Page generationServerClientRequestWeb BrowserWeb Page

HTML, CSS, JavaScript --> POST /account/login/ HTTP/1.1 Host: ara.kaist.ac.kr Connection: keep-alive Referer: http://ara.kaist.ac.kr/ Content-Length: 33 Cache-Control: max-age=0 Origin: http://ara.kaist.ac.kr User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_7) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.71 Safari/534.24 Content-Type: application/x-www-form-urlencoded Accept: application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5 Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8 Accept-Charset: UTF-8,*;q=0.5 Cookie: [value was stripped]clickServerRequestDBDjangoCheck ID and PWPage Generate - HTML - CSS - JavascriptqueryWeb ServerHandlerResponseSession saveData Save Project Management &Bug/Issue Track , , VCSVersion Control System This will be covered by someoneThere are good maxims . ( , ) (3, ) TDDTest Driven DevelopmentSoftware Development Process TDD PushPullVCS Vim, mercurial, etc Dont waste your type! Get what they have done! Please know as much as possible ?Programming coding