tailieunhanh - Mobile Web Development phần 4

bút stylus hoặc bàn phím trên màn hình. Điện thoại như iPhone có tấm cảm ứng, và một số phụ kiện mà bạn có thể đính kèm để có được một bàn phím QWERTY đầy đủ. Điện thoại di động đi kèm trong các kích cỡ phù hợp với túi một số vô cùng nhỏ và một số lớn như một hộp bút chì. | Building Pizza On The Run 9. Motorola v3i login form-inline text field editing 10. Sony Ericsson k750i login form rendering 11. Sony Ericsson k750i inline radio button style rendering of drop downs 12. Samsung Z105 s rendering of select drop down POTR homepage Pizza On The Run Order Pizza si 1. 2. Login 3. Call Us Directions 4. Special Offers Select Options test__ Password Done Options Pizza On T. 3bc speed up checkout. User Pizza On Th Ỉ Run 4. Special 4 ri Order g How many 6 as if -2-3-4- 7 Select g Login Select Options The screenshot above shows how Openwave browser renders the POTR homepage. It provides auto-completion by default on text fields and you have to activate editing by pressing the softkey. Select drop downs are shown on the same screen. The difference in form control rendering affects usability Imagine a page with six drop downs to select starting and ending dates. This is normal for a web application but will be very difficult for a mobile user. Radio buttons checkboxes and text boxes are preferred controls for mobile forms. Links that pass parameters via GET are even easier. Make sure you pick the right controls for your forms Form Processing Does not Change If you are overwhelmed by this here s something that can bring you peace Once the form is submitted to the server you can process it the same way as you do it on standard web applications. Let s see the code that actually does the authentication in to prove this php if isset _POST username isset _POST password userObj new User if userObj- Login _POST username _POST password if _POST remember 1 setcookie potrUsername _POST username time 30 24 3600 58 Chapter 3 setcookie potrPassword _POST password time 30 24 3600 _SESSION userId userObj- id if isset _REQUEST return header Location . _REQUEST return else include return else echo p class error Sorry login failed. Please try again. p Isn t this how you would process a standard web form We first check if we got the