Leonard  Paucek

Leonard Paucek

1637233200

How to Make Mobile Apps: Improve Page Rendering using Memo

Ionic Framework, ReactJS, and Capacitor: How to Create Mobile Apps : UseMemo to Improve Page Rendering.
In the two tabs ionic react example, optimising rendering with the useMemo hook in ReactJS

#reactjs 

What is GEEK

Buddha Community

How to Make Mobile Apps: Improve Page Rendering using Memo
Chloe  Butler

Chloe Butler

1667425440

Pdf2gerb: Perl Script Converts PDF Files to Gerber format

pdf2gerb

Perl script converts PDF files to Gerber format

Pdf2Gerb generates Gerber 274X photoplotting and Excellon drill files from PDFs of a PCB. Up to three PDFs are used: the top copper layer, the bottom copper layer (for 2-sided PCBs), and an optional silk screen layer. The PDFs can be created directly from any PDF drawing software, or a PDF print driver can be used to capture the Print output if the drawing software does not directly support output to PDF.

The general workflow is as follows:

  1. Design the PCB using your favorite CAD or drawing software.
  2. Print the top and bottom copper and top silk screen layers to a PDF file.
  3. Run Pdf2Gerb on the PDFs to create Gerber and Excellon files.
  4. Use a Gerber viewer to double-check the output against the original PCB design.
  5. Make adjustments as needed.
  6. Submit the files to a PCB manufacturer.

Please note that Pdf2Gerb does NOT perform DRC (Design Rule Checks), as these will vary according to individual PCB manufacturer conventions and capabilities. Also note that Pdf2Gerb is not perfect, so the output files must always be checked before submitting them. As of version 1.6, Pdf2Gerb supports most PCB elements, such as round and square pads, round holes, traces, SMD pads, ground planes, no-fill areas, and panelization. However, because it interprets the graphical output of a Print function, there are limitations in what it can recognize (or there may be bugs).

See docs/Pdf2Gerb.pdf for install/setup, config, usage, and other info.


pdf2gerb_cfg.pm

#Pdf2Gerb config settings:
#Put this file in same folder/directory as pdf2gerb.pl itself (global settings),
#or copy to another folder/directory with PDFs if you want PCB-specific settings.
#There is only one user of this file, so we don't need a custom package or namespace.
#NOTE: all constants defined in here will be added to main namespace.
#package pdf2gerb_cfg;

use strict; #trap undef vars (easier debug)
use warnings; #other useful info (easier debug)


##############################################################################################
#configurable settings:
#change values here instead of in main pfg2gerb.pl file

use constant WANT_COLORS => ($^O !~ m/Win/); #ANSI colors no worky on Windows? this must be set < first DebugPrint() call

#just a little warning; set realistic expectations:
#DebugPrint("${\(CYAN)}Pdf2Gerb.pl ${\(VERSION)}, $^O O/S\n${\(YELLOW)}${\(BOLD)}${\(ITALIC)}This is EXPERIMENTAL software.  \nGerber files MAY CONTAIN ERRORS.  Please CHECK them before fabrication!${\(RESET)}", 0); #if WANT_DEBUG

use constant METRIC => FALSE; #set to TRUE for metric units (only affect final numbers in output files, not internal arithmetic)
use constant APERTURE_LIMIT => 0; #34; #max #apertures to use; generate warnings if too many apertures are used (0 to not check)
use constant DRILL_FMT => '2.4'; #'2.3'; #'2.4' is the default for PCB fab; change to '2.3' for CNC

use constant WANT_DEBUG => 0; #10; #level of debug wanted; higher == more, lower == less, 0 == none
use constant GERBER_DEBUG => 0; #level of debug to include in Gerber file; DON'T USE FOR FABRICATION
use constant WANT_STREAMS => FALSE; #TRUE; #save decompressed streams to files (for debug)
use constant WANT_ALLINPUT => FALSE; #TRUE; #save entire input stream (for debug ONLY)

#DebugPrint(sprintf("${\(CYAN)}DEBUG: stdout %d, gerber %d, want streams? %d, all input? %d, O/S: $^O, Perl: $]${\(RESET)}\n", WANT_DEBUG, GERBER_DEBUG, WANT_STREAMS, WANT_ALLINPUT), 1);
#DebugPrint(sprintf("max int = %d, min int = %d\n", MAXINT, MININT), 1); 

#define standard trace and pad sizes to reduce scaling or PDF rendering errors:
#This avoids weird aperture settings and replaces them with more standardized values.
#(I'm not sure how photoplotters handle strange sizes).
#Fewer choices here gives more accurate mapping in the final Gerber files.
#units are in inches
use constant TOOL_SIZES => #add more as desired
(
#round or square pads (> 0) and drills (< 0):
    .010, -.001,  #tiny pads for SMD; dummy drill size (too small for practical use, but needed so StandardTool will use this entry)
    .031, -.014,  #used for vias
    .041, -.020,  #smallest non-filled plated hole
    .051, -.025,
    .056, -.029,  #useful for IC pins
    .070, -.033,
    .075, -.040,  #heavier leads
#    .090, -.043,  #NOTE: 600 dpi is not high enough resolution to reliably distinguish between .043" and .046", so choose 1 of the 2 here
    .100, -.046,
    .115, -.052,
    .130, -.061,
    .140, -.067,
    .150, -.079,
    .175, -.088,
    .190, -.093,
    .200, -.100,
    .220, -.110,
    .160, -.125,  #useful for mounting holes
#some additional pad sizes without holes (repeat a previous hole size if you just want the pad size):
    .090, -.040,  #want a .090 pad option, but use dummy hole size
    .065, -.040, #.065 x .065 rect pad
    .035, -.040, #.035 x .065 rect pad
#traces:
    .001,  #too thin for real traces; use only for board outlines
    .006,  #minimum real trace width; mainly used for text
    .008,  #mainly used for mid-sized text, not traces
    .010,  #minimum recommended trace width for low-current signals
    .012,
    .015,  #moderate low-voltage current
    .020,  #heavier trace for power, ground (even if a lighter one is adequate)
    .025,
    .030,  #heavy-current traces; be careful with these ones!
    .040,
    .050,
    .060,
    .080,
    .100,
    .120,
);
#Areas larger than the values below will be filled with parallel lines:
#This cuts down on the number of aperture sizes used.
#Set to 0 to always use an aperture or drill, regardless of size.
use constant { MAX_APERTURE => max((TOOL_SIZES)) + .004, MAX_DRILL => -min((TOOL_SIZES)) + .004 }; #max aperture and drill sizes (plus a little tolerance)
#DebugPrint(sprintf("using %d standard tool sizes: %s, max aper %.3f, max drill %.3f\n", scalar((TOOL_SIZES)), join(", ", (TOOL_SIZES)), MAX_APERTURE, MAX_DRILL), 1);

#NOTE: Compare the PDF to the original CAD file to check the accuracy of the PDF rendering and parsing!
#for example, the CAD software I used generated the following circles for holes:
#CAD hole size:   parsed PDF diameter:      error:
#  .014                .016                +.002
#  .020                .02267              +.00267
#  .025                .026                +.001
#  .029                .03167              +.00267
#  .033                .036                +.003
#  .040                .04267              +.00267
#This was usually ~ .002" - .003" too big compared to the hole as displayed in the CAD software.
#To compensate for PDF rendering errors (either during CAD Print function or PDF parsing logic), adjust the values below as needed.
#units are pixels; for example, a value of 2.4 at 600 dpi = .0004 inch, 2 at 600 dpi = .0033"
use constant
{
    HOLE_ADJUST => -0.004 * 600, #-2.6, #holes seemed to be slightly oversized (by .002" - .004"), so shrink them a little
    RNDPAD_ADJUST => -0.003 * 600, #-2, #-2.4, #round pads seemed to be slightly oversized, so shrink them a little
    SQRPAD_ADJUST => +0.001 * 600, #+.5, #square pads are sometimes too small by .00067, so bump them up a little
    RECTPAD_ADJUST => 0, #(pixels) rectangular pads seem to be okay? (not tested much)
    TRACE_ADJUST => 0, #(pixels) traces seemed to be okay?
    REDUCE_TOLERANCE => .001, #(inches) allow this much variation when reducing circles and rects
};

#Also, my CAD's Print function or the PDF print driver I used was a little off for circles, so define some additional adjustment values here:
#Values are added to X/Y coordinates; units are pixels; for example, a value of 1 at 600 dpi would be ~= .002 inch
use constant
{
    CIRCLE_ADJUST_MINX => 0,
    CIRCLE_ADJUST_MINY => -0.001 * 600, #-1, #circles were a little too high, so nudge them a little lower
    CIRCLE_ADJUST_MAXX => +0.001 * 600, #+1, #circles were a little too far to the left, so nudge them a little to the right
    CIRCLE_ADJUST_MAXY => 0,
    SUBST_CIRCLE_CLIPRECT => FALSE, #generate circle and substitute for clip rects (to compensate for the way some CAD software draws circles)
    WANT_CLIPRECT => TRUE, #FALSE, #AI doesn't need clip rect at all? should be on normally?
    RECT_COMPLETION => FALSE, #TRUE, #fill in 4th side of rect when 3 sides found
};

#allow .012 clearance around pads for solder mask:
#This value effectively adjusts pad sizes in the TOOL_SIZES list above (only for solder mask layers).
use constant SOLDER_MARGIN => +.012; #units are inches

#line join/cap styles:
use constant
{
    CAP_NONE => 0, #butt (none); line is exact length
    CAP_ROUND => 1, #round cap/join; line overhangs by a semi-circle at either end
    CAP_SQUARE => 2, #square cap/join; line overhangs by a half square on either end
    CAP_OVERRIDE => FALSE, #cap style overrides drawing logic
};
    
#number of elements in each shape type:
use constant
{
    RECT_SHAPELEN => 6, #x0, y0, x1, y1, count, "rect" (start, end corners)
    LINE_SHAPELEN => 6, #x0, y0, x1, y1, count, "line" (line seg)
    CURVE_SHAPELEN => 10, #xstart, ystart, x0, y0, x1, y1, xend, yend, count, "curve" (bezier 2 points)
    CIRCLE_SHAPELEN => 5, #x, y, 5, count, "circle" (center + radius)
};
#const my %SHAPELEN =
#Readonly my %SHAPELEN =>
our %SHAPELEN =
(
    rect => RECT_SHAPELEN,
    line => LINE_SHAPELEN,
    curve => CURVE_SHAPELEN,
    circle => CIRCLE_SHAPELEN,
);

#panelization:
#This will repeat the entire body the number of times indicated along the X or Y axes (files grow accordingly).
#Display elements that overhang PCB boundary can be squashed or left as-is (typically text or other silk screen markings).
#Set "overhangs" TRUE to allow overhangs, FALSE to truncate them.
#xpad and ypad allow margins to be added around outer edge of panelized PCB.
use constant PANELIZE => {'x' => 1, 'y' => 1, 'xpad' => 0, 'ypad' => 0, 'overhangs' => TRUE}; #number of times to repeat in X and Y directions

# Set this to 1 if you need TurboCAD support.
#$turboCAD = FALSE; #is this still needed as an option?

#CIRCAD pad generation uses an appropriate aperture, then moves it (stroke) "a little" - we use this to find pads and distinguish them from PCB holes. 
use constant PAD_STROKE => 0.3; #0.0005 * 600; #units are pixels
#convert very short traces to pads or holes:
use constant TRACE_MINLEN => .001; #units are inches
#use constant ALWAYS_XY => TRUE; #FALSE; #force XY even if X or Y doesn't change; NOTE: needs to be TRUE for all pads to show in FlatCAM and ViewPlot
use constant REMOVE_POLARITY => FALSE; #TRUE; #set to remove subtractive (negative) polarity; NOTE: must be FALSE for ground planes

#PDF uses "points", each point = 1/72 inch
#combined with a PDF scale factor of .12, this gives 600 dpi resolution (1/72 * .12 = 600 dpi)
use constant INCHES_PER_POINT => 1/72; #0.0138888889; #multiply point-size by this to get inches

# The precision used when computing a bezier curve. Higher numbers are more precise but slower (and generate larger files).
#$bezierPrecision = 100;
use constant BEZIER_PRECISION => 36; #100; #use const; reduced for faster rendering (mainly used for silk screen and thermal pads)

# Ground planes and silk screen or larger copper rectangles or circles are filled line-by-line using this resolution.
use constant FILL_WIDTH => .01; #fill at most 0.01 inch at a time

# The max number of characters to read into memory
use constant MAX_BYTES => 10 * M; #bumped up to 10 MB, use const

use constant DUP_DRILL1 => TRUE; #FALSE; #kludge: ViewPlot doesn't load drill files that are too small so duplicate first tool

my $runtime = time(); #Time::HiRes::gettimeofday(); #measure my execution time

print STDERR "Loaded config settings from '${\(__FILE__)}'.\n";
1; #last value must be truthful to indicate successful load


#############################################################################################
#junk/experiment:

#use Package::Constants;
#use Exporter qw(import); #https://perldoc.perl.org/Exporter.html

#my $caller = "pdf2gerb::";

#sub cfg
#{
#    my $proto = shift;
#    my $class = ref($proto) || $proto;
#    my $settings =
#    {
#        $WANT_DEBUG => 990, #10; #level of debug wanted; higher == more, lower == less, 0 == none
#    };
#    bless($settings, $class);
#    return $settings;
#}

#use constant HELLO => "hi there2"; #"main::HELLO" => "hi there";
#use constant GOODBYE => 14; #"main::GOODBYE" => 12;

#print STDERR "read cfg file\n";

#our @EXPORT_OK = Package::Constants->list(__PACKAGE__); #https://www.perlmonks.org/?node_id=1072691; NOTE: "_OK" skips short/common names

#print STDERR scalar(@EXPORT_OK) . " consts exported:\n";
#foreach(@EXPORT_OK) { print STDERR "$_\n"; }
#my $val = main::thing("xyz");
#print STDERR "caller gave me $val\n";
#foreach my $arg (@ARGV) { print STDERR "arg $arg\n"; }

Download Details:

Author: swannman
Source Code: https://github.com/swannman/pdf2gerb

License: GPL-3.0 license

#perl 

How Much Does it Cost to Make a Mobile App in 2020?

Do you want to know How Much Does it Cost to Make a Mobile App in 2020? From AppClues Infotech, you will get the best mobile app developed. As well as we build high quality, intuitive & creative mobile apps at an affordable cost.

Please contact us for further more details about mobile app cost, design & development of the latest technology.

#cost to make a mobile app #cost to make an android mobile app #cost to make an ios mobile app #mobile app development new york #custom mobile app development company in new york

Autumn  Blick

Autumn Blick

1594770710

How To Succeed In Mobile App Wireframe Design?

In the world of overrated terms “web development”, a mobile app wireframe design is one of the most underrated terms. The design of wireframes is considered when people look for the bigger picture.

While designing the UI-UX, people forget the simple norm of general to specific shifting. As the complexity increases and so does the approach become more difficult, this is where the designing of the wireframes comes in handy.

Before diving into the “How to”, let’s first see why we need them in the first place.

What are mobile app wireframes?

Wireframes are the skeletal layouts of an application or a website that is being designed. The specificity comes into play, the elements and the features have to be placed at specific locations. Take a building, in the process of making it, first the foundation is laid and then pieces are fitted together from the skeleton structure on a piece of paper, wireframes do the same for the website or application structure such as a smart home application.

The designing of wireframes is commonly known as wireframing. For the construction of a building, the framework or the skeletal structure is important while designing a web application or mobile application, wireframing is important to make it user-friendly. This entirely and solely works to make the journey smooth and destination easy to reach.

As for the building, the layers of cementing and painting is done later to increase the visual appeal, the visual contents and appealing stuff are added after wireframing. The simpler it sounds after the definition, the complex it gets when it is being done.

It is a very goal-oriented procedure, one has to keep in mind is the goal of the product or the destination of the service. The main focus should be on UX. The arrangement of the elements and their interaction with each other and with the user is the utmost important task in mobile app wireframing.

What not to do while designing the mobile app wireframe?

  • Do not even think of skipping the process.
  • Do not beautify (visually appealing designs added first) and then get into the wireframing business).
  • Do not do it just for the sake of doing it.

One has to keep in mind that skipping this entirely can lead to the failure of the entire process of web and mobile app development at the end.

Again taking the example of the construction of a building, the foundation must be laid first based on the skeletal framework that has been prepared, then only you can jump to beautify your building, as a designer one has to understand and follow the steps where designing the mobile app wireframe comes first and then the visually appealing content is added next not the other way round.

For the most part, people do not understand the importance and come up with some trashy design of wireframes and the main foundation becomes faulty, hence the entire designing at later stages becomes faulty. If one wants to skip the reworking part, mobile app wireframing must never be ignored.

#android app #ios app #minimum viable product (mvp) #mobile app development #app designing #mobile app wireframe designing #mobile app wireframing #mobile application wireframing #mobile wireframing #web app wireframing #wireframe designing

How much does it cost to make a mobile application like diet and nutrition App?

Mobile apps have changed the way we do things. From entertainment to healthcare, everything these days can be managed by the smart gadgets owing to the apps within it. Even in the fitness segment, mobile apps have managed to create significant headwinds. App-based food and nutrition tracking tools have become quite common in modern lives. According to industry statistics, more and more users are eager about using a diet and nutrition mobile app in their everyday lives.

Creating a fitness and nutrition app for health-conscious users can be a lucrative option for startup owners, at present. People are turning quite serious about their health and fitness and in such a scenario, launching such an app can be a great idea.

How a Diet App is Helpful for End Users?

A diet and nutrition mobile app can help individuals in adopting a fit and healthy lifestyle. By keeping track of their dietary habits and providing personalized tips, it can allow users to achieve their fitness goals. A mobile app can help with the following aspects:

  • Preparing a balanced and nutritious diet chart
  • Suggesting healthy food options.
  • Keeping a log of daily calorie and water intake
  • Assisting in weight loss plans
  • Monitoring daily physical activity
  • Preparing a healthy grocery list

Critical Features You Need in a Diet and Nutrition App

As you can see, a diet planner mobile app can be quite useful for an end-user and an amazing opportunity for any startup entrepreneur. But before you move ahead with health and fitness app development, you should have a clear idea about the features your app will offer. Here are some useful features that every diet and nutrition mobile app must have:

  • Dietary Suggestions
  • Physical Activity & Food Intake Logger
  • Connectivity to Wearable Devices
  • Push Notifications
  • Daily Activity/Diet Analyzer
  • Live Chat with Dieticians
  • Barcode/QR Code Scanner
  • Social Sharing Features

Social media is a great motivator and influencer. By adding a social sharing feature in your mobile app, you can make users commit to their goals. Users can share their goals, daily progress, and diet plans with friends over social media. This will have multiple benefits. Firstly, users will continue to stick to your app, and secondly, the more users will come to know about your diet and nutrition app.

Other Important Features to Focus on While Development

Intuitive UI
Past Diet History
Integration with Google Fit/ Apple HealthKit
Healthy Shopping Assistance
User Feedback
CMS

Process of developing a Diet and Nutrition App

If you are thinking to move ahead with iPhone/Android health and fitness app development, you need to have a strategic plan along with a clear process for success. Here are some steps that can help you build a diet and nutrition mobile app:

Planning and Roadmap Development
Before moving ahead with anything, you need to have a clear plan and functional roadmap about your development process. This should essentially include:

The features you wish to have in your mobile app

  • Your target audience
  • Your development plan
  • Your goals from the development process
  • Rollout strategy

Once you clear these basic things, you can move ahead with the documentation part.

Technical Documentation
Technical documentation will help you create a functional blueprint that would document everything you planned in your roadmap. This will ensure that everyone on board has a clear idea about what to do and what to expect from the results.

UX/UI Design
Once you are done with the planning and documentation part, you need to focus on the app design. Your app should be interactive, intuitive, and engaging. Also, you need to make sure that all the features in your mobile app are easily accessible and understandable. Maybe you should think of going with a minimalist design. Once you get in touch with an interface designer, he/she will help you finalize a wireframe and the UI design based on which the development can begin.

Development
The development phase would involve working with developers for Android or iOS app development. All the features will be coded, and your mobile app would be made functional with the UI design as a base. You need an expert development team to ensure you get the best results from the development activity.

Testing and Deployment
Once everything is done, the last part is to test your mobile app before the final deployment. Testing can be done on various parameters. Your main goal should be to eliminate bugs and ensure that your app works flawlessly in various situations.

How much will the app development cost?

To analyze the cost of developing a health and fitness mobile app, you may need to get in touch with an expert mobile app development company. Generally, the cost of development depends on the features you need in the mobile app and the team you look forward to engaging for development.

For a diet and nutrition mobile app, you would need the following members in your development team:

  • Project manager
  • UI/UX designer
  • Developer
  • Testers

Cost of Engaging an Expert Team

The cost of development also depends on the complexity of your concept and the place you wish to hire mobile app developers. You can either think of building an in-house team or engage an offshore development team as it is generally cost-effective in the case of startups. The actual costs of building the app can be ascertained by connecting with a professional mobile app development company.

Wrapping Up

Creating a mobile app in the healthcare domain is not an easy task. You need an expert team having knowledge and experience of building and deploying a full-scale healthcare app.

#cost to make a mobile application like diet and nutrition app #make a diet and nutrition mobile app #cost to develop a diet & nutrition mobile app #cost of developing a diet and nutrition app #cost of making a diet and nutrition app #mobile app development usa

Juned Ghanchi

1620819937

How to Make an eCommerce Mobile App? - The Definitive Guide 2021

Since eCommerce mobile apps have already emerged as the most successful retail channel for businesses across all categories and niches, we don’t need to dig into the same reasons. If you are a B2B or B2C startup with little technical knowledge, you must be wondering how to make an e-commerce mobile app that quickly achieves traction. Well, here we are to address this query. But before that, let’s explain a few preliminary things.

First of all, eCommerce web stores and mobile apps are two different things even though they represent the same business brand through browsers and mobile apps. If you want to know how to create an e-commerce mobile app, you already focus on targeting mobile user audiences with a native shopping experience. In contrast, web stores offer a very generic user experience lacking interactions with device features, offline access and ease of use.

Secondly, when knowing how to make your eCommerce app from scratch, we can advise you to start small and go for a simple app for one OS platform and based on user feedback making value additions through future updates and targeting the other OS platform after settling with the first version for some time.

Lastly, always remember that a successful eCommerce mobile app is also the handiwork of a reputed and experienced mobile app development company. Hence, you should plan your resources and hiring process accordingly. The choice of experience and skills in developers can greatly impact the outcome, as far as eCommerce app development is concerned.

Visit Blog - https://www.indianappdevelopers.com/blog/tips-develop-ecommerce-mobile-application/

#how to make an ecommerce mobile app #make an ecommerce mobile app #tips to develop ecommerce mobile application #build ecommerce mobile app #ecommerce app from scratch #ecommerce mobile apps