Designing for Mobile Applications

I have a basic 6 page web site for our organization.  Since many of our members now use their smart phones for web browsing I am thinking of adjusting my site to accomodate them.  Since I have never designed for mobile applications I just wanted to get some professional feedback so I know the proper path to take. The site is a simple three-column layout with header and footer, primarily text with scattered graphics.
My first thought is to just redesign the site with a smaller overall size so it would be viewable in smaller devices, such as smart phones and IPods.  Although it would require a total re-design change as far as layout and reduced use of graphics, it wouldn't take me long to create since the site is small to begin with.
My second option is to use a mobile template via jQuery.  However, I have never used jQuery and am wondering if re-designing my site using jQuery would be the preferred route to go, or overkill due to the small size of my site.
I guess my question is this:  At what point does it become preferable to use jQuery to design mobile web sites, as opposed to just re- creating a smaller physical version of  my current web site?  Or does using jQuery for mobile design the accepted common practice?
I'd appreciate anyone's professional opinion on the subject.  Thanks.

Your application's main module structure can contain different sub-modules like common/base, BCC/versioning and other sub-modules. As you mentioned all of your common piece of server-side functionality, common components and repository definitions can go in the common/base sub-module within your main module structure. There can be one common-ui kind of a sub-module also which can hold common front-end stuff like JS, common CSS, images etc. Then there can be one sub-module for the actual customer facing application. These sub-modules can declare dependency on the common/base sub-module.
I would also go with having a single EAR for the customer facing app sub-module. Now within that EAR you can have different web-apps (WARs) with different context-roots as per your requirements. Having different web-apps will also allow you to bring in device specific changes to the application e.g. adding a device specific filters in case required.

Similar Messages

  • Need to know if there is UI designer for Mobile application on NWDS

    Hello Experts....
    I am planning to create a mobile application using NWDs.
    Can I know if we can design a Mobile Application on the MWDs-> MI Application using UI tools?
    can I use Web dynpro to develop mobile appliction for both HandHeld as well as Laptops.
    If we can, can someone please send any supporting documents for the same.
    I would also like to know what is the best way to design our own screens (for new functionality not existing in SAP) for a mobile device (PDAs and Laptops)
    thanks in advance.
    Raju

    Take a look at this link, https://discussions.apple.com/thread/2401746?start=0&tstart=0

  • Flash Design for Mobile Devices May Workshop

    I'll be running a 2 day workshop in San Francisco on
    Flash Design for Mobile Devices in May.
    Please forward this announcement to anyone who might be
    interested.
    Details are below.
    Thanks,
    Nader Nejat // CEO
    Omega Mobile //
    http://www.omegamobile.com
    Accelerating profit through stunning mobile experiences
    ==========================================
    What:
    Flash Design For Mobile Devices
    When:
    2 days: Saturday, May 6 & 13, 9am — 5pm
    Where:
    San Francisco State University Downtown Center
    Multimedia Studies Program
    425 Market Street, 2nd Floor
    San Francisco, CA 94105
    For more information and to register:
    On the Internet go to:
    http://msp.sfsu.edu
    Or, call: 415.405.7700
    Flash Design For Mobile Devices
    In the era of rich mobile media development, your mobile
    future is here. Now, learn how to create it in this hands-on
    workshop.
    We'll give you all the information and practice you need to
    be on the
    cutting edge of creating Flash content for PDAs, mobile
    phones and next
    generation devices. We'll explore the mobile Flash landscape
    by looking
    at working prototypes and actual applications that leverage
    the current
    mobile Flash player technology.
    In this class, each attendee is assigned their own computer
    to work on.
    Discussions are followed by exercises that show you exactly
    what you need
    to know to produce your own mobile content. We emphasize
    creating great
    mobile multimedia experiences for cell phones using Flash
    Lite.
    In addition to exploring development opportunities available
    today, you'll learn:
    • The capabilities and limitations of Flash for mobile
    development.
    • Best practices for planning your mobile projects.
    • How to efficiently convert Flash projects to mobile.
    • The entire production process from planning to
    testing and debugging on the device.
    • How to create engaging content and user experiences
    for small screens.
    • How to maximize memory and processor performance of
    your applications.
    • How to develop for multiple devices with minimal
    changes.
    • To tap into resources to get you started quickly
    • About handy third party utilities.
    Who should take this class?
    Anyone interested in developing rich media content for mobile
    devices
    including: mobile developers interested in Flash as a
    potential delivery
    platform and interface designers who want to use Flash for
    mobile design,
    Flash developers who wish to leverage their skills for mobile
    development,
    web designers who want to take advantage of the next big
    medium and anyone
    interested in Flash's capabilities for mobile devices.
    Prerequisite: Flash I or equivalent experience recommended.
    Course #: MULT 9234
    Schedule #: 26264
    Section: Z01
    Hands on, 1 student per computer
    2 days; Saturday, May 6 & 13, 9am — 5pm
    SFSU Downtown Center, 425 Market
    Fee: $395.00
    Register Now! Call 415.405.7700

    Anything similar available in UK?
    "..Nader.." <[email protected]> wrote in
    message
    news:[email protected]...
    > I'll be running a 2 day workshop in San Francisco on
    > Flash Design for Mobile Devices in May.
    >
    > Please forward this announcement to anyone who might be
    interested.
    >
    > Details are below.
    >
    > Thanks,
    > Nader Nejat // CEO
    > Omega Mobile //
    http://www.omegamobile.com
    > Accelerating profit through stunning mobile experiences
    >
    > ==========================================
    >
    > What:
    > Flash Design For Mobile Devices
    >
    > When:
    > 2 days: Saturday, May 6 & 13, 9am ? 5pm
    >
    > Where:
    > San Francisco State University Downtown Center
    > Multimedia Studies Program
    > 425 Market Street, 2nd Floor
    > San Francisco, CA 94105
    >
    > For more information and to register:
    > On the Internet go to:
    http://msp.sfsu.edu
    > Or, call: 415.405.7700
    >
    > Flash Design For Mobile Devices
    > --------------------------------
    > In the era of rich mobile media development, your mobile
    > future is here. Now, learn how to create it in this
    hands-on workshop.
    > We'll give you all the information and practice you need
    to be on the
    > cutting edge of creating Flash content for PDAs, mobile
    phones and next
    > generation devices. We'll explore the mobile Flash
    landscape by looking
    > at working prototypes and actual applications that
    leverage the current
    > mobile Flash player technology.
    >
    > In this class, each attendee is assigned their own
    computer to work on.
    > Discussions are followed by exercises that show you
    exactly what you need
    > to know to produce your own mobile content. We emphasize
    creating great
    > mobile multimedia experiences for cell phones using
    Flash Lite.
    >
    > In addition to exploring development opportunities
    available today, you'll
    > learn:
    > ? The capabilities and limitations of Flash for mobile
    development.
    > ? Best practices for planning your mobile projects.
    > ? How to efficiently convert Flash projects to mobile.
    > ? The entire production process from planning to testing
    and debugging on
    > the
    > device.
    > ? How to create engaging content and user experiences
    for small screens.
    > ? How to maximize memory and processor performance of
    your applications.
    > ? How to develop for multiple devices with minimal
    changes.
    > ? To tap into resources to get you started quickly
    > ? About handy third party utilities.
    >
    > Who should take this class?
    > --------------------------------
    > Anyone interested in developing rich media content for
    mobile devices
    > including: mobile developers interested in Flash as a
    potential delivery
    > platform and interface designers who want to use Flash
    for mobile design,
    > Flash developers who wish to leverage their skills for
    mobile development,
    > web designers who want to take advantage of the next big
    medium and anyone
    > interested in Flash's capabilities for mobile devices.
    >
    > Prerequisite: Flash I or equivalent experience
    recommended.
    >
    > Course #: MULT 9234
    > Schedule #: 26264
    > Section: Z01
    >
    > Hands on, 1 student per computer
    > 2 days; Saturday, May 6 & 13, 9am ? 5pm
    > SFSU Downtown Center, 425 Market
    > Fee: $395.00
    >
    > Register Now! Call 415.405.7700
    >

  • How to run Profiler for Mobile Application on adevice.

    I would like to see Performance issue for my mobile application. This application is using StageVideo object and StageVideo is unavailable in emulator.
    So, I would like to run Profiler in device.
    Could anyone please help me ways to run Profiler on device using FlashBuilder.
    I'm using FlashBuilder4.6.

    Hi Divya,
    I am implementing application given on
    https://www.sdn.sap.com/irj/sdn/mobile link which is
    "Model-driven Design of Mobile Applications New! "
    According to document, I have configured server and frontend, developed model and deployed successfully. But there is no option or documentation available to run the application.
    If I get simulator/emulator to run mobile application.. how can I run?
    Or should I run through browser with some link?
    Please help. Thnaks in advance.
    Mehul

  • Does Apple provide any certification for Mobile Application testing (iOS)

    Does Apple provide any certification for Mobile Application testing (iOS)
    Kindly share the details of any Mobile Application testing certification provided by Apple.

    I'm not aware of any testing done by Apple except as part of the app approval process:
    https://developer.apple.com/appstore/resources/approval/index.html
    If you have questions about the review process, though, you can contact Apple via the contact links on that page.
    Regards.

  • There is any Scripting languages is used for mobile application development

    Is there is any Scripting languages is used for mobile application development?
    For example java script,vb script is used for web development.Like that is there is any scripting language is used for mobile application development along with J2me.
    Thanks & Regards, Sivakumar.J

    806437 wrote:
    .. is there is any scripting language is used for mobile application development along with J2me.If you are talking about javax.script,
    google ( [url http://www.google.com/search?q=java+me+javax.script]java me javax.script ) gave me http://sourceforge.net/projects/rhinoj2mecldc/

  • Opensource database for Mobile application development

    hi.
    1. SQL CE is a database for mobile applications. Is there a similar opensource implementation available , i.e a database that i can port on my mobile application.
    2.If this is not the forum in which i must post such question ..pls let me know the link where in i should make such posts..
    Ur suggestions will be valuable..
    regards
    KARTIK

    hi.
    1. SQL CE is a database for mobile applications. Is
    there a similar opensource implementation available ,
    i.e a database that i can port on my mobile
    application.
    2.If this is not the forum in which i must post such
    question ..pls let me know the link where in i should
    make such posts..
    Ur suggestions will be valuable..
    regards
    KARTIKhttp://hsqldb.sourceforge.net/

  • How to add selection event, change event and click event for dropdownlist for mobile applications

    Please someone help me in writng selection , click and change events for dropdownlist in flex for mobile applications . i have tried but i wasn't able to select the items in dropdown using my mouse or touch in my mobile . Please help me I am struck at this point and i am unable to get solution gfor this. Please................
    Some code for which i neederd help:
    <s:DropDownList id="ddlBranch" x="257" y="475" width="63%" height="80%"
                                    creationComplete="ddlBranch_creationCompleteHandler(event)"
                                    fontFamily="Calibri" fontSize="24"
                                    labelField="BranchName"
                                    prompt="{ddlBranch.selectedItem}"
                                    requireSelection="true"
                                    selectionColor="#7ab342">
                        <s:AsyncListView list="{getBranchResult.lastResult}"/>
                    </s:DropDownList>
    <s:DropDownList id="ddlZone" x="257" y="546" width="63%" height="80%"
                                    creationComplete="ddlZone_creationCompleteHandler(event)"
                                    fontFamily="Calibri" fontSize="24"
                                    labelField="ZoneName"
                                    prompt="{ddlZone.selectedItem}"
                                    requireSelection="true"
                                    selectionColor="#7ab342">
                        <s:AsyncListView list="{getZoneResult.lastResult}"/>
                    </s:DropDownList>
    I will get the list of Branches(first DDL) and Zones(Second DDL) from a webservice written in DOT(.)NET,  what i needded is touch events and selection events for both the dropdown lists and the data in the second DropDown List should bind based on the First Dropdown list item selected.
    Service call for binding data to DDL:
    protected function ddlBranch_creationCompleteHandler(event:FlexEvent):void
                    getBranchResult.token = loginService.getBranch();
                protected function ddlZone_creationCompleteHandler(event:FlexEvent):void
                    getZoneResult.token = loginService.getZone();
    Please help...
    Thank you.

    Therer are two ways you can assign an action to the "OnEnter"-event of your input field:
    1. in method cl_wd_input_field=>new_input_field you have the parameter:
    ON_ENTER
    You just have to assign your action name to this field and it will be called on the OnEnter-event of your InputField.
    e.g:
         lr_input_field = cl_wd_input_field=>new_input_field(
                                                 id = 'INP_MY_INPUT_FIELD'
                                                 on_enter = 'MYACTION'
    2. You can use the method SET_ON_ENTER.
    like:
         lr_input_field->set_on_enter( 'MYACTION' ).
    Just make sure, you have created and implemented this action and its handler.

  • How to agree the term and condition for mobile application

    i would like to click agree with iphone new term and condition for mobile application, but couldn fint the button to click agree....

    Hi
    You need it because it's possible to have a complex pricing procedure, and you can't do it with a simple select on a table. Think that you can have pricing requirements, formulas (ie: VOFM) and so on in your pricing procedure (tcode V/08).
    I hope this helps you
    Regards
    Eduardo

  • Generating activation code for mobile application

    Hi
    I am writing a mobile application which I am planning to have some kind of registration so that they don't install the application easily. For example, can I generate an activation code kind of thing using the phone's IMEI or is there any other logic or ways of doing it.
    Thanks
    Mani.

    Oh no I do not mean to unlock my phone, I just need to activate the SIM card inside so that I can use the phone to make calls and send messages etc. By this point I even have no idea what my number is... =D

  • Developing Online Help for Mobile Applications

    My company is just starting to develop applications for mobile devices (cell phone, iPad
    , etc.). Can anyone tell me whether RoboHelp is the best Adobe application for devel
    oping online help for mobile devices or if some other application should be used? Thanks.

    Thanks for the insight. I haven't read about RH8 so wasn't aware of that difference. No, I haven't tried the demo yet. I guess that would be the logical next step. I've been trying to get to the STC web site to download the PDF file of the presentation, but can't get the web site to open. Oh well. Thanks again.
    Regards, Fred W. Brown
    Technical Writer 3
    InnovaSystems International, LLC
    (757) 282-7921
    • Writing is simple. First you have to make sure you have plenty of paper... sharp pencils... typewriter ribbon. Then put your belly up to the desk... roll a sheet of paper into the typewriter... and stare at it until beads of blood appear on your forehead.
    • Prof. Cosmo Fishhawk, in Shoe

  • Responsive Design Mode - Landscape Design for Mobile. (CP8)

    Hi,
    Given that the design default on mobile is on portrait, I'm wondering if there is an option to design for landscape. Thank you.

    Do you really need to change the layout totally when the size is so close to each other? Just wondering. Responsive means that when you change the browser size everything will adapt. The breakpoints are only meant to have more 'agressive' changes, like having less objects on mobile screen, rearranging objects in another way etc. If you turn a tablet in landscape mode, it will probably use the Primary layout, if you use it in Portrait mode it will use the Tablet layout. If I understood your question wrongly, sorry.

  • Multiplayer game designing for mobiles using J2ME

    i m supposed to design a small multiplayer game for mobiles.It's my semester project.Have found many books for designing single player games but found none on multiplayer game designing.someone plz help me
    plz treat with due regards.

    I understand why results is different: bcs message arrival is not sequenial?
    UPD: There is 1 more thing i cant understand.
    If i will use NetStream and connect directly to peer it is possbile to fail bcs of Firewall or smth? In this situation i should use routing?

  • Design for mobile devices

    Hi all, first time here, please be gentle with me!
    So, I've got a site I designed and maintain for a client and
    he recently had an enquiry asking if the thing could be viewed on
    an O2 PDA (UK mobile phone company branded PDA). He, of course,
    asked me, and I said I'll find out.
    Currently I doubt the site will work - it's designed for the
    web, needs (mostly) a mouse to navigate and is 800px wide so I
    can't see any way it'd work on a phone! So I'm guessing I'd need to
    do a WML version ... right? Or is there an easy way to make an XML
    site work on mobile devices?
    Secondly would mobile devices work with the PHP script that
    handles a members only area and subscription packages? Currently 3
    pages of the site are protected using PHPGuardDog (soon to be
    replaced) which manages user accounts and links them to PayPal
    subscriptions. So to get to those pages a user has to have an
    active, paid up, account and then enter their username and
    password. Would that work on a mobile device?
    Thanks - and if these are dumb questions, sorry, I'll go
    hide!
    Greg

    "GS_thing" <[email protected]> wrote in
    message
    >
    > Currently I doubt the site will work - it's designed for
    the web, needs
    > (mostly) a mouse to navigate and is 800px wide so I
    can't see any way it'd
    > work
    > on a phone! So I'm guessing I'd need to do a WML version
    ... right? Or is
    > there
    > an easy way to make an XML site work on mobile devices?
    This article by Adrian Senior may help:
    "Applying CSS from Screen to Print to Handheld"
    http://www.adobe.com/devnet/dreamweaver/articles/designing_css.html
    > Secondly would mobile devices work with the PHP script
    that handles a
    > members
    > only area and subscription packages?
    This one I can't answer, hopefully someone with more
    experience at this may
    help out :)
    Nadia
    Adobe� Community Expert : Dreamweaver
    http://www.DreamweaverResources.com
    - CSS Templates|Tutorials
    http://www.csstemplates.com.au
    http://www.adobe.com/devnet/dreamweaver/css.html
    CSS Tutorials for Dreamweaver

  • Combobox or Dropdown list not working in AIR 2.7 for Mobile Applications

    Hey,
    I want to use combobox or a dropdown list in my app for Mobile.It is coming properly on the screen.but when I try to select the thing from the list it doesnt gets clicked and the new value is not getting displayed on the dropdown.
    Previously I was using older version of AIR.but now am using AIR 2.7.
    So is AIR 2.7 creating a problem???
    Thanks in advance.
    Ronak Shah

    ComboBox and DropDownList don't work on mobile devices.  It has to do with the differences between touch interfaces and mouse interfaces.  You'd have to extend / modify the components a bit and I would recommend creating custom skins optimized for mobile devices.
    Or you can just use the ones I already optimized:  https://www.flextras.com/index.cfm?event=ProductHome&productID=21

Maybe you are looking for