Specstra: My Experiments in UI Automation to Extract CSS, Assets from Design Files

This is a proof-of-concept /experimental exploratory project I was spending my weekends during 2013-15 to come up with a cloud based tool that allows designers & developers in quickly getting assets, CSS and element details like position, dimension, shapes, raster, text formatting info etc. from the design file/screen mockups easily without them required to have installed Adobe Software suits like Photoshop.

The major challenges I faced were in reading the Adobe proprietary file formats like PSD to extract separate information on design elements specially the fonts and getting formatting information without using any of the Adobe technology available. Invented many workarounds and implemented them in an assembly line kind of architecture (i.e. chain of responsibility design pattern) to ensure that multiple design file uploads (each one having file sizes from few hundred MBs to 1 GB ) are processed successfully without crashing or over burdening the cloud system. Also the implementation required the necessary image processing tasks to achieve certain goals like creation and export of assets in specific resolution and rendering the red-lines on the fly.

The technologies used were: PHP, MySQL, Python, Perl, Ruby, Shell Scripting, HTML5, CSS3, JavaScript, Canvas & Node.

FEATURES:

Extract design info from a PSD comp to use with HTML & Native App projects like mobile and desktop designs, with Specstra.

Cloud based – Single dashboard to manage all design files.

Export design elements / assets e.g Raster (PNG,JPG) , Vectors (SVG), CSS

Dynamic selection of design elements/assets from the file.

Detects nested vector shapes, text objects, images/raster from the design file.

Detects color palette from the design file.

Specstra

Advertisements

HTML5 based emulator to test the lenticular effect on iOS4+

As my last demo of the lenticular effect is based on iOS4+ accelerometer based APIs, to test it while development on my PC, I created this basic emulator that will reduce my effort in testing the lenticular effect based experiments 😉

This emulator uses HTML5, CSS3, Jav Script .

 

Make Sure you select HD 720 p quality while watching the Youtube video !

 

 

Holographic Bump 3D (Lenticular ) Sticker Effect on iPhone !

Bump 3D holographic sticker effect on iphone…tilt iphone horizontally or vertically to see different images … this demo shows 3 different images packed into one virtual bump 3d sticker on iphone.

Created with HTML5, CSS3, Jav Script and iOS4 specific APIs. works on ioS 4+

Thought Castle

 

 

Thought Castle

 

I don’t know

Why I long to own you

Miss you in the evening times

Sitting beside my books

With the neighbor of some blank pages

Waiting for some dark impressionsI would make on them

Sealing their fate, like you have made mine.

The dark impressions, on the sheetsLike ghosts of some unknown fear

— a fear I have reserved from you

The way I feel threatened

By the thought of losing you.

I know love is not my feeling

It is something deeper in me!

 

 
Feb 22, 2011

MobileWish Pocket Travel Assistant has been selected at World Summit Award Mobile Content 2010 as one of the few Outstanding Regional Achievement Awards

Here is another good news for MobileWish Pocket Travel Assistant!!!


MobileWish Pocket Travel Assistant has been selected at World Summit Award Mobile Content 2010 as one of the few Outstanding Regional Achievement Awards in the category of  m-Tourism & Culturehttp://www.wsa-mobile.org/sites/default/files/Press_Release_WSA-mobile_Winners2010_short_final_101109.pdf ]from Asia.

See the list at :

http://www.wsa-mobile.org/regional

ASIA

m-Tourism & Culture

Pocket Travel Assistant
India
Language: English
Producer: Mr. Dash Samir Kumar
mobilewish.com/pta/

The Pocket Travel Assistant is a one-stop solution for all traveller information needs. PTA provides information on any major city/town in the world. The application combines data from Google Maps, Yahoo, Flickr, Wikipedia, BBC, Reuters, Twitter, YouTube and much more.

Note that the Outstanding Regional Achievement Awards are given to those producers/developers participating in the 2010contest whose product was evaluated by the Grand Jury to be among the best in a category where thereis no winner from that global region. WSA recognizes 6 global regions of the e- and m-content industry:Europe, North America and Oceania, Latin America, Asia, Arab Countries and Africa

About the WSA-mobile:

Organised by the International Center for New Media (ICNM) in Salzburg, the WorldSummit Award Mobile is a global initiative within the framework of, and in cooperationwith, the United Nations World Summit on the Information Society (WSIS), incollaboration with UNESCO, UNIDO and the United National Global Alliance for ICT andDevelopment (UN GAID).

The WSA-mobile is the only ICT event worldwide, which reaches the mobile community inover 160 countries and is able to promote the best mobile content and innovativeapplications out of this huge selection.Abu Dhabi, as the city of the award’s key partner ADSIC (Abu Dhabi Systems &Information Centre), will host all WSA-mobile Awards until at least 2015.

For further information, go to http://www.wsa-mobile.org or contact wsa@icnm.net .For ADSIC, Abu Dhabi, write to Ms. Batoul Husseini at batoul.husseini@adsic.abudhabi.ae

December 6-8, 2010
Celebrating the richness and diversity in m-Content

This year, Abu Dhabi and ADSIC (Abu Dhabi Systems and Information Centre) will be generously hosting the first edition of the WSA-mobile Winners’ Celebrations.  The unique networking event showcasing the most outstanding mobile content from all over the world and organized in close cooperation and back to back with the Global Forum of the United Nations’ DESA GAID  will take place from December 6-8, 2010 bringing together a wide range if experts from the industry, governments and the UN, along with the creative community.

The Winners’ Gala

The Gala Celebration is the highlight of the entire WSA-mobile process 2010 and a unique ceremony to honor excellence m-Content and innovative application creation. The winning teams in 8 categories from all over the world will be present and handed out the awards by highest level international dignities. The Winners’ teams will be invited to personally receive their certificate and trophy from dignitaries of government, the private sector and the United Nations. The Gala is orchestrated as a two hour show, with music and multimedia elements. Global webcasts and TV broadcasting are planned to cover the event. By bringing together government, business and civil society, the WSA mobile supports the creation of synergies between suppliers and users of communications applications and assists in connecting practical applications and innovative ideas.

WSA-mobile Winners workshops
Sharing the expertise:  m- Content & innovative applications

For two days, the World Summit Award mobile (WSA-mobile) Winners teams selected from around the world, will take stage to present their awarded projects, meet each other in a panel discussion, share their visions on ICT, creativity and innovation, speak about their experience and ask and answer questions. Each session will be thematically dedicated to one of the WSA mobile categories and moderated by a member of the Grand Jury.
The workshops will be dedicated to Innovation and creative use of ICTs, which lack sustainable value if not driven by quality content. Using and working with technologies creatively can improve the lives of many – this shall be clearly demonstrated and showcased during the three days in Abu Dhabi on concrete examples of excellence from all parts of the world. Creativity is not bound to being rich in terms of material goods, infrastructure and access to networks: it is a “natural resource” of the human mind everywhere in the world. Bridging the digital divide is therefore a matter of content.
The WSA-mobile winners workshops will be a unique opportunity and an invitation not only see the best examples of taking the main challenges of the new Information Society, but also to personally meet those behind the best in the content industry, from m-Learning to m-Health and from m-Entertainment to m-Inclusion.

More details about WSA Mobile Content 2010 can be found out here :

http://www.iproa.org/Content/web/Newsletter/2010Newsletter_JUL/WebFiles/UpComingHighlight/WSA_Mobile_pr_annoucement_01A_100505.pdf

Click the link below  to register World Conference on m-Content, Dec. 6-8, Abu Dhabi

http://www.un-gaid.org/AdminTools/Surveys/tabid/988/ctl/TakeSurvey/mid/2540/PageNumber/1/SurveyID/186/DisplayHeader/Yes/Default.aspx

MobileWish Pocket Travel Assistant wins at mBillionth South Asia 2010 held on 23rd July 2010.

MobileWish Pocket Travel Assistant (PTA) finally made it to the winners list at mBillionth South Asia 2010 held on 23rd July 2010 under the category in m-Travel & Tourism. PTA was named among the 4 winners in the m-Travel & Tourism category in the award gala held on 23rd July 2010 at New Delhi. The other 3 winners in the category were : SMS 139 Railway Enquiry ,  AWATAR Mobile Booking, Suruk .
samir_mbillionth by you.

Another Good news is that another m-news application MobileWish NewsBox was appreciated as a shortlisted finalist in the awrd in the category of m-news & Journalism where the mobile application from Thompson Reuters was leading the winner’s list.

The event continued from morning 8.30 am till night 10 pm with various mindblowing panel discussions, idea sharing sessions related to mobile and possible ICT development and its imapct.It was a nice oppertunity to be face to face with mobile industry leaders and developers across South Asia.

About m-Billionth Award:

m-Billionth Award is a dedicated platform to explore the latent potential of mobile sector across South Asia. These Media phones/mobile, handy gadgets can now do anything from allow physicians to review patient records on-the-go, to alert drivers in any city of nearby parking spaces while looking for spot, in addition to the texting, surfing and calling on many of today’s phones.
The m-Billionth Award South Asia 2010 is first of its kind in the region recognising and felicitating mobile innovations, applications and content services delivery. It is to honour excellence in mobile communications across South Asia spread over 9 core categories. The m-Billionth Award is designed as an annual South
Asia’s leading mobile content’s award platform towards larger regional Mobile Congress in media and policy advocacy.
OBJECTIVES:
Recognise mobile innovations and creativity.
Provide a platform for the innovations into benchmarking in the mobile industry.
Provide a wider forum for strategic networking, alliances and partnership building.
Provide a South Asia Congress to exchange ideas, practices and policy strengths & mobile advocacy.
Facilitate in building a South Asia network towards campaign and advocacy in mobile for mass empowerment and inclusive growth.
mBillionth Award Partners
The event was sponsered by Department of Information & Technology , Govt. of India, Digital Empowerment Foundation, Verisign, Intel, The World Summit Award Mobile (WSA Mobile), One 97 Mobile, The national Internet Exchange of India (NiXI), MobileMonday  and many more.

Here are some pics from the event:

This slideshow requires JavaScript.

I will be uploading some videos and more pics along with good details shortly.

MobileWish Pocket Travel Assistant has been shortlisted as a Finalist for MBillionth Congress & Awards 2010

Great News! My Travel application Pocket Travel Assistant has been shortlisted (in Grand Jury held in Colombo during June 10-13, 2010.) as a finalist in MBillionth Congress & Awards Gala to be held at New Delhi on 23rd july 2010.The projects have found place among 160 “Successful Quality Nominations” received from countries like India, Pakistan, Sri Lanka, Bangladesh, Nepal, and MaldivesMBillionth Awards South Asia Mobile Congress is organised by Digital Empowerment Foundation, , WSA MobileContent, Department of Information Technology , Govt of India with partners like Nokia Siemens Network, MobileMonday etc.

Pocket Travel Assistant was nominated under the category m-Travel & Tourism which focused on “se of Mobile and complementing applications and embedded services for enriching the information society by aggregating digital content pertaining to travel and tourism thus help creating knowledge rich information society; offer of travel and tourism related information and services like real time travel bookings, location and transport information, including through GPS and GIS.”

There wetre other categories also like m-Environment, m-News & Journalism, m-Inclusion, m-Health, m-Education & Learning, m-Entertainment, m-Governance, m-Culture & Heritage, m-Business & Commerce/Banking.

Following are some details from the MBillionth website:

M-Billionth Mobile Congress is going to be held at NewDelhi 23rd, July, 2010:

An exciting lineup of speakers from the mobile industries, as well as other industries and sectors will be touched by the mobile market, including entertainment and education. Conference will be held in multiple parallel thematic sessions in all 10 categories with panel of speakers, presenters and participants will be from mobile world of application, service delivery and content. The recommendations from the sessions would be used to analyze the growth of mobile application in the respective category.

ABOUT m-BILLIONth SOUTH ASIA 2010

m-Billionth Award is a dedicated platform to explore the latent potential of mobile sector across South Asia. These Media phones/mobile, handy gadgets can now do anything from allow physicians to review patient records on-the-go, to alert drivers in any city of nearby parking spaces while looking for spot, in addition to the texting, surfing and calling on many of today’s phones.

The m-Billionth Award South Asia 2010 is first of its kind in the region recognising and felicitating mobile innovations, applications and content services delivery. It is to honour excellence in mobile communications across South Asia spread over 9 core categories. The m-Billionth Award is designed as an annual South Asia’s leading mobile content’s award platform towards larger regional Mobile Congress in media and policy advocacy.

What is m-Billionth Award?

21st Century World could be a cellular age going by the phenomenal increase in cell phones worldwide. The cellular age is fast accelerating with cell phones magnifying our larger identity in both individual and collective domains and in various social, cultural, economic contexts. This tremendous growth of mobile penetrations is a scene to be witnessed worldwide especially in developing countries with larger population concentration. Thus, the power of cellular technology is evident. And South Asia is and cannot be left behind.

The amazing picture is this. India has reached 600 million mobile penetrations. Other countries like Bangladesh and Sri Lanka in South Asia also showing great results as mobile users. The population percentage coverage of mobiles in the region is such – India with 46.37, Bangladesh with 31.11 , Sri Lanka 51 and Pakistan 59 and the trend is moving upward each day. South Asia is bearing witness to the power of the mobile device to empower millions with information, content and services. The power of mobile in meeting knowledge, social and economic deficits is a challenge in these countries. On the contrary, the power of mobile innovations and applications in content and services delivery is amazing and exponentially on the rise.

It is time that we in South Asia, the nations and governments in the region, as well as service providers, give a thrust on mobile for delivering meaningful services, especially that could empower and enable efficient day-to-day life for the larger masses. It is imperative now that a situation be created where we have the best of applications, contents, and services accumulated as examples to drive the government and industry to ensure they create meaningful opportunities in last mile mobile content and services. Governance and development is bound to be better with this.

Towards this objective, in order to make the content and services deliverable through mobile as a medium and means, Digital Empowerment Foundation has launched the m-Billionth Award SOUTH ASIA ON MOBILE CONTENT & APPLICATIONS FOR MASSES.

OBJECTIVES:

  1. Recognise mobile innovations and creativity.
  2. Provide a platform for the innovations into benchmarking in the mobile industry.
  3. Provide a wider forum for strategic networking, alliances and partnership building.
  4. Provide a South Asia Congress to exchange ideas, practices and policy strengths & mobile advocacy.
  5. Facilitate in building a South Asia network towards campaign and advocacy in mobile for mass empowerment and inclusive growth.

mBillionth Award Partners

For registration visit :  http://mbillionth.in/reg/

Article on Pocket Travel assistant on Mint News Paper

An article on my travel application MobileWish Pocket Travel Assistant has appeared in today’s Mint News Paper (by The Hindustan Times & The Wall Street Journal) titled “Travelling made easier with a pocketdigital guide“.

This section highlights some of the best nominations for this year’s MBillionth Awards South Asia Mobile Congress organised by Digital Empowerment Foundation, , WSA MobileContent, Department of Information Technology , Govt of India with partners like Nokia Siemens Network, MobileMonday etc.

You can check the online version of the article at :

http://www.livemint.com/2010/06/20211105/Travelling-made-easier-with-a.html?atype=tp

The scanned version of the story from the hard copy archive can be found at :

http://epaper.livemint.com/ArticleImage.aspx?article=21_06_2010_021_001&mode=1

You can Download the story from by clicking this link     (PDF)

Following are some selected sections from the article:

… Pocket Travel Assistant, or PTA, is a free-of-cost mobile phone application that promises to bring the world to the fingertips of travellers.

It compiles a range of information about places of tourist interest globally, including landmarks, history, culture, weather, street addresses and phone numbers.

This is beefed up with local news, maps and content such as mobile phone books to serve as a comprehensive digital travel guide.

“The initial motivation was to create a proof of concept mobile mash-up application of non-mobile data sources, and to make it available on mobile,” said Samir Kumar Dash, the entrepreneur who has created PTA. “The idea was to provide the traveller with a one-stop solution for all his travel needs.”

Using PTA, travellers can also directly access images or video clips of a particular destination available on websites such as Wikipedia, Flickr and YouTube.

The application uses the location of the phone to provide users with local emergency numbers, such as police helpline or the nearest clinic or hospital.

In places where language is a barrier, PTA links to the Google language translator page to help out with simple phrases in the local language.

It has its limits. PTA does not provide information about the remote villages of India unless they have a historical or geographical significance.

But with the use of the Ineternet rising in India, Dash is hopeful. “As the data PTA uses is based on Internet data, in time more and more information about the remotest places will be available,” he said.

The application is available for Flash Llite 3x-enabledmobile phones only. Users need a GPRS/Wifi connection that allows data transfer to use it.

“(Being) easy to download and free of cost with no hidden charges involved makes the product even more usable by a traveller, along with its additional features,” said Dash…

Presented “MobileWish Pocket Travel Assistant” at Nokia 900 Launch at Bangalore

Last night’s Nokia N900 launch was really cool , as Forum Nokia Team arranged for showcasing  of mobile apps by shortlisted developers/companies at the launch event. My little app “MobileWish Pocket Travel Assistant” was also shortlisted, so I presented it to the audience and the media presented at the event.

MobileWish NewsBox is now available for download at GetJar.com

MobileWish NewsBox is now available for download at GetJar.com at http://www.getjar.com/mobile/38956/mobilewish-newsbox-for-nokia-n97/

For details of the newsbox application refer https://samirshomepage.wordpress.com/2010/06/05/mobilewish-newsbox-news-app-for-n97-with-a-3d-cube-navigation/