Design & Technology Blog   

Posts tagged Web Development

PHP/MySQL Mobile & Web App Development

Interaria develops custom Web and mobile applications on PHP/MySQL database platform. PHP/MySQL is one of the leading dynamic programming languages for developing database driven content rich Web and mobile sites and Web applications.

PHP and MySQL are open source programming languages which means that thousands of PHP/MySQL code developers and engineers worldwide contribute to the development of the language, making it richer, more adaptable and more dynamic than any other database coding language combinations.

The Interaria Application Development Framework is a custom PHP/MySQL code library developed by the Interaria team for building database driven web and mobile applications that interact with a content management system. Because we have developed a suite of PHP/MySQL codes we can tackle with custom developing new features faster while making sure that the these features are developed on a solid foundation.

Examples of PHP/MYSQL mobile and web app feature development in our code framework are:

  • Login/Logout Systems
  • User Accounts
  • Member Account Systems
  • Notification Systems
  • Photo Upload Systems
  • Custom Search and Save Features
  • Booking Systems
  • Financial Calculators
  • Shipping Calculators
  • Discussion Forums
  • Support Forums
  • Community Forums
  • Support Ticket Systems
  • Knowledge Base Systems
  • Networking Features
  • Classifieds
  • Online Business Directories
  • Review and Rate Tools
  • Document Management Systems
  • Content Management Systems
  • Visual Data Reporting
  • Administrator Features for Account Management

PHP/MySQL web and mobile app development is our core company expertise. Don’t hesitate to contact us to look into our latest development work and to discuss your development project.

Enjoying the Process: Design Steps for Web and Mobile

In many ways designing requires skillful listening; sometimes it is not that easy to express what one wants or likes, we often know better what we don’t like.

And on the other hand, in cases where the client regards that they know exactly what they want, it is our job to test these ideas and make sure that the creative direction is indeed final. Sometimes things get nailed down faster; sometimes ideas and directions shift and the process takes more time. Ideally we recommend giving enough time for the design process in order to make sure that the design files will settle in and that our client feels connected and committed to them.

Ultimately, we regard it as our responsibility to work towards a professional web and mobile media design in the framework of requested direction and feedback. Our ten+ years in business has thought us a lot how to be sensitive to our clients’ comments while neither overburdening them with requested tasks nor overrunning their views and requests.

What does a typical design process for web and mobile look like? Below is a flow sample of how a typical web and mobile design process might go about. When working with our client we request feedback and approval on each step before moving forward with the code production process.

Setting Goals:
We listen to the client carefully and identify goals for the web and mobile presence.

What We Have:
Together we go through existing identity design elements, likes and dislikes. Sometimes certain identity elements can be taken literally to web and mobile, and sometimes they need a certain degree of interpretation.

Who We Are:
Together we identify, and analyze/strategize the client’s brand identity and market positioning.

Who’s Competing:
Together we go through web and mobile samples of relevant competition.

What We Like:
Together we identify different style options and web and mobile layouts that resonate with the client.

What’s the Scale:
Together we form a preliminary site map and feature set plan for the site development.

Here’s What We Have: 
We provide the client with first layout ideas; focus on the feel and primary identity elements.

This is How it Would Work: 
We provide the client with a basic wire framing of the navigation structure.

Here’s a User’s Experience:
We illustrate and/or wire-framing the roadmap for a user-experience road-map. Please note: regarding on the scale of required dynamic features – such as a registration system, an online product catalog system, an ordering and customer check-out system, My Account features – this workload often exceeds the timeline of a standard web or mobile design process.

Here’s How to Get User’s Attention:
We provide the client ideas with user engagement with call-to-action areas and optimal site layout.

We Heard Your Feedback:
We revise designs, layouts and wireframes according to feedback.

Here are the Designs with Your Content:
We test the designs against provided content. We imagine what future content might look like.

Can you take a Final Look?:
We request final approval before the coding begins

Developer, let’s sit down and talk:
We make sure that the design files are to be coded according to the plan.

OK, let’s see:
We adjust fonts, visuals and identity elements according to the real-life rendering on different browsers and mobile platforms.

We made some changes…: 
We adjust and improve the user experience flow according to real-life testing results.

Interesting new changes:
We foster acceptance and understanding that sometimes good ideas take their time: we agree that the client has the right to change their mind and request changes during and after the coding phase

The future is looking bright: 
We will adjust and create new designs according to new identity elements or direction on brand positioning

Interaria has walked through these steps many times in the past, and we know how to guide the conversation, structure deliverables and provide results. By breaking the design process into tasks, the process can feel enjoyable.

Mobile App Development Greetings

We’ve been working on some very interesting mobile platform projects recently; below are some details about what we’ve been up to.

Case 1: HTML5 based iPad App Development

HTML5 based iPad web application for a medical company

Task: Interaria was recently contacted by an international medical company who needed a portable and scalable solution for collecting and processing medical data. The system was to be exclusively used internally requiring user accounts and a secure login and management platform.

Developed Features: login/logout, my profile, access a partial list from the full database of clients, sort accessed information, collect and easily submit input information, store and process information, create visual graphics and reports on data, access admin portal

Technology Solution: We identified a need for an HTML5 based iPad web application that the users can access even when off-line, and not connected to a WiFi network.

Technology Details: Interaria developed an HTML5 based iPad web application integrated with a native iOS code. In other words, we developed a hybrid HTML5 iOS app where the core of the app loads from a web server but utilizes some of the nice features of an iOS app such as push notifications and GPS enabled mapping. Our solution was a hybrid app developed with both the HTML5 code and iOS codes.

For the purposes of rapid development and rapid deployment, HTML5 coded apps creates following advantages:

1)  Quick changes. We can make quick changes to the app for the client without each time needing to re/submit the app to the Apple’s App Store for a review and approval process. This saves our client significant time.

2) Privacy of the app. Not needing to submit the app to a review process at the Apple’s App Store ensures the app stays private.

3) No re-installations. In most cases, once installed, the end-user will not need to update or reinstall the app when the app has been updated/upgraded with new features.

4) Off-line functionality. The client’s users can access and use the app even when off-line. This technology improves critical usability in case of internet connection/ WiFi network being down due to a geographically remote area or unreliable area for WiFi (such as parking garages, basements, hospitals). If data is recorded within the app while the device is offline, upon re/establishing a connection to the server, data will seamlessly sync.

The bottom line: When do we recommend using html5 mobile web app over a fully native iOS app? 
In situations where we want to avoid using Apple’s App Store distribution system, such as when an app is developed for private and exclusive use, and for when a client has a critical/short timeline for app’s launch.

Case 2: Suite of Mobile App Solutions

Suite of Mobile App Solutions for a Community Social Networking System

Task: For the last couple of years (and still continuing) the Interaria team has been developing mobile solutions for a social networking company.

Developed features: Timeline based feed of private content. Members can read and create posts relevant to their community. Members have an option to add comments to posts, and save them to their account. Members can join and organize subgroups. Native mobile push and email notifications are sent according to the user’s preferences. The community network’s administrator has a full dashboard of features to monitor and manage the usage of the networking system.

Technology Solution:  We’ve developed the social networking system on three different platforms, addressing the needs of users on different types of mobile devices and mobile usage preferences:
– iOS (iOS app Objective-C integrated with HTML5),
– Android (Java/HTML5 integrated Android app), and
– Mobile web platform (native HTML5 mobile web app).

We continue developing and maintaining the mobile app systems by developing new features and launching system upgrades.

Case 3: Mobile Websites

Interaria continues to offer mobile site development along with website development. Our mobile web sites stream from the same content management system that is used for the dynamic web content. This minimizes any extra work for maintaining two platforms.

As Google is now putting a special emphasis on mobile specific search results, we highly recommend investing on a mobile web site if your company is considering developing a new website. Not only does the mobile site cater an unavoidable and increasingly large user base of visitors but it also guarantees that mobile users making searches on Google will reach your valuable content.


More Information
The Interaria team is very excited about providing the most applicable and fully customized solutions for the mobile platform experience. More details and a private tour are available by request. If your company is looking for a mobile solution, please don’t hesitate to contact us at 214-909-3900.

Project Lauch: Play It Safe!

Play it Safe!® is a child abuse awareness and prevention program developed by The Women’s Center of Tarrant County. The program incorporates age-appropriate scripts and movies to teach children how to reduce their risk of sexual and physical abuse, and sexual assault.

In the past, the ordering of any Play It Safe! material was done via phone or product order forms. Interaria was called in to modernize both the ordering system and the overall web presence of the program.

Interaria developed a full custom solution for online ordering of the program material and online management of the user accounts. Schools, applicable organizations, and parents may register on the site and create an account for viewing the store material and placing secure online orders. Each shipped video order is also credited and tracked with a one-year-subscription of unlimited online watching access.

Our process included weekly meetings with The Women’s Center of Tarrant County to finalize the site development plan and online store features. We consulted with the team and reported at every step during the website and web applications development. The key development milestones during the project were overviewing and discussing site features and elements such as the visual design of the site and brand integration, content structure and navigation, the integration and use use of the Interaria content management system, shipping fee calculators, shopping cart system, check out process, My Account features, and Admin’s features for management of the entire site.

As always, the site was designed and developed fully by the Interaria team, project manager and developer James Shields, user experience designer Meri Kuusi-Shields, and software and web application developer Pyry Kuusi.

Interaria thanks The Women’s Center of Tarrant County for this great meaningful project and looks forward to supporting the organization with its any arisen web & mobile application needs.

For more information, please visit our portfolio case study or call us at 214-909-3900.

Our Development Process for Quality Assurance

Throughout our production we foster our process of consulting, communicating and contemplating to ensure an end-product that meets our client’s organizational vision and expectations.

Interaria’s agile project development approach fosters receptiveness to feedback and new ideas, leading to a user acceptance and long-term usability of the final web and/or mobile application system. We make sure that our client is integrated and informed about each development milestone, and that we are all on the same page with upcoming design and development plans before moving forward. Each mobile and web application system we develop is subjected to a thorough and systematic benchmark testing for quality assurance.

Our approach to each project is to be available to help with the client’s business as much as need be. We go beyond just interviewing staff members and collecting data and feedback. We are here to listen and ready to actively contribute and exchange ideas with our client, as frequently as needed. We are ready to participate to weekly board room meetings, deliver business ideas and strategies in a written format, analyze big data and qualitative data, participate to seminars, and meet frequently with different members of the staff based on any existing or arisen need during the project. Our goal is never to hand down a web or mobile application system but to make sure that it is custom designed and developed based on the true and mutually acknowledged needs of the client’s organization. With our flexible agile project development approach, we make sure that we all have both the interest and availability to continue developing our deliverables beyond the most obvious first stages.


A key to a successful project outcome is to foster a platform for communication. We consider it our duty to communicate in a frequent, consistent and coherent manner: this means providing our client with a clear report of the project status including deliverables, revisions, to-do-list, next objectives, and addressing any questions or concerns a client may have. We prefer meeting with our clients weekly, preferably face-to-face. Increased interaction and a frequent exchange of ideas are a base for a successful end-product that addresses all of the organization’s critical needs for the web or mobile product beyond the first rounds of brainstorming. We want to make sure that all team members have had their chance to be heard and contribute to the project.


It’s not just about doing things but doing them right. We take time to think and plan ahead. We are not afraid to show our clients different development options, create slight discomfort by bringing up new development ideas, and critically raise questions that test current plans for feature development. By thoroughly going through development options, and creating space for a dialog, we make sure that our client receives an end-product that meets the organization’s expectations and plans for scalability.

Database Management Systems: Options to MySQL

In many cases MySQL is regarded as the database partner for PHP scripts. MySQL, however, is not the only database option for PHP and other dynamic codes.

Oracle databases can in some cases be viewed as more robust and industrial but they are typically chosen if a client (company) already has an established relationship/contract with Oracle. If your company prefers Oracle database over MySQL database, Interaria can work with this technical framework.

Maria DB Open Source Database Software is a recent evolvement of MySQL. Maria DB promises improved scalability, storage and speed over MySQL. Maria DB has recently gained popularity but it is still a newcomer with a much smaller user base in comparison to MySQL.
See: http://db-engines.com/en/ranking_trend/system/MariaDB%3BMySQL

WebScaleSQL is also an interesting new database development project aiming to develop greater performance to MYSQL in running it in a larger scale. Currently the contributions to the database have come from Facebook, Google, LinkedIn, and Twitter.

The bottom line: Interaria follows the database software developments closely, making recommendations on the database use based on each client’s database needs.

Interaria Alphabets

Application

Interaria develops custom software applications for web and mobile. We specialize in custom PHP/MySQL application development for web and mobile.

Brand

Brand is more than just a visual design. Brand is a narrative, a story, a message, an invitation. We position brands and create identity messaging for cross-platform communication on the web and mobile. It is important that brand messaging is consistent in all communication points, and that the brand design elements foster optimal usability.

C++

A general purpose programming language for professional applications. When C++ is needed, our development team is ready.

Development

Interaria believes in agile project development, ability to comprehend complex business models and organize them in a make-sense manner, willingness to embrace the organic process of new ideas and the ability to shift the direction for development when needed.

Experience

We’ve been in business since 2004. Our experience let’s us today take on larger projects, approach them with calmness, and deliver results steadily with excitement of course.

Finland

Midnight sun, snowy Christmas, functional approach to design. We like going to Finland.

Goal

We believe in staying on the path: “Obstacles are those frightful things you see when you take your eyes off your goal”.

– Henry Ford

HTML

XHTML, HTML5. Web development is our bread.

iOS

We develop iOS wrappers for mobile sites or we can develop a custom iOS app according to one’s business model.

Java

One of many programming languages we know and can apply to our projects.

Kauas

Finnish for far away.

Look

“Anything becomes interesting if you look at it long enough”.

– Gustave Flaubert

Mobile. MySQL.

Yes, we can combine these and make MYSQL database driven mobile web apps.

New

“A person with a new idea is a crank until the idea succeeds”.

– Mark Twain

Open Source

Recent media discussions have pointed and made it obvious that large systems should be preferably developed on an open source platform where the entire community of web developers contribute to the code development and debugging.

PHP

Our field of expertise: an open source web and database programming language. Scripts that talk with the database and make actions take place.

Quality

We don’t settle any project until all parties involved are pleased with the results. For active sites, our development team is ready to continue developing quality deliverables according to future site update and upgrade needs. We implement rigorous technical testing and a systematic user testing to all our deliverables.

Responsive design

Adapting the site’s layout for optimal viewing experience on mobile devices.

Software engineering

Applying professional software engineering to mobile and web app development fosters quality control, data scalability, effective problem solving and debugging.

Teamwork

Complex application rich websites and mobile sites require dedication and teamwork. Ultimately, our products are an outcome of close teamwork between all Interaria team members. We operate an organic teamwork approach where each team member can step in whenever needed, not just according to each member’s designated work cycle. Our designer doesn’t just hand design files to our programmers but oversees that the files will be coded according to set standards, and when needed, designs and codes will be revised until a balance has been reached between the form and function.

Unique

Unique is what differentiates. Our job as designers and developers is to highlight this uniqueness and make it the obvious choice.

Value

Our mission is to deliver quality services, develop quality products that ultimately add real value to our clients.

XHTML, XML

Familiar code languages from our ten years in business.

Yellow

We understand and respect personal preferences. “I’ve always eaten egg whites because when I was little, I didn’t like the color yellow, so my mom would trick me into eating eggs by taking out the yolk”.

– Eva Longoria

Z-layout

Creating an effect layout with call-to-action at the end of the z. Another option: the F-layout.

Welcoming 2014

The lack of updates in this blog throughout the 2013 confirms: we’ve been incredibly busy. While we continue designing and developing corporate database driven websites – and remaining loyal to our old clients – we’ve been shifting our focus towards web and mobile application development with emphasis on PHP/MySQL, jQuery, HTML5 and other mobile application frameworks.

Most part of the year 2013, we have worked exclusively for a client in Dallas developing web and mobile applications with social networking and content publishing features. Due to the ongoing nature of the work, we cannot reference this work on our site but would be pleased to walk through some of the features should your company be interested in considering us for custom web and mobile application development work.

In November 2013 we signed up a full time software engineer to our team, Pyry Kuusi, who works from Helsinki, Finland as an exclusive team member of Interaria. As many of you know, we are a family based company with James Shields in web development and project management, his Finnish wife Meri Kuusi-Shields in user experience design and brand positioning, and now Meri’s brother and James’ brother-in-law Pyry in a full time position for software & web application development.

Over the years, we have realized that our clients care about one-on-one agile approach to project development which means ability to comprehend complex business models and organize them in a make-sense manner, willingness to embrace the organic process of new ideas and the ability to shift the direction for development when needed. For us, working with a small core team has meant this: ability to be flexible and less bureaucratic, all while holding a higher quality control with each deliverable.

The year 2014 will mark our 10 years in business, all with the same team. We are quite excited about the web and mobile application development for multi-platform media where users have more power to customize their content and interaction experiences and choose their device for user interaction. The concept of ‘interactivity’ will carry more meanings and make us more demands as we continue our years.

Facebook
Twitter
Blog
LinkedIn
SERP Zebra