[Q] Developing app with visual interface - Design, Prototyping, UI, Graphics

Hi everyone. I'm new to developing apps. I want to create a simple app, and I'm a bit overwhelmed by all the options that I have .
I am looking for software / language that:
- Has a visual interface so that I can add buttons, lists, textbox, checkbox, etc, and then program the actions of each.
- Can test the result with my android device, or with an emulator.
- Can create a final apk
- Optional: Can migrate to IOS and Windows phone. This isn't quite necessary though.
- Is free / opensource. If this is impossibe to find, then I'll take a look at commercial ones.
What do you recommend? I tried App inventor, the idea is awesome, but it is quite buggy and pretty basic. I'm looking at Montage Studio and Mosync, but even though they can show me a preview on my phone, they don't have a visual interface in wich I can drag and drop components (Yes, my first steps in programming where with visual studio, that's why I love this).
What do you suggest? I have no problem to start learning to code, but at least I want to create the visual aspect of the app, in a visual way.
Any help will be much aprecciated! :/

Android Studio, which is the official android IDE, and also Eclipse IDE have a visual editor, in which you can add layouts, views, buttons etc.

serknor said:
Hi everyone. I'm new to developing apps. I want to create a simple app, and I'm a bit overwhelmed by all the options that I have .
I am looking for software / language that:
- Has a visual interface so that I can add buttons, lists, textbox, checkbox, etc, and then program the actions of each.
- Can test the result with my android device, or with an emulator.
- Can create a final apk
- Optional: Can migrate to IOS and Windows phone. This isn't quite necessary though.
- Is free / opensource. If this is impossibe to find, then I'll take a look at commercial ones.
What do you recommend? I tried App inventor, the idea is awesome, but it is quite buggy and pretty basic. I'm looking at Montage Studio and Mosync, but even though they can show me a preview on my phone, they don't have a visual interface in wich I can drag and drop components (Yes, my first steps in programming where with visual studio, that's why I love this).
What do you suggest? I have no problem to start learning to code, but at least I want to create the visual aspect of the app, in a visual way.
Any help will be much aprecciated! :/
Click to expand...
Click to collapse
I work for Kinetise.com, a web-based mobile app creator. Here's what it has for you:
- visual interface - check
- Can test the result with my android device, or with an emulator - double check
- Can create a final apk - check
- Optional: Can migrate to IOS and Windows phone. - check, Kinetise compiles to Android and iOS at once, Windows coming soon.
- Is free - the editor, emulator and 24h test apps are free, but in the end, Kinetise is a commercial solution.

Related

Simple Progrqamming Languages/environment ????

I want to program simple applications, one or two screens, a few input boxes, simple graphics, display the output. Compile to an .exe. I "sorta" program, I can do a lot in Excel VBA, can't do C++ never tried Java or others.
Are there any easy to use programing languages (and environments) that would do what I need?
I look forward to you insight.
Nick
.net IDE
maybe get a copy of visual studio, it's pretty easy to create a simple forms app in VB.net or c# with it.
Thanks for the reply...
Do you need "Visual Studio"? Or will Visual Basic 2008 work?
Are there free Visual Studio versions? If so, I haven't found the right link yet.
Nick
C++ and Java are similar and easy to pick up, and java is even based off c++, personally I use codeblocks as my IDE, but there are many others to choose from
nkemp said:
I want to program simple applications, one or two screens, a few input boxes, simple graphics, display the output. Compile to an .exe. I "sorta" program, I can do a lot in Excel VBA, can't do C++ never tried Java or others.
Are there any easy to use programing languages (and environments) that would do what I need?
I look forward to you insight.
Nick
Click to expand...
Click to collapse
There has been a lot of question on how to program lately.
Before asking, please:
1) Do a search on the forums
2) Look at the sticky in the front of the forum. There is plenty of information on programming in the Wiki pages.
Good luck!
nkemp said:
Thanks for the reply...
Do you need "Visual Studio"? Or will Visual Basic 2008 work?
Are there free Visual Studio versions? If so, I haven't found the right link yet.
Nick
Click to expand...
Click to collapse
The free version is called Visual Studio Express
[Not allowed to insert links]
Go to: microsoft.com/express/Downloads
Search for Basic4PPC and try it. It has a similar interface to VS and much cheaper (there's a demo you can download so you can try out for yourself.) The language is similar to VB. The end result is an application written using Compact Net Framework.
Good luck
Thanks for the help folks ...
There area a lot of options listed in the sticky but the problem is that there is no evaluation of ease of use.
- I did download basic4ppc and it seems easy enough to use ... for a fee
- but you don't know that until you download (unless you click through to the wiki)
- I downloaded SharpDevelop but have not been able to figure out the code (poor documentation and dead links to things like the C# book)
- Next I'll try FBA Creator
Nick
Later ..... So I tried FBACreator and a lot simpler ... but no no way to graphically design the screen like basic4ppc or SharpDevelop.

[CODE] Blockclock - Free Code Giveaway - A Metro Style Alarm Clock for WM6+

A lot of people I spoke to whilst leaning programming didn't want to help with the Visual Basic side of things and started moaning about me not using C# - but that was my choice to make. So I make this post with similar minded people in mind - maybe there is someone else out there that doesn't want to learn C# to code apps?!?
A while back I started learning about Windows Mobile development but I left it a bit late in the OS's lifecycle and sadly lost my motivation for producing apps for it.
Now that I have left my Windows Mobile development behind I am willing to contribute my, slightly messy but, working code to anyone that might find a use for it.
I am willing to donate my code to the community in the hope someone will finish it off - if they can decypher my workings - or make use of it in their own projects.
It's an Alarm Clock in the Metro UI style (see attached screenshots) which wakes the device at the set time and sounds an alarm and is written in VB and is for Windows Mobile 6 and above. Most of the functionality is already in place.
It requires the Smart Device Framework libraries to be installed on the PC used to code it.
Working Features:
One working alarm which wakes the device when required
Snooze function
Customisable colours - working selector screen with 46 colours to choose (you can even use a custom hex colour if the XML settings file is manually edited)
Selection of different date formats
Rotation support for WVGA devices works...sort of but could probably be tweaked.
Things left to finish:
Add additional alarm(s)
Allow naming of alarms
Put dialogue in place to select a sound for the alarm(s)
Put an 'if -> then' statement in place in the alarm sounding procedure to vibrate the device if vibration is enabled
Graphics are minimal to reduce on memory usage but I think it looks quite good...even if I do say so myself (Please see the screenshots attached)
The program was never finished due to changing my main OS on my phone from Windows Mobile to WP7 and Android and I don't think I'll be returning to Windows Mobile 6.5 development.
The following imports are required:
Imports System.IO
Imports System.Threading
Imports System.Media
Imports OpenNETCF
Imports OpenNETCF.WindowsCE
Imports OpenNETCF.AppSettings
...and the following references in the project references:
OpenNETCF.AppSettings
OptnNETCF.WindowsCE
The app creates an XML file for the settings which is stored in the program folder and in its current state it works for 1 alarm with one alarm tone ('alarm.wav' in the resources folder).
Any questions...feel free to ask. There is one menu template which is configured in various procs to create the menus for alarms and preferences so it can look more complicated than it actually is in the code.
Glad to see some people may have found this useful! Keep me updated with any developments, it'd be interesting to see if this goes anywhere....I ask for no credit.
Hi thank you for the source code. I prefer C# syntax wise but they share the same runtime environment and get compiled into the same MSIL language so in theory they are the same. Just some things are done differently. Cheers again.
sb.oddworld said:
Hi thank you for the source code. I prefer C# syntax wise but they share the same runtime environment and get compiled into the same MSIL language so in theory they are the same. Just some things are done differently. Cheers again.
Click to expand...
Click to collapse
No problem at all. Some of the form layouts can be a little confusing so if you need a hand just yell. Glad that it might be of use to someone.
Thanks welki1979 being a non C programmer I fully appreciate how hard it is to find suitable code to get examples from. Even if it turns out to be totally useless it is still a very nice gesture.
Ok got it up and running (didn't need the Smart Device Framework listed above as I already had Microsoft .NET Compact Frameworkwork 3.5 installed).
First impressions... It's really cool (especially the random item close), haven't had much chance to go through the code yet as it threw up an exception when I first ran it that needed to be sorted out first.
What I was hoping to see was the application being triggered from one of the menus items but instead it just fires up on load.
I was hoping to learn how to code it so it could be fired off the start menu icons, but I can't seem to work out how those applications are triggered.
Not sure what value I can add to the program, but given enough time to learn a bit more about mobile coding I might be able to add something.

[DFT] z..::H.O.W...T.O...N.A.T.I.V.E::..z [PREVIEW]

..::H.O.W...T.O...N.A.T.I.V.E::..
Hello,
today I had decided to start this thread about native development for WP7.
At the current moment I don't upload/attach any working stuffs to this message. It will happen a bit later, after new DFT ROMs release. This is because it's very difficult to run them for now.
Let's start from current achieved results:
1) It's possible to run any EXE files (after "FullUnlock")
2) Those EXE files can do any operations in the system (after "FullUnlock")
3) It's possible to show some GUI from this applications. But GUI has legacy Windows CE style, it's impossible to create Metro-style applications for now.
How can it be used by community?
We can develop a lot of homebrew applications: like porting emulators, old native applications, video players and etc.
It can be possible to port famous TCPMP player for example and get ultimate playback on Windows Phone 7!
Is it possible to run old Windows Mobile 6.5 applications without modifications?
No, it's not possible. A lot of different APIs are missing for those applications.
Is it hard to modify old Windows Mobile 6.5 applications?
Well, it's almost same like porting to pure Windows CE, but a lot of Windows CE stuffs are "damaged" inside Windows Phone. They just doesn't work right, because nobody never used/tested them before
Photos of sample "WP7 Native test"
Information for developers you can find in the next messages.
So I will release demo WP7 native application, when we fix issues with FullUnlock.
Demo will be as binary EXE file. And as VS2008 project, which can be good start point for other developers.
Now this thread dedicated for discussion, share ideas and thoughts.
DFT, Cotulla
Information about "FullUnlock"
Information about "FullUnlock"
DevUnlock actually allows only to deploy XAP files from external sources.
It doesn't give more privileges.
So we (DFT) developed "FullUnlock". FullUnlock is implemented as replacing some system files by wrappers, which allows any kind of access (disable access checking at all)
We replace LVMOD.DLL which used to check files and data (checksums, certificates and etc) and POLICYENGINE.DLL which implements internal objects access checking.
All written before means that FullUnlock at the current moment only possible by flashing custom ROM to device. In future maybe we can find good ways to do it without flashing, but for now I don't see any ideas how to do it without flashing.
Maybe we can replace DLLs inside \Windows\ directory (put a shadow copy), but I am not sure if it will work really. It's stuffs for future experiments.
It can be possible to do something near by editing policy values, but it need big research to find right way. As it still won't disable file checking, maybe we can add own certificate to right store and then sign files with them.
The last DFT 7720 MANGO ROMs contains FullUnlock, but it doesn't work as expected there few issues. as well some users got issues with debugging on those ROMs and etc. We will continue work under it
So I will release demo WP7 native application, when we fix issues with FullUnlock.
Demo will be as binary EXE file. And as VS2008 project, which can be good start point for other developers.
Now this thread dedicated for discussion, share ideas and thoughts.
For developers
For developers
(users do not read! danger for brain!)
First of all I want to talk about abilities of native code.
Most applications built in inside WP7 are native. But they don't use usual Dialog UI style, they are using some kind of Silvelight scripts. This kind of UI is called "UIX".
Main idea of UIX that DLL files have UIX resources inside which describe whole UI.
Something similar is used inside CE 7.0 Slivelight - there some xml compiler which make binary data and put them as resources inside DLL. I don't know how to decode this binary data.
Seems Zune desktop application also using this framework.
So UIX used some kind of scripts for UI part and callbacks for all actions.
If we decode this UIX format, we will able to change/modify UI as we want, like it was before with regular resources inside DLL. But UIX must be much more powerful.
We can't use UIX for native application because we don't know how to use it, how to make proper binary data and etc. It's hard to reverse.
But native application can have some GUI with Windows CE style (you can see examples on the photos above)
Another issue: If you call API function "CreateWindowW" you won't see anything on the screen. It seems because shell handle all output, so window doesn't visible.
After some searching I found inside some test ROM nice DLL called "WindowTreeUpdater.dll". After looking inside and decoding functions parameters, it's working!
Basic idea: you create window and call function from this DLL and Window appear on the screen. There seems some kind of proxy engine to output legacy windows on top of shell output.
Nice, it's working...
So we can use usual windows for UI inside native application.
There present standard controls, but they work rather laggy (hey, and looks too).
Basic controls like PushButton, Static, CheckBox, Radiobutton, Icon are working.
About extended controls: (Progress bar, list view, and etc)
they come from Commctrl.dll usually, it was present inside Initial/NODO releases, ut it was removed inside MANGO. I was able to run NODO Commctrl.dll under MANGO after some modifications. But all this controls are shown on screen, but they don't do anything on input. So you can see toolbar, but can't press any button.
CommDlg.dll is missing and never was inside WP7.
There present AYGSHELL.DLL, but most functions are broken. For example, I was not able to create menu bar.
So, a lot of functions are broken, like MessageBox not working.
But we still can create own custom controls and use them for developing.
For example porting TCPMP means that we will need reimplement UI fully - because toolbar doesn't work. slider also won't. Maybe get and reuse some source from ReactOS or NT40 CommCtrl
reserved1reserved1
reserved2reserved2
reserved3reserved3
This is some crazy ****! I like it
for...all...devices!? If possible...damn
I just came...
Holly smoke !!!!!!!!!!!!!!!
Way to go guys....BRAVO... This is a major breakthrough for wp7 dev
Once again well done DFTeam
You guys are beasts...please keep it up
for...all...devices!? If possible...damn
I just came...
Click to expand...
Click to collapse
For now it's only for HTC devices with flashing custom ROM
The UIX/UIB scripts are a real pain.. I tried going through them a while back to change the annoying notification system (10 seconds? Really, Microsoft?) and figured it would all boil down to the usual XML-style script that WM6.5 and other MS products use, but the format is newer and there doesn't seem to be an easy way to decompile them.
From what I do know, however, is that it's more of an encoding than a compilation, and can be decoded if we can figure out what all the different headers mean... but that's a serious reverse engineering project.
Keep it up.is it possible to add Samsung device into support list?
Great work! Are there any multitasking restrictions for these apps? presumably because they are not Silverlight they will not be present in the task switcher & the app will be in charge of when the process terminates?
Looking forward to doing some nice low-level operations - hopefully this will open a whole new world for WP7 dev
Sent from my 7 Pro T7576 using Board Express
That's great,,,Thanks
Cotulla said:
For now it's only for HTC devices with flashing custom ROM
Click to expand...
Click to collapse
Hopefully this will change when you receive the Samsung Focus and try custom ROMs.
Blade0rz said:
Great work! Are there any multitasking restrictions for these apps? presumably because they are not Silverlight they will not be present in the task switcher & the app will be in charge of when the process terminates?
Looking forward to doing some nice low-level operations - hopefully this will open a whole new world for WP7 dev
Sent from my 7 Pro T7576 using Board Express
Click to expand...
Click to collapse
I would suspect that they won't be killed unless there's an Out of Memory issue (you can see the whitelists for that in the registry), because these processes are not like the silverlight/xna apps that are launched in Taskman.exe. Whether they show up in multitask lists, idk, but they probably won't be killed in the traditional way..
but that's a serious reverse engineering project.
Click to expand...
Click to collapse
yes...
maybe it's precompiled XAML scripts, like inside Managed applications?
Great work! Are there any multitasking restrictions for these apps? presumably because they are not Silverlight they will not be present in the task switcher & the app will be in charge of when the process terminates?
Click to expand...
Click to collapse
I would suspect that they won't be killed unless there's an Out of Memory issue (you can see the whitelists for that in the registry), because these processes are not like the silverlight/xna apps that are launched in Taskman.exe. Whether they show up in multitask lists, idk, but they probably won't be killed in the traditional way..
Click to expand...
Click to collapse
Plain EXE can run without restrictions, but I guess it will be killed at OOM condition still. EXE with window seems all a bit more complex. When I press back button it usually disappear after few seconds. I think window got WM_CLOSE or something at that moment. It should be researched more in the future.
Furthermore, I forgot to say: Interesting thing, before MANGO WP7 supports native XAP files too!
There was few files nativeinstaller* which implements native installation. There references inside for setup.dll and _setup.xml like in old CAB files.
But it was removed from MANGO seems
Cotulla said:
For now it's only for HTC devices with flashing custom ROM
Click to expand...
Click to collapse
Would we be able to install an old application like fpsece for windows mobile? One of the biggest things I miss about windows mobile! I get paid today so I will be making a donation for your hard work! I'm currently using your custom rom on my HD7! Thanks again, and keep up the good work!
支持DFT論壇!支持xda-developers!至於你信不信,反正我是信了!

[Guide][Beginners\Intermediate]Getting Started Windows8 Store Apps

Windows 8 Store App Development
being fresh and a new ecosystem lacks apps a Microsoft is trying ever bi the can to get developers into it and offering some great opportunities.
Why windows 8?????
#1 Its free:
Unlike other platforms which require you to pay to publish applications on there stores Windows on the other hand doesn't ask you a cent to publish your apps
#2 Multilingual(Script Wise) Support:
If you know web development technologies, you can develop a Windows Store app using HTML5, Cascading Style Sheets, Level 3 (CSS3), and JavaScript.
If you have developed .NET, Windows Presentation Foundation, or Microsoft Silverlight applications, you can develop a Windows Store app using XAML, with code-behind in C++, C#, or Visual Basic.
If you know DirectX, you can develop a DirectX Windows Store app using native C++ and HLSL to take full advantage of graphics hardware.
Lets get started:
Windows 8 introduces a new type of application: the Windows Store app. Windows Store apps have a brand new look and feel, run on a variety of devices, and you sell them on the Windows Store.
You can develop Windows Store apps in a variety of languages as mentioned above.
This guide tells you why you want to develop Windows Store apps, where to get the tools you need, and how to build your first app
Note: Windows Store Apps can only be developed on windows 8
Get The Tools:
To develop Windows Store apps, you need to install Windows 8 and some developer tools. They are available for free #GenrousMicrosoft
1. Download Windows 8
Important as windows 8 apps only run on windows 8
2. Download Developer Tools
These a the only tools required to build store apps #win8+1
Not to mention the need no setup just installation is need and NO ADDITIONAL CONFIGURATION.
This download gives you Microsoft Visual Studio Express 2012 for Windows 8, Blend for Microsoft Visual Studio 2012 for Windows 8, the Windows 8 software development kit (SDK), and project templates for creating new Windows Store apps.
Visual Studio gives you everything you need to create code, debug, localize, package, and deploy a Windows Store app.
Blend is another tool you can use to create Windows Store apps. It provides effective support for designing a great-looking user interface for your Windows Store app.
Visual Studio and Blend were designed to work together. You can move seamlessly back and forth between them to develop your app.
Getting a developer license
Microsoft was smart enough and to prevent illicit acts it does not allows sideloading apps with exception to developers who will find handy:good:.
To get your self approved as a developer you need to get a free developer licence which can be done via following methods.
Through Visual Studio
When you run Microsoft Visual Studio 2012 on your local machine for the first time, you are prompted to obtain a developer license. Read the license terms, and then click I Agree. In the User Account Control (UAC) dialog box, click Yes to continue.
After you install a license on a local machine, you won’t be prompted again on that machine unless the license expires (or you remove it) and you try to run an uncertified Windows Store app or create a project. You can run uncertified Windows Store apps on your local machine by pressing the F5 key in Microsoft Visual Studio or Blend for Microsoft Visual Studio 2012 for Windows 8.
Note If you choose not to acquire or renew a developer license, you'll receive an error (DEP0100) when you attempt to build or deploy a Windows Store app in Visual Studio.{Courtesy MSDN}
Getting a developer license at a command prompt
If you aren’t using Visual Studio 2012, you can get and manage developer licenses at a command prompt by running these commands in
Windows PowerShell:
Show-WindowsDeveloperLicenseRegistration. This command opens a dialog box from which you can get a developer license and install it on the local machine. To run this command, you must have a valid Microsoft account. You also must run this command in a command prompt with elevated permissions.
Get-WindowsDeveloperLicense. This command returns an object that has two properties: ExpirationTime and IsValid. ExpirationTime is a System.DateTime structure that contains the date and time when the license expires. IsValid is a System.Boolean that indicates whether the license is valid. You can run this command from either a non-elevated command prompt or a command prompt with elevated permissions.
Unregister-WindowsDeveloperLicense. This command warns you that some Windows Store apps will stop working if you remove the developer
license from the local machine. If you choose "Yes" (the default) to confirm that you want to remove the license, the license is removed from the local machine. You must run this command in a command prompt with elevated permissions.
Code:
C:\PS> Show-WindowsDeveloperLicenseRegistration
C:\PS> Get-WindowsDeveloperLicense
C:\PS> Unregister-WindowsDeveloperLicense
Read full detaild artile @MSDN also for TNC
Build Your First app!
Time to say hello to HELLO WORLD!
Using Javascript and HTML with CSS
Follow These Great Tutorials On MSDN JavaScript and HTML
Using C# or with XAMLVisual Basic
For Android or Java Developer I prefer C#
Follow These Great Tutorials On MSDN C# or Visual Basic and XAML
Using C++ with XAML
My favorite preference.
Follow These Great Tutorials On MSDN C++ with XAML
Using C++ and DirectX
DirectX i dont know anything about it
Dont expect support on this by me altopgh others might be able to help.
Follow These Great Tutorials On MSDN C++ with DirectX
Creating a project and choosing a template
When you create an app, the first thing you need to do is decide which language to use. You can choose JavaScript, Visual Basic, Visual C#, or Visual C++.
To create a project for a Windows Store app, click File > New Project (or press Ctrl+Shift+N).
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
You'll see the New Project dialog box.
Click one of the language nodes in the left pane. You'll see various app templates in the center pane. Some important templates, like Blank App, Grid App, and Split App, are shared between all four programming languages. A few templates are language-specific.When you create a project for a Windows Store app, Visual Studio creates a solution, which is a way of managing the various source elements of your project (code files, images, style sheets, settings, and so on). A solution container can contain multiple projects, and a project container typically contains multiple items that represent the references, folders, and files that you need to create your app.
Solution Explorer displays solutions, their projects, and the items in those projects. In Solution Explorer, you can open files for editing, add new files to a project, and view solution, project, and item properties. Here's what Solution Explorer looks like for a JavaScript project: courtesy MSDN
In addition to source code files appropriate to the language, each project also includes the package.appxmanifest file, which describes the app package for Windows. Each project also includes several image files, like splashscreen.png for the splash screen image and storelogo.png, which is used for Windows Store. A project source certificate (.pfx) file that's required for signing the package is also included in each project.
Designing a UI
When you plan your user interface, it's important to select the most appropriate Visual Studio project template for a starting point, and to learn about adding re-usable item templates such as Search contracts. You can develop your UI by writing code or by using a visual designer. A visual designer provides a designer-oriented interface for app design that includes a drag-and-drop interface for building the UI.
For Windows Store apps, you can use the visual designer provided in Blend for Microsoft Visual Studio 2012 for Windows 8. You can open a Visual Studio project in Blend by right-clicking the project in Solution Explorer and clicking Open in Blend. Alternatively, open the solution file (.sln) from within Blend.
image courtesy MSDN:
Updating the app manifest
unlike android working on mainfest of win 8 apps is a breeze
You can use the Manifest Designer in Visual Studio to edit the app manifest file that describes your app package. The app manifest file is present in Windows Store apps written in all languages.
The Manifest Designer has five tabs:
Application UI. Configure UI settings, including the logo, splash screen, and initial orientation.
Capabilities. Specify system features or devices that your app can use, such as Internet access, current location, and music library access.
Declarations. Add declarations for app contracts, like search and share target contracts, and specify their properties.
Content URIs. Specify URIs that your app either can or can't access. This tab appears only for JavaScript projects.
Packaging. Set properties that identify and describe your package when it is deployed.
To open the Manifest Designer, double-click the package.appxmanifest file in Solution Explorer, or right-click the file and click View Designer. The Capabilities tab of the Manifest Designer is shown here:
image courtesy MSDN:
Writing code
Visual Studio Express 2012 for Windows 8 includes full-featured editors for the following languages: JavaScript, HTML/XML/XAML, CSS, C#, Visual Basic, C++, HLSL. The editors provide many language-specific features that you can customize to help create your app:
IntelliSense, which provides features such as statement completion and parameter Help as you type code. This illustration shows a member list in the C# Code Editor. Note that the list also displays a Quick Info box for the selected item.
image courtesy MSDN:
Using inellisense:
Code snippet insertion, available by right-clicking in a code file and clicking Insert Snippet.
Navigation aids like Go To Definition, Bookmarks, and Navigate To.
The Go To Definition command enables you to find the definition of a class or function by right-clicking the identifier and clicking Go To Definition. (Visual Basic and Visual C++ use the Object Browser to display information about Windows Runtime types.)
This illustration shows options like Go To Definition and Insert Snippet in the JavaScript Code Editor:
You can customize the behavior of the Code Editors, and enable or disable features like indentation, word wrap, and statement completion. To customize the behavior of the Code Editors, click Tools > Options, expand Text Editor, expand the appropriate Code Editor to configure, and then select the appropriate category of options.
Building an app
To build an app, click Build Solution (or press F7) or Rebuild Solution (or press Ctrl+Alt+F7) on the Build menu. You'll see the results of the build process in the Output window.
Debugging
Read The MSDN article
Design Using Blend for VisualStudio 2012
Blend for Visual Studio 2012 helps you design and build user interfaces by providing you with an accurate design surface and tools that let you visually create and edit Windows Store applications. These new design tools take advantage of Windows 8 technologies to create dynamic applications that run on a wide variety of Windows-based hardware. You can choose to design your user interface using HTML or XAML.
image courtesy MSDN:
Designing in HTML
A Windows Store app built using HTML uses the same technology that a web site uses. However, a Windows Store app is not deployed page-by-page from a web server. Instead, it is installed locally on the user's computer. Like any native Windows application, a Windows Store app built using HTML has direct access to the underlying platform and is able to share information with other applications.
Visual design Visually edit HTML, CSS, and Microsoft design style controls. What you see in Blend is what users will see in Windows 8.
Interactive Mode Design your app in states that would otherwise be available only at run time, without having to endlessly compile and run.
App building Drag and drop Windows app controls onto the design surface, set their properties, and style them.
Powerful code generation When you add a new style or element to an app, Blend takes care of all the syntax and generates concise, reliable, and predictable code.
Debugging Visual Studio can debug JavaScript, but only Blend lets you visually debug HTML and CSS. The Winning Properties virtual rule shows you the CSS cascade for any element. The Computed Values virtual rule shows you how Windows 8 will compute CSS property values for each element. The Live DOM panel updates to display run-time changes.
learn more @MSDN
Designing in XAML
A Windows Store app built using XAML gives you more control over the styling and animating of controls. Visual Studio also provides a XAML Designer. Much like Blend, the XAML Designer in Visual Studio provides a main design surface and a toolbox to drag-and-drop controls.
Animation Use the Objects and Timeline and States panels to create complex animations for your app. The visual state design features in Blend also enable you to work with the new Windows 8 theme animations.
Visual States Use the States and Device panels to create a Windows app UI that takes advantage of view states and orientations supported in Windows 8.
Transitions Add pre-defined or create custom transitions for your app by using the States panel.
Styles and GroupStyles Customize the default control styles by the comprehensive styling and editing features available in Blend. You can also customize Windows 8 GroupStyles.
Template editing Edit control templates by using the Objects and Timeline panel or the Breadcrumb bar. While in template editing mode, you can add Windows 8 theme animations by using the States panel.
Data Binding Data binding tools support the following binding types: DataContext, DataSource, ElementName, RelativeSource Self, RelativeSource TemplatedParent, and StaticResource.
Layout Create Windows app layouts using built-in layout containers such as GridView, ListView, StackPanel, WrapGrid, and more, all of which can be customized to suit your needs.
Control creation Create controls on the artboard quickly and easily by using the Tools and Assets panels.
Property editing Modify and edit objects quickly and easily by using the Properties panel.
learn more @MSDN
The Last Word
A few Handy Links:
*Selling Apps
*Concepts and Architecture
*API Reference
*Language Reference
*Samples
Credits:
MSDN For amazing article and helping me to dev on win8.
Microsoft for their beautiful OS
Visual Studio Amazing IDE
Click to expand...
Click to collapse
Support My work:
Hit the thanks button in the op and/or all the posts you find useful.
Rate give 5* rating to this thread
great guide..
publishing in windows is free??
will start it today...
thanks for the guide:good:
mysticsaver said:
publishing in windows is free??
will start it today...
thanks for the guide:good:
Click to expand...
Click to collapse
It's FREE 100% NO HIDDEN COSTS
Sent from my GT-S5302 using Tapatalk 2
Hit Thanx Button if i helped you!
sak-venom1997 said:
It's FREE 100% NO HIDDEN COSTS
Sent from my GT-S5302 using Tapatalk 2
Hit Thanx Button if i helped you!
Click to expand...
Click to collapse
is it just like publishing in google play??
can we publish them as paid apps???
mysticsaver said:
is it just like publishing in google play??
can we publish them as paid apps???
Click to expand...
Click to collapse
For paid apps I don't know but I ll let you know soon
Sent from my GT-S5302 using Tapatalk 2
Hit Thanx Button if i helped you!
sak-venom1997 said:
For paid apps I don't know but I ll let you know soon
Sent from my GT-S5302 using Tapatalk 2
Hit Thanx Button if i helped you!
Click to expand...
Click to collapse
okie will be waiting
mysticsaver said:
okie will be waiting
Click to expand...
Click to collapse
So so sorry for being absent here but the answer to your query :
Yes Yes its free they'll charge you a small amount which will be refunded this is just to confirm that your payment source is authentic
More on this here.
Must the host machine i use to develop be on win8? Or i can use win7 to develop
sianzb0i said:
Must the host machine i use to develop be on win8? Or i can use win7 to develop
Click to expand...
Click to collapse
Only win8 machine can be used can't dev on win7
Sent from my GT-S5302 using Tapatalk 2
Just wanted to say thank you for all this great info!
jackrabbit72380 said:
Just wanted to say thank you for all this great info!
Click to expand...
Click to collapse
Your welcome
Sent from my GT-S5302 using Tapatalk 2
thank you very much, just started to make some windows 8 apps and this was very helpfull
WarBorg said:
thank you very much, just started to make some windows 8 apps and this was very helpfull
Click to expand...
Click to collapse
You're welcome
Sent from my GT-S5302 using Tapatalk 2

PhoneGap IDE/editor

Hey!
I am starting with a project to develop a multiplatform app with phonegap. I have minimal experience about webapp development and I have been searching for an editor especially for phonegap projects. So far I have been getting suggestions between notepad++ to eclipse, but none has satisfied me so far. It would be nice to be able to open the project and browse the structure from the editor. Also something like ctrl-clicking to jump to javascript codes etc. Hopefully you get the idea what I am looking for.
These are some editors I have found so far:
- Brackets
- Chrome dev tools
- Intel XDK
I mainly am looking for something to edit the sources. Building and debugging can be done separately. These things are a good thing to have, but not necessary:
+ WYSIWYG
+ Possibility to build the project
+ Possibility to launch the project in a device
+ Device emulator
+ Debugging possibility
+ Free
Edit:
+ SVN
I am used to something like eclipse/netbeans for coding. What editors do you usually use for PhoneGap/web app projects? I am also taking suggestions for debugging environments.
Intel XDK is pretty neat IDE for Web App development.
You should try Ionic Framework (Build and manage project)
+ Ionic View App (Launch project in device)
+ Ionic Lab (Basic WYSIWYG/Building/Deployment)
Personally I use Notepad++ +CMD btw ....It suits my style...
Also I don't use any emulators. Testing in View or on live device.
Emulators are just painful ,though I have heard good stuff about genymotion.
Use Chrome dev tools for debugging...
I suggest you to try Atom Editor or Visual Studio code. Both are free.
I forgot to mention that I have to start working with an already existing project. I think Ionic does not work for this. It seems like I would use it for my personal projects however. I should add subversion feature to plusses also.
Atom Editor and Visual Studio code are maybe the best editors I have tried so far.
VilleI said:
I forgot to mention that I have to start working with an already existing project. I think Ionic does not work for this. It seems like I would use it for my personal projects however. I should add subversion feature to plusses also.
Atom Editor and Visual Studio code are maybe the best editors I have tried so far.
Click to expand...
Click to collapse
Have you tried phonegap for netbeans ?
https://netbeans.org/kb/docs/webclient/cordova-gettingstarted.html
karandpr said:
Have you tried phonegap for netbeans ?
https://netbeans.org/kb/docs/webclient/cordova-gettingstarted.html
Click to expand...
Click to collapse
Wow, I don't know why I did not realize there is a plugin for Netbeans for this. This is awesome.
I worked cordova (same with phonegap) in visual studio and netbeans. netbeans is better in autocomplete but visual studio is more feature than. All of them are both good ide.
Netbeans can run in linux, mac, visual studio code version can too.
Hi,
Visual Studio Code or Atom or WebStorm

Categories

Resources