Open Source Cloud Authors: Pat Romanski, Elizabeth White, John Mertic, Yeshim Deniz, Carmen Gonzalez

Blog Feed Post

Web Developers’ Ultimate Toolkit

The web-developer today is increasingly faced with so many open source tools to choose from in producing a final piece of software that it can almost seem daunting. What we aim to do here is to simplify the process by describing 5 key (and free!) open-source sites that every developer should include in their toolkit. Think of these 5 resources as part and parcel of the basic development cycle for designing and implementing a new website or application. The bottom line is that for every project you should plan to:

  • wireframe it
  • develop it
  • track it
  • debug it
  • upload it

Let’s describe these elements in further detail . . .

1. Wireframing or prototyping a project

A wireframe is a screen blueprint or schematic of a website that provides a layout of the planned website or app so that the developer can construct the site most effectively and efficiently. Fortunately, there are plenty of online resources for developing wireframes. One important program to consider is MockFlow.

MockFlow provides an entire wireframing suite of online/offline collaboration tools that provides the creative developer with a first-rate set of tools to build prototypes in no time. You can organize your mockup with actual sitemaps and define links in the wireframe in order to present your co-designers and clients with a clickable prototype.

2. Developing & testing the code

The LAMP acronym is ubiquitous and closely associated with the most important open-source tools for supporting a development environment, namely Linux, Apache, MySQL and one of PHP, Perl or Python.  For those who prefer to stick with development in a Windows environment, WampServer provides a great alternative. WampServer is quite simply a Windows web development environment. It gives you all the power of a LAMP environment by allowing you to create web applications with Apache2, PHP and a MySQL database. The download and setup of WampServer is quick and straightforward, and one can easily be writing code within 10 minutes. PhpMyAdmin is also included in the stack and allows you to easily manage your databases.


3. Tracking your code

Working on a team development project requires the ability to efficiently upload, share, and track the latest revisions of your code. This process is taken care of seamlessly through GitHub, the world’s most popular open source code repository site.

GitHub offers a web-based hosting service for software development projects that uses the Git revision control system. The site offers both paid plans for private repositories and free accounts for open source projects.

In a nutshell, the GitHub site combines the ability to upload the latest versions of code for access to members of a project team, along with displaying employ feeds, followers, and the network graph to showcase how developers work on their versions of a code repository.

4. Debugging your site

Once a website has been developed, the next step involves a process of testing and debugging the traffic to your site. One of the most popular resources for this is Fiddler, an HTTP debugging proxy server application that logs all HTTP(S) traffic between your computer and the Internet. This package can be used for…

  • Debugging and profiling traffic from any application.
  • Troubleshooting and tracing a network.
  • Performance testing Web applications.
  • Logging all HTTP(S) traffic between a computer and the Internet.


5. Upload your code

Finally, after many long hours of prototyping, developing, debugging, and retesting, your project code has reached the milestone where it’s ready to be uploaded to your production site. One of the most accessible and easiest tools to use for this process is the free and open source FTP software package called FileZilla. The download process is quick and setting up a new account in the Site Manager is painless as long as one has the webhost login credentials available.

Once you’re logged into the FTP client, simply go to the code repository on your local computer and upload these files and directories to the public_html folder on your website.

Your project is now viewable and accessible to the rest of the world!


As we’ve reviewed, whenever you wish to build and scale a software project there are 5 key steps that are central to the process; they are:

  • wireframing
  • development
  • version tracking & sharing
  • debugging
  • uploading

MockFlow, WampServer, GitHub, Fiddler, and FileZilla are 5 key (and free!) open-source sites that web developers should have in their toolkit in order to plan, develop, test, debug, and deploy software applications in the most effective and efficient manner possible.



Share Now:del.icio.usDiggFacebookLinkedInBlinkListDZoneGoogle BookmarksRedditStumbleUponTwitterRSS

Read the original blog entry...

More Stories By Hovhannes Avoyan

Hovhannes Avoyan is the CEO of PicsArt, Inc.,

@ThingsExpo Stories
Web Real-Time Communication APIs have quickly revolutionized what browsers are capable of. In addition to video and audio streams, we can now bi-directionally send arbitrary data over WebRTC's PeerConnection Data Channels. With the advent of Progressive Web Apps and new hardware APIs such as WebBluetooh and WebUSB, we can finally enable users to stitch together the Internet of Things directly from their browsers while communicating privately and securely in a decentralized way.
Amazon has gradually rolled out parts of its IoT offerings, but these are just the tip of the iceberg. In addition to optimizing their backend AWS offerings, Amazon is laying the ground work to be a major force in IoT - especially in the connected home and office. In his session at @ThingsExpo, Chris Kocher, founder and managing director of Grey Heron, explained how Amazon is extending its reach to become a major force in IoT by building on its dominant cloud IoT platform, its Dash Button strat...
Two weeks ago (November 3-5), I attended the Cloud Expo Silicon Valley as a speaker, where I presented on the security and privacy due diligence requirements for cloud solutions. Cloud security is a topical issue for every CIO, CISO, and technology buyer. Decision-makers are always looking for insights on how to mitigate the security risks of implementing and using cloud solutions. Based on the presentation topics covered at the conference, as well as the general discussions heard between sessi...
For basic one-to-one voice or video calling solutions, WebRTC has proven to be a very powerful technology. Although WebRTC’s core functionality is to provide secure, real-time p2p media streaming, leveraging native platform features and server-side components brings up new communication capabilities for web and native mobile applications, allowing for advanced multi-user use cases such as video broadcasting, conferencing, and media recording.
Fifty billion connected devices and still no winning protocols standards. HTTP, WebSockets, MQTT, and CoAP seem to be leading in the IoT protocol race at the moment but many more protocols are getting introduced on a regular basis. Each protocol has its pros and cons depending on the nature of the communications. Does there really need to be only one protocol to rule them all? Of course not. In his session at @ThingsExpo, Chris Matthieu, co-founder and CTO of Octoblu, walk you through how Oct...
Major trends and emerging technologies – from virtual reality and IoT, to Big Data and algorithms – are helping organizations innovate in the digital era. However, to create real business value, IT must think beyond the ‘what’ of digital transformation to the ‘how’ to harness emerging trends, innovation and disruption. Architecture is the key that underpins and ties all these efforts together. In the digital age, it’s important to invest in architecture, extend the enterprise footprint to the cl...
Almost everyone sees the potential of Internet of Things but how can businesses truly unlock that potential. The key will be in the ability to discover business insight in the midst of an ocean of Big Data generated from billions of embedded devices via Systems of Discover. Businesses will also need to ensure that they can sustain that insight by leveraging the cloud for global reach, scale and elasticity.
A critical component of any IoT project is what to do with all the data being generated. This data needs to be captured, processed, structured, and stored in a way to facilitate different kinds of queries. Traditional data warehouse and analytical systems are mature technologies that can be used to handle certain kinds of queries, but they are not always well suited to many problems, particularly when there is a need for real-time insights.
One of biggest questions about Big Data is “How do we harness all that information for business use quickly and effectively?” Geographic Information Systems (GIS) or spatial technology is about more than making maps, but adding critical context and meaning to data of all types, coming from all different channels – even sensors. In his session at @ThingsExpo, William (Bill) Meehan, director of utility solutions for Esri, will take a closer look at the current state of spatial technology and ar...
Explosive growth in connected devices. Enormous amounts of data for collection and analysis. Critical use of data for split-second decision making and actionable information. All three are factors in making the Internet of Things a reality. Yet, any one factor would have an IT organization pondering its infrastructure strategy. How should your organization enhance its IT framework to enable an Internet of Things implementation? In his session at @ThingsExpo, James Kirkland, Red Hat's Chief Arch...
The IoT industry is now at a crossroads, between the fast-paced innovation of technologies and the pending mass adoption by global enterprises. The complexity of combining rapidly evolving technologies and the need to establish practices for market acceleration pose a strong challenge to global enterprises as well as IoT vendors. In his session at @ThingsExpo, Clark Smith, senior product manager for Numerex, will discuss how Numerex, as an experienced, established IoT provider, has embraced a ...
Everyone knows that truly innovative companies learn as they go along, pushing boundaries in response to market changes and demands. What's more of a mystery is how to balance innovation on a fresh platform built from scratch with the legacy tech stack, product suite and customers that continue to serve as the business' foundation. In his General Session at 19th Cloud Expo, Michael Chambliss, Head of Engineering at ReadyTalk, will discuss why and how ReadyTalk diverted from healthy revenue an...
SYS-CON Events announced today that Hitrons Solutions will exhibit at the 19th International Cloud Expo, which will take place on November 1–3, 2016, at the Santa Clara Convention Center in Santa Clara, CA. Hitrons Solutions Inc. is distributor in the North American market for unique products and services of small and medium-size businesses, including cloud services and solutions, SEO marketing platforms, and mobile applications.
SYS-CON Media announced today that @WebRTCSummit Blog, the largest WebRTC resource in the world, has been launched. @WebRTCSummit Blog offers top articles, news stories, and blog posts from the world's well-known experts and guarantees better exposure for its authors than any other publication. @WebRTCSummit Blog can be bookmarked ▸ Here @WebRTCSummit conference site can be bookmarked ▸ Here
SYS-CON Events announced today that Super Micro Computer, Inc., a global leader in Embedded and IoT solutions, will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 7-9, 2017, at the Javits Center in New York City, NY. Supermicro (NASDAQ: SMCI), the leading innovator in high-performance, high-efficiency server technology, is a premier provider of advanced server Building Block Solutions® for Data Center, Cloud Computing, Enterprise IT, Hadoop/Big Data, HPC and ...
SYS-CON Events announced today that Streamlyzer will exhibit at the 19th International Cloud Expo, which will take place on November 1–3, 2016, at the Santa Clara Convention Center in Santa Clara, CA. Streamlyzer is a powerful analytics for video streaming service that enables video streaming providers to monitor and analyze QoE (Quality-of-Experience) from end-user devices in real time.
You have great SaaS business app ideas. You want to turn your idea quickly into a functional and engaging proof of concept. You need to be able to modify it to meet customers' needs, and you need to deliver a complete and secure SaaS application. How could you achieve all the above and yet avoid unforeseen IT requirements that add unnecessary cost and complexity? You also want your app to be responsive in any device at any time. In his session at 19th Cloud Expo, Mark Allen, General Manager of...
SYS-CON Events announced today that LeaseWeb USA, a cloud Infrastructure-as-a-Service (IaaS) provider, will exhibit at the 19th International Cloud Expo, which will take place on November 1–3, 2016, at the Santa Clara Convention Center in Santa Clara, CA. LeaseWeb is one of the world's largest hosting brands. The company helps customers define, develop and deploy IT infrastructure tailored to their exact business needs, by combining various kinds cloud solutions.
@ThingsExpo has been named the Top 5 Most Influential M2M Brand by Onalytica in the ‘Machine to Machine: Top 100 Influencers and Brands.' Onalytica analyzed the online debate on M2M by looking at over 85,000 tweets to provide the most influential individuals and brands that drive the discussion. According to Onalytica the "analysis showed a very engaged community with a lot of interactive tweets. The M2M discussion seems to be more fragmented and driven by some of the major brands present in the...
The Open Connectivity Foundation (OCF), sponsor of the IoTivity open source project, and AllSeen Alliance, which provides the AllJoyn® open source IoT framework, today announced that the two organizations’ boards have approved a merger under the OCF name and bylaws. This merger will advance interoperability between connected devices from both groups, enabling the full operating potential of IoT and representing a significant step towards a connected ecosystem.