SlideShare a Scribd company logo
TYPE OF INTERFACE
MEMBERS:
1. MOHD HUSNI AHMAD
2. MOHD IKHWAL MOHD NOOR
3. MOHAMAD SYAHMI EFFENDY MD NOH
4. MOHD HASROL RAMLI
MOBILE INTERFACE
• Handheld devices intended to be used while on the move.
• Commonly use for everyday and working life.
• Applications running on mobile have been developed widely, e.g.
 Apps for room bookings and hotel check in.
 Apps for education especially education for kids.
 Supermarkets online shopping
 In the streets for multi-user gaming
 Apps for social networking ie Facebook and Twitter.
MOBILE CHALLENGES
• Most of the devices uses small screens, small number of keys and restricted number
of controls
• Mobile nowadays comes with various type of operating system but none of it
compatible with each other. In other words, its hard for developer to develop apps in
various operating system.
• Creative models including:
• roller wheels, rocker dials, up/down ‘lips’ on the face of phones, 2-way and 4-way
directional keypads, softkeys, silk-screened buttons
• Usability and preference varies
• depends on the dexterity and commitment of the user
RESEARCH AND
DESIGN ISSUES
• Based on research and survey, most of the user complaining about
the size of the mobile. Mobile cannot replace function of computer or
laptop.
• Keypad or virtual keyboard the most critical issue. Most of the mobile
using virtual keyboard which is not suitable for the eldest and OKU.
• Too many apps been developed and high potential to be attacked by
hackers. For example Maybank2u and CIMB Clicks had been
attacked early October.
WEB INTERFACE
• Refers to the interaction between a user and software running on a Web server.
• The user interface is the Web browser and the Web page it has downloaded and
rendered.
• A web application or web app is any software that runs in a web browser. It is created
in a browser-supported programming language (such as the combination of
JavaScript, HTML and CSS) and relies on a web browser to render the application.
• Web applications are popular due to the ubiquity of web browsers, and the
convenience of using a web browser as a client, sometimes called a thin client. The
ability to update and maintain web applications without distributing and installing
software on potentially thousands of client computers is a key reason for their
popularity, as is the inherent support for cross-platform compatibility.
• Common web applications include webmail, online retail sales, online auctions, wikis
and many other functions.
WEB CHALLENGES
• Interactive - On a content-rich site, users mostly click links and occasionally search.
Yet, in a web application, they enter data, sort it, rearrange it, and move back and
forth through the screens.
• Language – Websites will come from around the globe. As for country that commonly
use their own language, there will be a problem for user to use the websites. Luckily
we have google translate nowadays.
• Websites VS Blog - Blog is the biggest challenge nowadays. User can use blog as
their websites. User can managed the blog by their own instead of hire admin for the
page.
• Browser applications typically require little or no disk space on the client
RESEARCH AND DESIGN
ISSUES
• Too many websites in the internet. Developer need to design their website differently
and creatively.
• Web design must be user friendly. Make it easy for user to use the website. The
simple and commonly use icon is better.
• Web as a victims of attacker.
• Web applications allow for easier introduction of new user devices (e.g. smartphones,
tablets) because they have built-in browsers

More Related Content

What's hot

How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
Paperlit
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile First
Precedent
 
TERMINALFOUR t44u 2011- Make it mobile, an introduction
TERMINALFOUR t44u 2011- Make it mobile, an introductionTERMINALFOUR t44u 2011- Make it mobile, an introduction
TERMINALFOUR t44u 2011- Make it mobile, an introductionTerminalfour
 
Mobile Web Best Practices
Mobile Web Best PracticesMobile Web Best Practices
Mobile Web Best Practices
Woody Pewitt
 
Universal access across devices
Universal access across devicesUniversal access across devices
Universal access across devices
Henny Swan
 
Native Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web Applications
Tim Wright
 
Mobile Presentation
Mobile PresentationMobile Presentation
Mobile Presentationdmkirspel
 
Mobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyMobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychology
iQcontent
 
Embracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital nativesEmbracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital natives
Ektron
 
Mobile Culture - Natural History Museum
Mobile Culture - Natural History MuseumMobile Culture - Natural History Museum
Mobile Culture - Natural History MuseumJames Cameron
 
chapter2
chapter2chapter2
chapter2
Pon Tovave
 
Design of mobile browsers
Design of mobile browsersDesign of mobile browsers
Design of mobile browsers
Arpan Baishya
 
Stivanson cody assignment4
Stivanson cody assignment4Stivanson cody assignment4
Stivanson cody assignment4cstivanson
 
Mobile Internet
Mobile InternetMobile Internet
Mobile Internet
Michaël Uyttersprot
 
Web and mobile accessibility
Web and mobile accessibilityWeb and mobile accessibility
Web and mobile accessibility
Henny Swan
 
Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)
Henny Swan
 
Metzgar Jason Mobile Presentation
Metzgar Jason Mobile PresentationMetzgar Jason Mobile Presentation
Metzgar Jason Mobile Presentation
8atman
 

What's hot (19)

How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile First
 
TERMINALFOUR t44u 2011- Make it mobile, an introduction
TERMINALFOUR t44u 2011- Make it mobile, an introductionTERMINALFOUR t44u 2011- Make it mobile, an introduction
TERMINALFOUR t44u 2011- Make it mobile, an introduction
 
Mobile Web Best Practices
Mobile Web Best PracticesMobile Web Best Practices
Mobile Web Best Practices
 
Universal access across devices
Universal access across devicesUniversal access across devices
Universal access across devices
 
Native Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web Applications
 
Mobile Presentation
Mobile PresentationMobile Presentation
Mobile Presentation
 
Mobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyMobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychology
 
Embracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital nativesEmbracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital natives
 
Blue
BlueBlue
Blue
 
Mobile Culture - Natural History Museum
Mobile Culture - Natural History MuseumMobile Culture - Natural History Museum
Mobile Culture - Natural History Museum
 
chapter2
chapter2chapter2
chapter2
 
Design of mobile browsers
Design of mobile browsersDesign of mobile browsers
Design of mobile browsers
 
Stivanson cody assignment4
Stivanson cody assignment4Stivanson cody assignment4
Stivanson cody assignment4
 
Presentation1
Presentation1Presentation1
Presentation1
 
Mobile Internet
Mobile InternetMobile Internet
Mobile Internet
 
Web and mobile accessibility
Web and mobile accessibilityWeb and mobile accessibility
Web and mobile accessibility
 
Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)
 
Metzgar Jason Mobile Presentation
Metzgar Jason Mobile PresentationMetzgar Jason Mobile Presentation
Metzgar Jason Mobile Presentation
 

Similar to esaimen

Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....
Naga Harish M
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
Moumie Soulemane
 
B.r.info solution
B.r.info solutionB.r.info solution
B.r.info solution
abhya tiwari
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application development
Siva Kumar reddy Vasipally
 
B.r.info solution
B.r.info solutionB.r.info solution
B.r.info solution
monatiwaripareek
 
Mobile websites
Mobile websitesMobile websites
Mobile websites
TechSoup Canada
 
Why go mobile
Why go mobileWhy go mobile
Why go mobile
BrothaTech
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdf
TECHCENTRAL3
 
Is web application the best choice of future?
Is web application the best choice of future?Is web application the best choice of future?
Is web application the best choice of future?
Lava Infotech
 
Introduction to mobile application development
Introduction to mobile application developmentIntroduction to mobile application development
Introduction to mobile application development
Chandan Maurya
 
Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implications
williamfay
 
MD-I-CH-ppt.ppt
MD-I-CH-ppt.pptMD-I-CH-ppt.ppt
MD-I-CH-ppt.ppt
bharatt7
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and Tablets
Webvanta
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
Andrew Smith
 
Designing for mobile devices
Designing for mobile devicesDesigning for mobile devices
Designing for mobile devices
Fahd Alhazmi
 
Mobile developement
Mobile developementMobile developement
Mobile developement
Lilia Sfaxi
 
3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx
BOSC Tech Labs
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
 

Similar to esaimen (20)

Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
 
B.r.info solution
B.r.info solutionB.r.info solution
B.r.info solution
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application development
 
B.r.info solution
B.r.info solutionB.r.info solution
B.r.info solution
 
Mobile websites
Mobile websitesMobile websites
Mobile websites
 
Why go mobile
Why go mobileWhy go mobile
Why go mobile
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdf
 
Is web application the best choice of future?
Is web application the best choice of future?Is web application the best choice of future?
Is web application the best choice of future?
 
Introduction to mobile application development
Introduction to mobile application developmentIntroduction to mobile application development
Introduction to mobile application development
 
Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implications
 
MD-I-CH-ppt.ppt
MD-I-CH-ppt.pptMD-I-CH-ppt.ppt
MD-I-CH-ppt.ppt
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and Tablets
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
01 Mobile Jungle
01 Mobile Jungle01 Mobile Jungle
01 Mobile Jungle
 
Designing for mobile devices
Designing for mobile devicesDesigning for mobile devices
Designing for mobile devices
 
Mobile developement
Mobile developementMobile developement
Mobile developement
 
3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
 

Recently uploaded

MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...
MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...
MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...
PinkySharma900491
 
NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...
NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...
NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...
Amil baba
 
Cyber Sequrity.pptx is life of cyber security
Cyber Sequrity.pptx is life of cyber securityCyber Sequrity.pptx is life of cyber security
Cyber Sequrity.pptx is life of cyber security
perweeng31
 
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
eemet
 
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
kywwoyk
 
web-tech-lab-manual-final-abhas.pdf. Jer
web-tech-lab-manual-final-abhas.pdf. Jerweb-tech-lab-manual-final-abhas.pdf. Jer
web-tech-lab-manual-final-abhas.pdf. Jer
freshgammer09
 
一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理
一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理
一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理
kywwoyk
 
Drugs used in parkinsonism and other movement disorders.pptx
Drugs used in parkinsonism and other movement disorders.pptxDrugs used in parkinsonism and other movement disorders.pptx
Drugs used in parkinsonism and other movement disorders.pptx
ThalapathyVijay15
 
F5 LTM TROUBLESHOOTING Guide latest.pptx
F5 LTM TROUBLESHOOTING Guide latest.pptxF5 LTM TROUBLESHOOTING Guide latest.pptx
F5 LTM TROUBLESHOOTING Guide latest.pptx
ArjunJain44
 

Recently uploaded (9)

MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...
MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...
MATHEMATICS BRIDGE COURSE (TEN DAYS PLANNER) (FOR CLASS XI STUDENTS GOING TO ...
 
NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...
NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...
NO1 Uk Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Amil In La...
 
Cyber Sequrity.pptx is life of cyber security
Cyber Sequrity.pptx is life of cyber securityCyber Sequrity.pptx is life of cyber security
Cyber Sequrity.pptx is life of cyber security
 
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
 
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
一比一原版SDSU毕业证圣地亚哥州立大学毕业证成绩单如何办理
 
web-tech-lab-manual-final-abhas.pdf. Jer
web-tech-lab-manual-final-abhas.pdf. Jerweb-tech-lab-manual-final-abhas.pdf. Jer
web-tech-lab-manual-final-abhas.pdf. Jer
 
一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理
一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理
一比一原版UVM毕业证佛蒙特大学毕业证成绩单如何办理
 
Drugs used in parkinsonism and other movement disorders.pptx
Drugs used in parkinsonism and other movement disorders.pptxDrugs used in parkinsonism and other movement disorders.pptx
Drugs used in parkinsonism and other movement disorders.pptx
 
F5 LTM TROUBLESHOOTING Guide latest.pptx
F5 LTM TROUBLESHOOTING Guide latest.pptxF5 LTM TROUBLESHOOTING Guide latest.pptx
F5 LTM TROUBLESHOOTING Guide latest.pptx
 

esaimen

  • 1. TYPE OF INTERFACE MEMBERS: 1. MOHD HUSNI AHMAD 2. MOHD IKHWAL MOHD NOOR 3. MOHAMAD SYAHMI EFFENDY MD NOH 4. MOHD HASROL RAMLI
  • 2. MOBILE INTERFACE • Handheld devices intended to be used while on the move. • Commonly use for everyday and working life. • Applications running on mobile have been developed widely, e.g.  Apps for room bookings and hotel check in.  Apps for education especially education for kids.  Supermarkets online shopping  In the streets for multi-user gaming  Apps for social networking ie Facebook and Twitter.
  • 3. MOBILE CHALLENGES • Most of the devices uses small screens, small number of keys and restricted number of controls • Mobile nowadays comes with various type of operating system but none of it compatible with each other. In other words, its hard for developer to develop apps in various operating system. • Creative models including: • roller wheels, rocker dials, up/down ‘lips’ on the face of phones, 2-way and 4-way directional keypads, softkeys, silk-screened buttons • Usability and preference varies • depends on the dexterity and commitment of the user
  • 4. RESEARCH AND DESIGN ISSUES • Based on research and survey, most of the user complaining about the size of the mobile. Mobile cannot replace function of computer or laptop. • Keypad or virtual keyboard the most critical issue. Most of the mobile using virtual keyboard which is not suitable for the eldest and OKU. • Too many apps been developed and high potential to be attacked by hackers. For example Maybank2u and CIMB Clicks had been attacked early October.
  • 5. WEB INTERFACE • Refers to the interaction between a user and software running on a Web server. • The user interface is the Web browser and the Web page it has downloaded and rendered. • A web application or web app is any software that runs in a web browser. It is created in a browser-supported programming language (such as the combination of JavaScript, HTML and CSS) and relies on a web browser to render the application. • Web applications are popular due to the ubiquity of web browsers, and the convenience of using a web browser as a client, sometimes called a thin client. The ability to update and maintain web applications without distributing and installing software on potentially thousands of client computers is a key reason for their popularity, as is the inherent support for cross-platform compatibility. • Common web applications include webmail, online retail sales, online auctions, wikis and many other functions.
  • 6. WEB CHALLENGES • Interactive - On a content-rich site, users mostly click links and occasionally search. Yet, in a web application, they enter data, sort it, rearrange it, and move back and forth through the screens. • Language – Websites will come from around the globe. As for country that commonly use their own language, there will be a problem for user to use the websites. Luckily we have google translate nowadays. • Websites VS Blog - Blog is the biggest challenge nowadays. User can use blog as their websites. User can managed the blog by their own instead of hire admin for the page. • Browser applications typically require little or no disk space on the client
  • 7. RESEARCH AND DESIGN ISSUES • Too many websites in the internet. Developer need to design their website differently and creatively. • Web design must be user friendly. Make it easy for user to use the website. The simple and commonly use icon is better. • Web as a victims of attacker. • Web applications allow for easier introduction of new user devices (e.g. smartphones, tablets) because they have built-in browsers