I need to develop a GUI for a self-service kiosk. The kiosk will take food orders (i.e pizza, burgers, salads) and provide the ability to pay using a credit card. Can anyone suggest the best GUI layout or approach? I want to make it intuitive and simple. I want to minimize the number of button clicks. If you can provide examples,
View 2 Replieshow to make the preloader works on the full screen website/ fluid layout. I add the Stage.resize on the code for FYI When I added this code to the bar, it expanded to full screen, but there's no loading bar. The text is also no progress.
View 1 RepliesI am trying to create a button that will close Kiosk Mode (IE), but havent been able to find an example any place. I have tried using the fscommand function but do not get any results, and i think this is because when i launch kiosk mode i am launching the swf instead of the htm file.
View 1 RepliesI'm learning layouts in Flex. I try to make the following layout.The red arrow means when enlarge the window, the red arrow widget will become large too. Can anyone implement this layout in Flex?
View 2 Replies[code]...
when i add this two elements label and button both are displayed on same position
my label size increases dynamically so i want to add that button below that label
here for titleWindow i want to set layout how i can do that[code]...
My flex application gets some parameters from URL when the application opens for the first time(ex: layout=<1,2,3,4> ). Based on layout(1,2,3,4) value I have to change the layout. However the problem is the application is already drawn(Layout is initialized) by the time the control reaches the point where it reads the values from the URL. I was wondering how can I redraw once I read the values from URL. Some thing like refresh.
View 1 Repliesi am self-taught and i have pretty good as3 and mxml skills and have worked with Flash Pro and Flex, but only for my own stuff at home. i have only done local AIR stuff that don't require sending and getting data from a server now someone has asked if i could build him a kiosks/server system, and i want to dive into that the kiosks would be deployed in stores and have touchscreens displaying pictures, movies, banners and accept user control and data.i plan to build his remote controlling software in Flex and the kiosk AIR apps in Flex or Flash pro.the kiosks should periodically connect to the server to see if updates are available and download swf, jpeg and movie (mp4? flv?) files to the local filesystem (no live streaming is needed)also, user created data (forms only) should be sent to the server - i guess xml.[code]can all this be in as3 alone or do i need stuff like php also?also, would i be able in the controlling flex app to determine if specific kiosks are offline?
View 1 RepliesWe are doing our second kiosk using Flash and Jugglor. The system uses a 1024x786 touch screen (15") for user input and a 1366x768 Flatscreen (37") for information display.The program is created in Flash with a stage that is 2390x768 (2390=1366+768) We use a 2-headed nVidia card and their drivers split the info onto the proper screens.Works swell! In this iteration, we are using more full-screen hi-def on the info screen and I can't, for the life of me, get a solid answer as to the best way to take advantage of hardware acceleration for hi-def video playback in the CPU (Intel/XP) or the graphics card.
I know that most DVD players are able to do this, but there is enough stammering on the flash playback to suggest that the video is not getting a full boost from the silicon.
[Code]...
I need to create a game for an interactive kiosk. The game is fairly basic, it will most likely be done in flash/AS3 (I believe this is the best choice for this kind of game) UNLESS the dual display requirement is far easier to accomplish with a different technology. The kiosk consists of two displays, both of which need to show separate content from within the same game. Here's the question: How can I (or anyone) create a flash game that utilizes two separate displays for different content? (This is not just a wider field of vision for the game, the two screens will show different things.)
My Idea (probably not the best):
Design the game on a canvas twice as wide as one of the monitors, then split the canvas in half and code the game to output different things to each half of the screen. Then run the monitors in "extended desktop" mode or something like that, and make sure that the split between the two desktops occurs in the middle of the game canvas. The two displays are being fed from the same machine and same graphics adapter. The whole "kiosk" is powered by one single machine.
I'm developing a kiosk in AS3 that utilizes StageVideo (publishing for FP 10.2 on a Mac Mini). It works fine, except as soon as StageVideo is engaged the mouse becomes visible. This is a public kiosk so I need the mouse to stay hidden.
View 1 RepliesI have looked all over, but I cannot find an example of this. I have a kiosk movie, and I want it to return to Frame 1 if no one uses it for a couple minutes. How to do this?
View 2 Repliesi have created a program in flash to run on several touchscreen kiosks here in my city. its a simple flash presentation and uses basic actionscript 2.0 for navigation etc. and its all working fine. now, the organizers want me to create a hit counter that can track how many people are using the kisosk services. so basically, each time someone hits the home button, a "hit" should be generated.
now i know of some scripts that use flash and PHP that can do that, but unfortunately i dont know how i can use it. The program that runs on the kisosks is just a flash file rendered as an exe and installed on the machines. i know basic PHP but as far as i am aware of, u need to run PHP through some HTML pages to be able to use it. besides, you would also need a php server to be able to get the hit counter working.
so my question is, is there a way to have the hits generated and stored in some kind of file (text, or xml or anything)? it has to be generated from within the swf file and stored to the (text, XML?) file.
I was modifying the layout of a Flex application in Flex Builder. What I didn't realize was that the changes I made, were made for a particular state. There are around 6-7 states in my application. Now, I need those changes to be made to all of those states. How do I do it? As of now there are multiple lines like this in one state :
<mx:SetProperty target="{accno}" name="x" value="116"/>
<mx:SetProperty target="{accno}" name="y" value="826"/>
<mx:SetProperty target="{phone}" name="x" value="116"/>
<mx:SetProperty target="{phone}" name="y" value="866"/>
I have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?
View 2 RepliesI have an mx:vbox and inside i have several mx:text elements.how do i decrease the gap between each line of text that is shown ?i tried doing the following:
<mx:VBox borderColor="black" borderStyle="inset" width="80%" verticalGap="0" paddingBottom="0" paddingTop="0">
<mx:Text text="a" width="80%" paddingBottom="0" paddingTop="0"/>
[code].....
I have two panels and a button nested within an hbox. I want the panels to appear side-by-side and the button to appear under both panels equi-distant from the sides of the hbox (i.e. in the center).Getting the panels side-by-side was easy, but how do I get the button below both panels and in the center. Currently, the button show up to the right of the second panel.
View 1 RepliesIn HTML/CSS, if you float items, DIV's that exceed the width of the container are moved down 1 line.
I would like to achieve this in FLEX. I have 3 components with variable width. I would like for the 3rd component to be moved down when it doesnt fit the container any more.
I need an horizontal layout on my forms, they look like this:
[Code]...
I'm very confused about the new Flex 4 architecture...
I'm trying to hide both the vertical and horizontal axis renderers in flex so I can take a picture of the chart without them.I've set both renders to visible = false and includeInLayout = false. They don't show up but they still take space. I've tried setting widths/heights to 0 and that doesn't help either.
<mx:horizontalAxisRenderers>
<mx:AxisRenderer
id="horizontalAxisRenderer"
axis="{dtAxis}"
[code]...
I have a list with tile layout,I have given the item renderer's width as 100%, but the item dosen't resize to fit the content . The same scenario works well for horizontal and vertical layout.
My code looks like this
<s:List width="{this.width}" dataProvider="{allActionsArrList}">
<s:layout>
<s:TileLayout />
[Code]....
Does anyone know of a simple way to implement a DividedBox layout similar to flex, but done through Flash/as3 ?
I would think there would be a library out there for that already, or some resources, but I'm having a hard time googling for it, as it;s either Flex or unrelated content I keep finding.
EDIT just came across yahoo's astra library (example)
I have a function that is made up of two main parts (I'll call them A and B). Part B needs to run when part A is fully done with its layout changes. However, there is no "part A is done" signal, and thus I've been calling a validateNow() before part B runs. This works but seems awfully inefficient - was wondering if there are any other tricks to force an immediate measure or something along those lines or if I'm stuck.
View 2 RepliesI would like to create an totally re-sizable application using Flex 4.5. I experimented already but my approach seems to be hard to maintain so it does not look good to me. Here is my approach:Concerning the HTML I actually have a first page which detects the user's monitor resolution and then redirects to the flash container HTML(a JSP) which reads the width and height parameters and renders the flash to the size passed.In my application I used the 1280x720 as the reference size so I have created a utility class:
package utils
{
import mx.collections.ArrayCollection;[code].....
I pass the percentage value relative to height or width and I get back just that. So I actually bind the height/width of components to e.g {LayoutUtils.relativeToWidth(50)} which would return 640 if my applications width would be 1280. But this means setting width and/or height to almost every component and this includes also padding and anchor positions which makes it a mess. I want everything to be re sized correctly(including fonts). All the available sizes I am going to have available will keep the same aspect ratio which is going to be 16:9 for example because I can't see any other way of doing it
I have a fairly straightforward Flex layout question. Is there anyway to get FormItem's contained within a nested container to follow the alignment of the FormItem's in in the parent form container?
[Code]....
I am using a MenuBar in Flex:
<mx:MenuBar labelField="@label"
width="100%"
cornerRadius="0">
[code].....
I want to know how to design a Flash CS4(AS3) based kiosk application where the screen changes according to the user events(to change the screens like this). Preferably use xml to describe the application.
View 1 RepliesI'm trying to create a web based welcome display for a building entrance. The project would include:
1) A wmv movie play constantly on the digital display until some visitors touch the screen (this can be played either locally or on the internet, but it has to be able to go to number 2 when visitors touch the screen)
2) A couple of buttons with department names show up for visitors to choose who they are here to see
3) After the visitor touch on one button, an email is sent to the department
4) the site should go back to the number 1) again
My experience is html, css, php, javascript, and some Flash, but I'm open to learn new skills. Can someone please suggest some good ways to build this site? Is there any tutorials or good sites I can learn from, that would be a bonus. Edit: so I'll use html5 and javascript. I have a couple of further questions, Since this is going to be a kiosk, the same movie is going to be played constantly, everytime after the customer has contacted us, the 'thank you' page is going to show briefly and go back to the first movie page. My question is how can I not let the movie load again and again everytime when there is a customer?
Because the local data space for the display is going to be limited. I've been thinking if I just create one page for the whole process and use a javascript slide to make each page as a div, so the movie div is going to be hiden so it doesn't need to be reloaded again, would that fix number 1) data space concern? I'm thinking of using a horizontal slide like [URL] How can I make the last div (thank you) to show about 5 secs and go to the first div (movie) again?
So I have a series of kiosks I'm converting to AS3. On one frame is an animated clip (serving as screensaver), and on the second frame is an interactive clip. Clicking the screensaver forwards to the interactivity.In AS2, I used to set a timeout for not clicking on the screen to go back to the animation frame like this (with this code on actions layer in second frame):
ActionScript Code:
var timeoutID:Number;
function timedOut () {
[code].....
I'm trying to get initKeys to trigger. 'kiosk' is my base class.
I'm getting error 1017: The definition of base class kiosk was not found.
project_folder/me/radbourne/kiosk.as
Code:
package me.radbourne {
import org.actionscript.*;
public class kiosk extends MovieClip {
public function kiosk() {
CustomKeyboard.initKeys();
[Code] .....
My problem is pretty simple: Flex containers do layout based on un-transformed children, and so rotated children are positioned as if there were no rotation, but then they're rotated around the top-left of that position. I've attached an image to show what I mean. Can I wrap the components in something? Or do I have to resort to custom components or fixed layouts? The image inlining doesn't look like it's working to me. Link to example image: [URL]
View 2 Replies