Rally custom app creation using node.js step by step - javascript

I am very new to Rally.
I want to create a custom application using node.js toolkit.
In this application I want to retrieve iteration details like StartDate and EndDate and display them in HTML.
I was unable to find step-by-step guide to do this.
I was able to good example at https://github.com/RallyTools/rally-node/wiki/User-Guide, however I don't understand how to make custom application out of it(to use within Dashboard as custom HTML).
Please suggest how to achieve this or if this is not the right approach please suggest alternative to do this.
Thanks.

The node toolkit is great for writing integrations that live outside of Agile Central.
If you'd like to display something within a Custom HTML panel on a dashboard or custom page in Agile Central you'll need to write an app using the App SDK.

so I started on the a similar journey really and came across the
RallyCommunity/GettingStarted Guides..
Published on GH by David Thomas
This really helped me push through the learning curve and once you start pulling out the debugger it gets clearer and clearer especially if you tie that back to the https://rally1.rallydev.com/slm/doc/webservice/ documentation..
I'd also recommend hanging around the AC SDK & Sencha ExtJS 4 docs..
Feel free to pull this apart and have a look at a simple data store example
To push the output into HTML there are various ways to do this using fly if needed or direct into the xtype's HTML property...

Related

What exactly is required in order to create custom WebChat for Twilio Flex?

I would like to understand how exactly I would go about creating a completely custom webchat for a website.
The reason why is because I realize that there are some limits to the degree to which I can customize the WebChat that is out-of-the-box, especially using JS alone.
I went about viewing the instructions for how to setup WebChat using the instructions, and I was just not able to figure out how to use the npm approach, only the CDN (using asp.net core and a separate website is using Wordpress). which sort of limited the degree to which I could make customizations to the UI.
I really wish I was able to use the npm package, but unfortunately the two web frameworks that the sites were build with (asp.net core, and WordPress) didnt have a clear way of accomplishing this. I posted about this issue previously with someone just saying "Its easy, just search online" . My search didnt result in anything helpful, unfortunately.
If someone can provide us engineers interested in making tweeks with clear instructions or an example of using javascript alone to add/remove components, I wouldnt have to build the web chat from scratch. There is just very limited documentation I feel for this. It almost appears that the app needs to be a react app, just to host the webchat if trying to customize using the extensibilty options twilio flex team provided.
Any insight is appreciated. What I am expecting is someone saying "Unfortunately, completing customizations using NPM is only available if the web framework is react based". or something like that. Is this true or false? If it is false, how exactly can I replace a component using javascript alone?

how to edit feathers generated services

I am quite new to the world of Nodejs, JS and featherjs. I have featherjs service created using the feathers generate service command. I want to edit and implement my own code logic, which it takes some input values then do some actions on them and save it the result and display on UI. So what can I do in order to achieve that?
The Feathers documentation has a thorough basics guide that shows how to get started without using the generator explaining all the basics concepts you need to know. It also explains how those things all fit together and how the generator sets them up.
If you are just starting out it is highly recommended to go through the basics guide and then the chat application guide.

Making real-time ordering dashboard with Firebase

I recently found out about Firebase and it looks like something i wanted for my project. I'm trying to make a real-time html dashboard for ordering, yet i'm very much beginner at javascript so i was hoping someone could help me out.
I'm trying to make real-time dashboard that is blank, and updates div container when specific table in database in updated.This is somewhat what i'm aiming for.
I'm thinking it would work something like:
If database != null then create/show that container. Done button would just delete selected table in database.
But i don't know how to implement that using javascript. Any help/tutorial would be great, i searched a lot and didn't quite find what i needed.
Thanks in advance!
They answer you're looking for is beyond the scope of a single question. There are a number of great resources out there for learning how to set up your first web app using Firebase.
Take a look at their quickstart guide:
Firebase Quickstart Guide
Firebase also offers a number of examples:
Firebase's Examples
In addition, there are also a number of frameworks such as Angular.js, which add another layer of technology to learn, but provide useful features such as routing and data binding. I'd recommend Scotch.io's guide for creating an angular.js/firebase web app:
Scotch.io's Angular and Firebase Tutorial

Portal / Portlet like web app with Angularjs / React

we like to build a new web application. The requiremts are to provide portlet like "windows" in the browser, where each window could show content from different backends like a CMS, Business Data,...
The web app should be a Sing Page Application.
Currently we plan to build the web application with multiple REST based backends and a Javascript frontend framework like Angularjs, Angular 2 or React..
So here my questions:
Do you think that's possible with these techniques? Or do you think we need some kind of PortalServer?
One goal would be, to deliver some kind of API to the developers, where different developers could simpley create new portlets, without editing in one big html file. (So the developers should deliver only a partial html file which is rendered into a portlet.)
Would that be posible?
If you think, this will be posible, could you provide me link to some sample apps, which do this? And which JS framework would you prefer to take?
Many thanks for your help, and if the questions are to unspecific, feel free to tell me, to give you more input!
Regards,
Markus
I think this could be done (without a portlet container), not easily though.
First of all the Javascript Framework choice is important.
I am not an expert in Angular 2, but I think this could be the perfect choice. Why? Because in Angular 2 you have modules, where you encapsulate all the logic/dependencies/view, so this might mapp perfectly to your "portlet/window" approach.
No need to edit any HTML file, you just add the Angular 2 component each time you want to add a new portlet.
You could also try Angular 1.x and implement each "portlet" as a directive, giving the template as a parameter, as well as the depencies, so the developer could customize each portlet.
You can get the windows user experiencie with Javascript, even with Jquery
http://jqueryui.com/sortable/#portlets
so this is manageable.
Good luck

Reflective Web Application (WebIDE)

Preamble
So, this question has already been answered, but as it was my first question for this project, I'm going to continue to reference it in other questions I ask for this project.
For anyone who came from another question, here is the basic idea: Create a web app that can make it much easier to create other web applications or websites. To do this, you would basically create a modular site with "widgets" and then combine them into the final display pages. Each widget would likely have its own set of functions combined in a Class if you use Prototype or .prototype.fn otherwise.
Currently
I am working on getting the basics down: editing CSS, creating user JavaScript functions and dynamically finding their names/inputs, and other critical technical aspects of the project. Soon I will create a rough timeline of the features I wish to create. Soon after I do this, I intent to create a Blog of sorts to keep everyone informed of the project's status.
Original Question
Hello all, I am currently trying to formalize an idea I have for a personal project (which may turn into a professional one later on). The concept is a reflective web application. In other words, a web application that can build other web applications and is actively used to build and improve itself. Think of it as sort of a webapp IDE for creating webapps.
So before I start explaining it further, my question to all of you is this: What do you think would be some of the hardest challenges along the way and where would be the best place to start?
Now let me try to explain some of the aspects of this concept briefly here. I want this application to be as close to a WYSIWYG as possible, in that you have a display area which shows all or part of the website as it would appear. You should be free to browse it to get to the areas you want to work on and use a JavaScript debugger/console to ask "what would happen if...?" questions.
I intend for the webapps to be built up via components. In other words, the result would be a very modular webapp so that you can tweak things on a small or large scale with a fair amount of ease (generally it should be better than hand coding everything in <insert editor of choice>).
Once the website/webapp is done, this webapp should be able to produce all the code necessary to install and run the created website/webapp (so CSS, JavaScript, PHP, and PHP installer for the database).
Here are the few major challenges I've come up with so far:
Changing CSS on the fly
Implementing reflection in JavaScript
Accurate and brief DOM tree viewer
Allowing users to choose JavaScript libraries (i.e. Prototype, jQuery, Dojo, extJS, etc.)
Any other comments and suggestions are also welcome.
Edit 1: I really like the idea of AppJet and I will check it out in detail when I get the time this weekend. However, my only concern is that this is supposed to create code that can go onto others webservers, so while AppJet might be a great way for me to develop this app more rapidly, I still think I will have to generate PHP code for my users to put on their servers.
Also, when I feel this is ready for beta testers, I will certainly release it for free for everyone on this site. But I was thinking that out of beta I should follow a scheme similar to that of git: Free for open source apps, costs money for private/proprietary apps.
Conceptually, you would be building widgets, a widget factory, and a factory making factory.
So, you would have to find all the different types of interactions that could be possible in making a widget, between widgets, within a factory, and between multiple widget making factories to get an idea.
Something to keep on top of how far would be too far to abstract?
**I think you would need to be able to abstract a few layers completely for the application space itself. Then you'd have to build some management tool for it all. **
- Presentation, Workflow and the Data tier.
Presentation: You are either receiving feedback, or putting in input. Usually as a result of clicking, or entering something. A simple example is making dynamic web forms in a database. What would you have to store in a database about where it comes/goes from? This would probably make up the presentation layer. This would probably be the best exercise to start with to get a feel for what you may need to go with.
Workflow: it would be wise to build a simple workflow engine. I built one modeled on Windows Workflow that I had up and running in 2 days. It could set the initial event that should be run, etc. From a designer perspective, I would imagine a visio type program to link these events. The events in the workflow would then drive the presentation tier.
Data: You would have to store the data about the application as much as the data in the application. So, form, event, data structures could possibly be done by storing xml docs depending on whether you need to work with any of the data in the forms or not. The data of the application could also be stored in empty xml templates that you fill in, or in actual tables. At that point you'd have to create a table creation routine that would maintain a table for an app to the spec. Google has something like this with their google DB online.
Hope that helps. Share what you end up coming up with.
Why use PHP?
Appjet does something really similar using 100% Javascript on the client and server side with rhino.
This makes it easier for programmers to use your service, and easier for you to deploy. In fact even their data storage technique uses Javascript (simple native objects), which is a really powerful idea.

Categories

Resources